@php
    $logout_url = View::getSection('logout_url') ?? config('adminlte.logout_url', 'logout');
    $profile_url = View::getSection('profile_url') ?? config('adminlte.profile_url', 'logout');

    if (config('adminlte.usermenu_profile_url', false)) {
        $profile_url = Auth::user()->adminlte_profile_url();
    }

    if (config('adminlte.use_route_url', false)) {
        $profile_url = $profile_url ? route($profile_url) : '';
        $logout_url = $logout_url ? route($logout_url) : '';
    } else {
        $profile_url = $profile_url ? url($profile_url) : '';
        $logout_url = $logout_url ? url($logout_url) : '';
    }
@endphp

<li class="nav-item dropdown user-menu">

    {{-- User menu toggler --}}
    <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown">
        @if (config('adminlte.usermenu_image'))
            @if (config('app.name') === 'HR - Touch :: Intermodal Tank Transport')
                <img src="{{ asset('img/itt/ITT_Logo_Rounded.png') }}" class="user-image img-circle elevation-2"
                    alt="{{ Auth::user()->name }}">
            @else
                <img src="{{ asset('img/BTG_logo.png') }}" class="user-image img-circle elevation-2"
                    alt="{{ Auth::user()->name }}">
            @endif
        @endif
    </a>

    {{-- User menu dropdown --}}
    <ul class="dropdown-menu dropdown-menu-lg dropdown-menu-right">

        {{-- User menu header --}}
        @if (!View::hasSection('usermenu_header') && config('adminlte.usermenu_header'))
            <li class="user-header {{ config('adminlte.usermenu_header_class', 'bg-light') }} @if (!config('adminlte.usermenu_image')) h-auto @endif">
                @if (config('adminlte.usermenu_image'))
                    @if (config('app.name') === 'HR - Touch :: Intermodal Tank Transport')
                        <img src="{{ asset('img/itt/ITT_Logo_Rounded.png') }}"
                            class="img-circle elevation-2" alt="{{ Auth::user()->name }}">
                    @else
                        <img src="{{ asset('img/BTG_logo.png') }}" class="img-circle elevation-2"
                            alt="{{ Auth::user()->name }}">
                    @endif
                @endif
                <p>
                    {{ Auth::user()->name }}
                    @if (config('adminlte.usermenu_desc'))
                        <small>{{ Auth::user()->adminlte_desc() }}</small>
                    @else
                        <small>{{ Auth::user()->profile?->jobtitle ?? 'Employee' }}</small>
                    @endif
                </p>
            </li>
        @else
            @yield('usermenu_header')
        @endif

        {{-- Holiday Balance Card --}}
        @php
            try {
                $userProfile = Auth::user()->profile ?? null;
                $holidayBalance = Auth::user()->holiday()->where('year', date('Y'))->first();
            } catch (\Exception $e) {
                $userProfile = null;
                $holidayBalance = null;
            }
        @endphp

        @if(isset($holidayBalance) && $holidayBalance)
        <li class="p-3">
            <div class="card card-primary card-outline mb-0">
                <div class="card-body p-2">
                    <h6 class="mb-2"><i class="fas fa-umbrella-beach"></i> Holiday Balance {{ date('Y') }}</h6>
                    <div class="row text-center">
                        <div class="col-4">
                            <div class="text-bold text-lg">{{ $holidayBalance->total ?? 0 }}</div>
                            <small class="text-muted">Total</small>
                        </div>
                        <div class="col-4">
                            <div class="text-bold text-lg text-warning">{{ $holidayBalance->taken ?? 0 }}</div>
                            <small class="text-muted">Taken</small>
                        </div>
                        <div class="col-4">
                            <div class="text-bold text-lg text-success">{{ $holidayBalance->remain ?? 0 }}</div>
                            <small class="text-muted">Remaining</small>
                        </div>
                    </div>
                    @php
                        $total = $holidayBalance->total ?? 1;
                        $taken = $holidayBalance->taken ?? 0;
                        $percentage = $total > 0 ? round(($taken / $total) * 100) : 0;
                    @endphp
                    <div class="progress mt-2" style="height: 5px;">
                        <div class="progress-bar bg-info" role="progressbar" style="width: {{ $percentage }}%" aria-valuenow="{{ $percentage }}" aria-valuemin="0" aria-valuemax="100"></div>
                    </div>
                </div>
            </div>
        </li>
        @endif

        <!-- <li class="dropdown-divider"></li> -->

        {{-- My Profile --}}
        <!-- <li class="dropdown-header">My Profile</li> -->
        <li>
            <a href="{{ route('profile.index') }}" class="dropdown-item">
                <i class="fas fa-user mr-2"></i>Personal Details
            </a>
        </li>
        <li>
            <a href="{{ route('emergency_contacts.index') }}" class="dropdown-item">
                <i class="fas far fa-life-ring mr-2"></i>Emergency Contacts
            </a>
        </li>


        <!-- <li class="dropdown-divider"></li> -->

        {{-- My Holidays --}}
        <!-- <li class="dropdown-header">My Holidays</li> -->
        <li>
            <a href="{{ route('holidays.viewing') }}" class="dropdown-item">
                <i class="fas fa-plane-departure mr-2"></i>Holiday Requests
            </a>
        </li>
        <li>
            <a href="{{ route('holidays.create') }}" class="dropdown-item">
                <i class="fas fa-plus-circle mr-2"></i>Request New Holiday
            </a>
        </li>
        <li>
            <a href="{{ route('holidays.calendar') }}" class="dropdown-item">
                <i class="fas fa-calendar-alt mr-2"></i>Team Calendar
            </a>
        </li>

        <!-- <li class="dropdown-divider"></li> -->

        {{-- Documents --}}
        <!-- <li class="dropdown-header">Documents</li> -->
        <li>
            <a href="{{ route('documents.index') }}" class="dropdown-item">
                <i class="fas fa-file-alt mr-2"></i>Documents
            </a>
        </li>
        
        {{-- Manager Actions --}}
        @if(Auth::user()->is_holiday_approver || Auth::user()->is_hr_manager || Auth::user()->is_hr_hq)
        <li class="dropdown-divider"></li>
        <li class="dropdown-header">Manager Actions</li>
        <li>
            <a href="{{ route('holiday_approval.index') }}" class="dropdown-item">
                <i class="fas fa-thumbs-up mr-2"></i>Holiday Approval
            </a>
        </li>
        @endif

        <li class="dropdown-divider"></li>

        {{-- Logout --}}
        <li class="dropdown-footer">
            <a class="btn btn-block btn-default" href="{{ route('logout') }}">
                <i class="fa fa-fw fa-power-off text-danger"></i>Logout
            </a>
        </li>

    </ul>

</li>