{{-- resources/views/admin/dashboard/index.blade.php --}}
{{-- Admin dashboard — stat cards + recent tables, all permission-aware --}}

@extends('layouts.admin')

@section('title', 'Dashboard')
@section('page_title', 'Dashboard')

@section('page_css')
    <link rel="stylesheet" href="{{ asset('css/admin/dashboard.css') }}">
@endsection

@section('content')

    {{-- Page header --}}
    <x-admin.page-header
        title="Dashboard Overview"
        :breadcrumb="[['label' => 'Dashboard']]"
    />

    {{-- Stat cards row — only shows cards user has permission to see --}}
    <div class="stats-row">

        @if($totalHotels !== null)
            <x-admin.stat-card
                icon="bi-building"
                label="Total Hotels"
                :value="$totalHotels"
                sub="Active listings"
                color="blue"
            />
        @endif

        @if($totalFlights !== null)
            <x-admin.stat-card
                icon="bi-airplane"
                label="Total Flights"
                :value="$totalFlights"
                sub="Active deals"
                color="teal"
            />
        @endif

        @if($totalDestinations !== null)
            <x-admin.stat-card
                icon="bi-geo-alt"
                label="Destinations"
                :value="$totalDestinations"
                sub="Across all countries"
                color="purple"
            />
        @endif

        @if($openTickets !== null)
            <x-admin.stat-card
                icon="bi-headset"
                label="Open Tickets"
                :value="$openTickets"
                sub="Awaiting reply"
                color="orange"
            />
        @endif

        @if($totalCategories !== null)
            <x-admin.stat-card
                icon="bi-grid"
                label="Categories"
                :value="$totalCategories"
                sub="Active categories"
                color="accent"
            />
        @endif

        @if($totalCountries !== null)
            <x-admin.stat-card
                icon="bi-flag"
                label="Countries"
                :value="$totalCountries"
                sub="Active countries"
                color="teal"
            />
        @endif

        @if($totalBrands !== null)
            <x-admin.stat-card
                icon="bi-bookmark-star"
                label="Brands"
                :value="$totalBrands"
                sub="Active brands"
                color="purple"
            />
        @endif

        @if($totalUsers !== null)
            <x-admin.stat-card
                icon="bi-people"
                label="Users"
                :value="$totalUsers"
                sub="Admin users"
                color="blue"
            />
        @endif

    </div>

    {{-- Recent Hotels table — only if user can view hotels --}}
    @if($recentHotels->isNotEmpty() || (auth()->user()->hasRole('admin') || auth()->user()->can('hotels.view')))
        @if($recentHotels->isNotEmpty())
            <div class="dashboard-section">
                <div class="dashboard-section__header">
                    <h3 class="dashboard-section__title">Recent Hotels</h3>
                    @if(auth()->user()->can('hotels.view') || auth()->user()->hasRole('admin'))
                        <a href="{{ route('admin.hotels.index') }}" class="dashboard-section__view-all">
                            View All <i class="bi bi-arrow-right"></i>
                        </a>
                    @endif
                </div>

                <x-admin.data-table :headers="['#', 'Name', 'Destination', 'Discount', 'Top', 'Status', 'Actions']">
                    @foreach($recentHotels as $hotel)
                        <tr class="data-table__row">
                            <td class="data-table__td">{{ $loop->iteration }}</td>
                            <td class="data-table__td data-table__td--name">{{ $hotel->name }}</td>
                            <td class="data-table__td">{{ $hotel->destination->name ?? '—' }}</td>
                            <td class="data-table__td">
                                @if($hotel->discount_percent)
                                    <span class="discount-pill">{{ $hotel->discount_percent }}% OFF</span>
                                @else
                                    <span class="text-muted-val">—</span>
                                @endif
                            </td>
                            <td class="data-table__td">
                                @if($hotel->is_top)
                                    <i class="bi bi-star-fill text-accent"></i>
                                @else
                                    <i class="bi bi-star text-muted-icon"></i>
                                @endif
                            </td>
                            <td class="data-table__td">
                                <x-admin.status-badge :status="$hotel->status" />
                            </td>
                            <td class="data-table__td">
                                @if(auth()->user()->can('hotels.edit') || auth()->user()->hasRole('admin'))
                                    <x-admin.action-buttons
                                module="hotels"
                                        :edit-route="route('admin.hotels.edit', $hotel->id)"
                                        :delete-route="route('admin.hotels.destroy', $hotel->id)"
                                        :id="$hotel->id"
                                        :item-name="$hotel->name"
                                    />
                                @else
                                    <a href="{{ route('admin.hotels.show', $hotel->id) }}" class="action-btn action-btn--view">
                                        <i class="bi bi-eye"></i>
                                    </a>
                                @endif
                            </td>
                        </tr>
                    @endforeach
                </x-admin.data-table>
            </div>
        @endif
    @endif

    {{-- Recent Support Tickets --}}
    @if($recentTickets->isNotEmpty())
        <div class="dashboard-section">
            <div class="dashboard-section__header">
                <h3 class="dashboard-section__title">Recent Support Tickets</h3>
                <a href="{{ route('admin.support.index') }}" class="dashboard-section__view-all">
                    View All <i class="bi bi-arrow-right"></i>
                </a>
            </div>

            <x-admin.data-table :headers="['#', 'Name', 'Type', 'Date', 'Status', 'Action']">
                @foreach($recentTickets as $ticket)
                    <tr class="data-table__row">
                        <td class="data-table__td">{{ $loop->iteration }}</td>
                        <td class="data-table__td">{{ $ticket->name }}</td>
                        <td class="data-table__td">{{ ucfirst($ticket->type) }}</td>
                        <td class="data-table__td">{{ $ticket->created_at->format('d M Y') }}</td>
                        <td class="data-table__td">
                            <span class="ticket-status-badge ticket-status-badge--{{ $ticket->status }}">
                                {{ ucfirst($ticket->status) }}
                            </span>
                        </td>
                        <td class="data-table__td">
                            <a href="{{ route('admin.support.show', $ticket->id) }}" class="action-btn action-btn--view">
                                <i class="bi bi-eye"></i>
                            </a>
                        </td>
                    </tr>
                @endforeach
            </x-admin.data-table>
        </div>
    @endif

    {{-- If no stats or tables visible, show welcome message --}}
    @if(!$recentHotels->count() && !$recentTickets->count() && !$totalHotels && !$totalFlights)
        <div class="dashboard-welcome">
            <i class="bi bi-speedometer2 dashboard-welcome__icon"></i>
            <h2 class="dashboard-welcome__title">Welcome to SailingSkies Admin</h2>
            <p class="dashboard-welcome__text">
                You are logged in. Use the sidebar navigation to access the modules you have been granted access to.
            </p>
        </div>
    @endif

    <x-admin.confirm-modal />

@endsection