@php
    use Carbon\Carbon;
    $title = $user->name;
@endphp
@extends('layouts.app')
@section('title', $title)
@section('content')
    <div class="flex justify-between items-center">
        @include('shared.button', ['type' => 'back', 'url' => route('users.index')])
        @include('shared.title', [$title])
        @include('shared.fake-div')
    </div>
    <hr class="my-5 border-gray-300 dark:border-gray-700">
    <ul class="space-y-5">
        <li>
            Username : {{ $user->name }}
        </li>
        <li>
            Email : {{ $user->email ?? '---' }} ({{ is_null($user->email_verified_at) ? 'Not Verified' : 'Verified' }})
        </li>
        <li>
            Phone Number : {{ $user->phone_number ?? '---' }}
            ({{ is_null($user->phone_number_verified_at) ? 'Not Verified' : 'Verified' }})
        </li>
        <li>
            Type : {{ $user->type ?? '---' }}
        </li>
        <li>
            First Name : {{ $user->Profile?->first_name ?? '---' }}
        </li>
        <li>
            Last Name : {{ $user->Profile?->last_name ?? '---' }}
        </li>
        <li>
            Gender : {{ $user->Profile?->gender ?? '---' }}
        </li>
        <li>
            Birth Day : {{ $user->Profile?->birthday ? CheckDateTime($user->Profile?->birthday, 'show') : '---' }}
        </li>
        <li>
            Language : {{ $user->Profile?->language ?? '---' }}
        </li>
        <li>
            Calendar : {{ $user->Profile?->calendar ?? '---' }}
        </li>
        <li>
            Time Zone : {{ $user->Profile?->timezone ?? '---' }}
        </li>
        <li>
            Parent : {{ $user->Parent?->name ?? '---' }}
        </li>
        <li>
            Created At : {{ Carbon::parse($user->created_at)->format('Y/m/d | H:i:s') }}
        </li>
        <li>
            Updated At : {{ Carbon::parse($user->updated_at)->format('Y/m/d | H:i:s') }}
        </li>
    </ul>
    <h3 class="text-2xl my-5">
        Roles :
    </h3>
    <ul class="space-y-5">
        @foreach($user->Roles as $key => $role)
            <li>
                {{ $key + 1 }} - {{ $role->name }}
            </li>
        @endforeach
    </ul>
    <hr class="my-5 border-gray-300 dark:border-gray-700">
    <div class="flex space-x-2">
        @include('shared.button', ['type' => 'edit', 'url' => route('users.edit', $user)])
        @include('shared.button', ['type' => 'delete', 'url' => route('users.destroy', $user)])
    </div>
@endsection