{{-- resources/views/filament/widgets/store-status-widget.blade.php --}}
<div>
    <div class="flex items-center justify-between mb-4">
        <h2 class="text-xl font-bold tracking-tight">Store Status</h2>

        <span class="inline-flex items-center px-3 py-1 text-sm font-medium rounded-full {{ $this->isStoreOpenNow() ? 'text-success-700 bg-success-100' : 'text-danger-700 bg-danger-100' }}">
            <span class="mr-1.5 h-2 w-2 rounded-full {{ $this->isStoreOpenNow() ? 'bg-success-500' : 'bg-danger-500' }}"></span>
            {{ $this->isStoreOpenNow() ? 'Open Now' : 'Closed Now' }}
        </span>
    </div>

    <div class="grid grid-cols-1 gap-4 sm:grid-cols-2">
        <!-- Today's Hours Section -->
        <div class="p-4 border border-gray-200 rounded-lg dark:border-gray-700">
            <h3 class="mb-2 font-medium text-gray-700 dark:text-gray-300">Today's Hours</h3>

            @php
                $currentDay = strtolower(now()->timezone(config('app.timezone'))->format('l'));
                $todayHours = \App\Models\StoreHours::where('day_of_week', $currentDay)->first();
            @endphp

            @if($todayHours)
                <div class="flex items-center justify-between">
                    <span class="text-gray-600 dark:text-gray-400">{{ ucfirst($currentDay) }}</span>
                    <span class="{{ $todayHours->is_closed ? 'text-red-500' : 'text-gray-800 dark:text-gray-200' }}">
                        @if($todayHours->is_closed)
                            Closed
                        @else
                            {{ $todayHours->opening_time ? \Carbon\Carbon::parse($todayHours->opening_time)->format('g:i A') : '?' }} -
                            {{ $todayHours->closing_time ? \Carbon\Carbon::parse($todayHours->closing_time)->format('g:i A') : '?' }}
                        @endif
                    </span>
                </div>
            @else
                <p class="text-gray-500">No hours set for today</p>
            @endif
        </div>

        <!-- Store Status Section -->
        <div class="p-4 border border-gray-200 rounded-lg dark:border-gray-700">
            <h3 class="mb-2 font-medium text-gray-700 dark:text-gray-300">Status</h3>

            @php
                $storeStatus = \App\Models\StoreStatus::first();
            @endphp

            @if($storeStatus)
                @if($storeStatus->is_vacation_mode)
                    <div class="mb-2 text-yellow-700">
                        <span>Vacation Mode</span>
                    </div>

                    @if($storeStatus->vacation_end)
                        <p class="text-sm text-gray-600 dark:text-gray-400">
                            Until {{ $storeStatus->vacation_end->format('M j, Y g:i A') }}
                        </p>
                    @endif
                @elseif(!$storeStatus->is_open)
                    <div class="mb-2 text-red-700">
                        <span>Manually Closed</span>
                    </div>

                    @if($storeStatus->reopen_at)
                        <p class="text-sm text-gray-600 dark:text-gray-400">
                            Reopens at {{ $storeStatus->reopen_at->format('M j, Y g:i A') }}
                        </p>
                    @endif
                @else
                    <div class="mb-2 text-green-700">
                        <span>Open</span>
                    </div>
                @endif
            @else
                <p class="text-gray-500">Status not configured</p>
            @endif
        </div>
    </div>

    <div class="mt-4 text-right">
        <a href="{{ route('filament.admin.resources.store-statuses.index') }}" class="text-sm font-medium text-primary-600 hover:text-primary-500">
            Manage Store Status →
        </a>
    </div>
</div>