<header id="page-topbar">
    <div class="navbar-header container-fluid">
        <div class="d-flex">
            <!-- LOGO -->
            <div class="navbar-brand-box">
                <a href="{{route('dashboard')}}" class="logo logo-dark">
                    <span class="logo-sm">
                        <img src="{{ asset('assets/images/bloxby.svg')}}" alt="" height="22">
                    </span>
                    <span class="logo-lg">
                        <img src="{{ asset('assets/images/bloxby.svg')}}" alt="" height="43">
                    </span>
                </a>

                <a href="{{route('dashboard')}}" class="logo logo-light">
                    <span class="logo-sm">
                        <img src="{{ asset('assets/images/bloxby.svg')}}" alt="" height="32">
                    </span>
                    <span class="logo-lg">
                        <img src="{{ asset('assets/images/bloxby.svg')}}" alt="" height="43">
                    </span>
                </a>
            </div>



        </div>

        <div class="d-flex">
            @if(auth()->user())
            <div class="dropdown d-inline-block dropdown-inner">
                
                <button type="button" class="btn header-item waves-effect" id="page-header-user-dropdown"
                    data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    @php
                    $user = auth()->user();
                    $initials = collect(explode(' ', $user->name))
                    ->map(fn($part) => strtoupper($part[0]))
                    ->implode('');
                    @endphp
                    <div class="profile-icon">
                        {{ $initials }}
                    </div>
                    <!--<img class="profile-icon" src="assets/images/profile.png" alt="profile" />-->
                    <span class="d-none d-xl-inline-block ms-1" key="t-henry">{{ auth()->user()->name }}</span>
                    <i class="mdi mdi-chevron-down d-none d-xl-inline-block"></i>
                </button>
                <div class="dropdown-menu dropdown-menu-end">
                    <!-- item-->
                    <a class="dropdown-item" href="{{route('profile.edit')}}"><i class="bx bx-user font-size-16 align-middle me-1"></i>
                        <span key="t-profile">Profile</span></a>
                    <a class="dropdown-item" href="{{route('payments.list')}}"><i class="bx bx-receipt font-size-16 align-middle me-1"></i>
                        <span key="t-profile">Payments</span></a>
                    <div class="dropdown-divider"></div>
                    <button class="dropdown-item text-danger" data-bs-toggle="modal" data-bs-target="#logoutModal"><i
                            class="bx bx-power-off font-size-16 align-middle me-1 text-danger"></i> <span
                            key="t-logout">Logout</span></button>
                    @if(!auth()->user()->email_verified_at)
                    <div class="trail-info">
                        <p>Bloxby free trial</p>
                        @php


                        $today = \Carbon\Carbon::now();
                        $trialEnds = \Carbon\Carbon::parse(auth()->user()->trial_ending_at);
                        $daysLeft = $today->diffInDays($trialEnds, false); // false → returns negative if expired
                        $hoursLeft = $today->addDays($daysLeft)->diffInHours($trialEnds, false);
                        @endphp

                        @if ($daysLeft > 0 || $hoursLeft > 0)
                        <span>
                            @if($daysLeft > 0)
                            {{ $daysLeft }} day{{ $daysLeft > 1 ? 's' : '' }}
                            @endif

                            @if($daysLeft > 0 && $hoursLeft > 0)
                            &
                            @endif

                            @if($hoursLeft > 0)
                            {{ $hoursLeft }} hour{{ $hoursLeft > 1 ? 's' : '' }}
                            @endif

                            left
                        </span>
                        @endif
                    </div>
                    @endif
                </div>
            </div>
            @endif
            <!-- Logout Confirmation Modal -->


        </div>
    </div>

</header>
@if(auth()->user())
<div class="container">
@if(!auth()->user()->email_verified_at)
<div class="mt-5 text-center verify-mail-error">
    Your email needs to be verified. Please click <a href="{{route('resend-verification-email')}}">here</a> to resend verification email.
</div>
@endif
</div>
@endif