@extends('restaurant.layouts.app')

@section('title', __('restaurant.dashboard'))

@section('styles')
    <style>
        .sm-back-btn {
            display: inline-flex; align-items: center; gap: 8px;
            padding: 9px 18px; border-radius: 10px;
            background: #111; color: #C3AD66;
            font-weight: 600; font-size: 14px; text-decoration: none;
            transition: transform .15s ease, background .15s ease;
        }
        .sm-back-btn:hover { background: #000; transform: translateX(-2px); color: #C3AD66; }

        .resto-latest-table { width: 100%; border-collapse: collapse; margin-top: 8px; }
        .resto-latest-table th, .resto-latest-table td { padding: 12px 10px; border-bottom: 1px solid #eee; text-align: left; }
        .resto-latest-table th { font-size: 13px; text-transform: uppercase; color: #888; }
        .resto-badge-on { color: #1c7a3f; font-weight: 600; }
        .resto-badge-off { color: #a12626; font-weight: 600; }
    </style>
@endsection

@section('content')
    @php $rUser = auth(\App\Http\Controllers\Restaurant\LoginController::GUARD)->user(); @endphp
    <div class="transection">
        <div class="title-right-actioin-btn-wrapper-product-list">
            <h3 class="title">{{ __('restaurant.hello') }} {{ $rUser->name ?? '' }} — {{ __('restaurant.dashboard') }}</h3>
            <div class="button-wrapper" style="display:flex;flex-direction:column;align-items:flex-end;gap:10px;">
                <a href="{{ session('restaurant_prelogin_url', url('/')) }}" class="sm-back-btn">
                    <span style="font-size:18px;line-height:1;">&larr;</span> {{ __('restaurant.back') }}
                </a>
                <a href="{{ route('restaurant.menu.create') }}" class="rts-btn btn-primary menu-btn">+ {{ __('restaurant.add_dish') }}</a>
            </div>
        </div>

        {{-- Cartes statistiques --}}
        <div class="row g-5">
            <div class="col-xl-4 col-lg-4 col-md-6 col-sm-6 col-12">
                <div class="single-over-fiew-card">
                    <span class="top-main">{{ __('restaurant.stat_items') }}</span>
                    <div class="bottom">
                        <h2 class="title">{{ $totalItems }}</h2>
                        <div class="right-primary"><img src="{{ asset('vendor/images/avatar/06.png') }}" alt=""></div>
                    </div>
                </div>
            </div>

            <div class="col-xl-4 col-lg-4 col-md-6 col-sm-6 col-12">
                <div class="single-over-fiew-card">
                    <span class="top-main">{{ __('restaurant.stat_available') }}</span>
                    <div class="bottom">
                        <h2 class="title">{{ $availableItems }}</h2>
                        <div class="right-primary"><img src="{{ asset('vendor/images/avatar/05.png') }}" alt=""></div>
                    </div>
                </div>
            </div>

            <div class="col-xl-4 col-lg-4 col-md-6 col-sm-6 col-12">
                <div class="single-over-fiew-card">
                    <span class="top-main">{{ __('restaurant.stat_categories') }}</span>
                    <div class="bottom">
                        <h2 class="title">{{ $totalCategories }}</h2>
                        <div class="right-primary"><img src="{{ asset('vendor/images/avatar/04.png') }}" alt=""></div>
                    </div>
                </div>
            </div>
        </div>

        {{-- Derniers plats ajoutés --}}
        <div class="row mt--10 g-5">
            <div class="col-12">
                <div class="apex-xhart-area-one">
                    <div class="apex-chart-top-area-banner mb--20">
                        <div class="left-area">
                            <h1 class="title-top mb--10">{{ __('restaurant.latest_dishes') }}</h1>
                        </div>
                    </div>

                    @if($latestItems->isEmpty())
                        <p style="color:#888;">{{ __('restaurant.no_dish') }}</p>
                    @else
                        <table class="resto-latest-table">
                            <thead>
                                <tr>
                                    <th>{{ __('restaurant.dish_name') }}</th>
                                    <th>{{ __('restaurant.dish_category') }}</th>
                                    <th>{{ __('restaurant.dish_price') }}</th>
                                    <th>{{ __('restaurant.dish_availability') }}</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($latestItems as $item)
                                    <tr>
                                        <td>{{ $item->name }}</td>
                                        <td>{{ $item->category }}</td>
                                        <td>{{ number_format($item->price, 2, ',', ' ') }} {{ $item->currency }}</td>
                                        <td>
                                            @if($item->is_available)
                                                <span class="resto-badge-on">{{ __('restaurant.available') }}</span>
                                            @else
                                                <span class="resto-badge-off">{{ __('restaurant.unavailable') }}</span>
                                            @endif
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    @endif
                </div>
            </div>
        </div>
    </div>
@endsection