@extends('layouts.master')
@section('title', 'Profile - SuperAdmin')
@section('pagetitle', 'Profile - SuperAdmin')

@section('content')
    <div class="main">
        @include('layouts.partials.breadcrumbs', ['breadcrumbs' => [
             ['url' => route('dashboard'), 'title' => __('Home')],
             ['url' => route('profile.view'), 'title' => __('Profile')]]
                ])
            @include('layouts.partials.messages')
            <h1 class="hd mb-30">{{ ucfirst($role_name) .__(" Profile") }}</h1>
            <div class="students-profile">
                <img class="rounded-avatar" src="{{ user_avatar_gen(auth()->user()->email )  }}" alt="profile-image"/>
                <div class="info">
                    <div class="contact-info">
                        <div class="contact-heading">
                            <h2>Contact Information</h2>
                            <a href="{{route("profile.edit")}}">
                                <button>Edit</button>
                            </a>
                        </div>
                        <div class="infos">
                            <h4>Full name:</h4>
                            <h5>{{$user->getFullName()}}</h5>
                        </div>
                        <div class="infos">
                            <h4>Email address:</h4>
                            <h5>{{$user->email}}</h5>
                        </div>
                        <div class="infos">
                            <h4>Phone number:</h4>
                            <h5>{{$user->phone}}</h5>
                        </div>
                        <div class="infos">
                            <h4>Gender:</h4>
                            <h5>{{$user->gender['name'] ?? '-'}}</h5>
                        </div>
                        <div class="infos">
                            <h4>Date of Birth:</h4>
                            <h5>{{$user->birthday ? $user->present()->birthday : '-'}}</h5>
                        </div>
                    </div>

                </div>
            </div>
</div>
@endsection