@extends('layouts.bistro')

@section('title', 'Dashboard - ' . config('app.name'))

@section('content')

<!-- Page Header -->
<section id="page_header" style="background-image: url('{{ asset('images/konoba/konoba-ulaz-nocna-hero.jpg') }}');">
    <div class="page_title">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h2 class="title">Dashboard</h2>
                    <p>Dobrodošli, {{ Auth::user()->name }}</p>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Dashboard Section -->
<section class="padding">
    <div class="container">
        
        @if (session('status'))
            <div class="alert alert-success alert-dismissible fade show" role="alert">
                <strong>Uspjeh!</strong> {{ session('status') }}
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
            </div>
        @endif

        <div class="row">
            <div class="col-md-12">
                <h2 class="heading">Brzi pristup</h2>
                <hr class="heading_space">
            </div>
        </div>

        <!-- Quick Access Cards -->
        <div class="row">
            <div class="col-md-4">
                <a href="{{ route('admin.reservations.index') }}" style="text-decoration: none;">
                    <div style="background: #f8f9fa; padding: 30px; border-radius: 4px; text-align: center; transition: all 0.3s; border: 2px solid #e9ecef;">
                        <i class="fa fa-calendar" style="font-size: 48px; color: #c33; margin-bottom: 15px;"></i>
                        <h3 style="margin: 0 0 10px 0; color: #333;">Rezervacije</h3>
                        <p style="color: #666; margin: 0;">Upravljanje rezervacijama stolova</p>
                        @php
                            $pendingCount = \App\Models\Reservation::where('status', 'pending')->count();
                        @endphp
                        @if($pendingCount > 0)
                            <div style="margin-top: 15px;">
                                <span style="background: #ffc107; color: #000; padding: 5px 15px; border-radius: 20px; font-weight: bold;">
                                    {{ $pendingCount }} na čekanju
                                </span>
                            </div>
                        @endif
                    </div>
                </a>
            </div>

            <div class="col-md-4">
                <a href="{{ route('admin.menu.index') }}" style="text-decoration: none;">
                    <div style="background: #f8f9fa; padding: 30px; border-radius: 4px; text-align: center; transition: all 0.3s; border: 2px solid #e9ecef;">
                        <i class="fa fa-cutlery" style="font-size: 48px; color: #c33; margin-bottom: 15px;"></i>
                        <h3 style="margin: 0 0 10px 0; color: #333;">Jelovnik</h3>
                        <p style="color: #666; margin: 0;">Uređivanje kategorija i stavki</p>
                        @php
                            $categoriesCount = \App\Models\MenuCategory::count();
                            $itemsCount = \App\Models\MenuItem::count();
                        @endphp
                        <div style="margin-top: 15px;">
                            <small style="color: #666;">{{ $categoriesCount }} kategorija, {{ $itemsCount }} stavki</small>
                        </div>
                    </div>
                </a>
            </div>

            <div class="col-md-4">
                <a href="{{ route('admin.daily-menu.index') }}" style="text-decoration: none;">
                    <div style="background: #f8f9fa; padding: 30px; border-radius: 4px; text-align: center; transition: all 0.3s; border: 2px solid #e9ecef;">
                        <i class="fa fa-list" style="font-size: 48px; color: #c33; margin-bottom: 15px;"></i>
                        <h3 style="margin: 0 0 10px 0; color: #333;">Dnevni meni</h3>
                        <p style="color: #666; margin: 0;">Upravljanje dnevnim ponudama</p>
                        @php
                            $todayMenu = \App\Models\DailyMenu::whereDate('date', today())->first();
                        @endphp
                        @if($todayMenu)
                            <div style="margin-top: 15px;">
                                <span style="background: #28a745; color: #fff; padding: 5px 15px; border-radius: 20px; font-weight: bold;">
                                    <i class="fa fa-check"></i> Danas aktivno
                                </span>
                            </div>
                        @else
                            <div style="margin-top: 15px;">
                                <small style="color: #dc3545;">Nema menija za danas</small>
                            </div>
                        @endif
                    </div>
                </a>
            </div>
        </div>

        <!-- Recent Activity -->
        <div class="row" style="margin-top: 50px;">
            <div class="col-md-12">
                <h2 class="heading">Nedavne rezervacije</h2>
                <hr class="heading_space">
            </div>
        </div>

        <div class="row">
            <div class="col-md-12">
                @php
                    $recentReservations = \App\Models\Reservation::latest()->take(5)->get();
                @endphp
                
                @if($recentReservations->count() > 0)
                    <div class="table-responsive">
                        <table class="table table-striped" style="background: #fff;">
                            <thead style="background: #c33; color: #fff;">
                                <tr>
                                    <th>Datum</th>
                                    <th>Ime</th>
                                    <th>Kontakt</th>
                                    <th>Osobe</th>
                                    <th>Status</th>
                                    <th>Akcije</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($recentReservations as $reservation)
                                    <tr>
                                        <td>
                                            <strong>{{ $reservation->date->format('d.m.Y') }}</strong><br>
                                            <small>{{ $reservation->time->format('H:i') }}h</small>
                                        </td>
                                        <td>{{ $reservation->name }}</td>
                                        <td>
                                            <small>
                                                <i class="fa fa-phone"></i> {{ $reservation->phone }}<br>
                                                <i class="fa fa-envelope"></i> {{ $reservation->email }}
                                            </small>
                                        </td>
                                        <td class="text-center"><strong>{{ $reservation->people }}</strong></td>
                                        <td>
                                            @if($reservation->status === 'pending')
                                                <span style="background: #ffc107; color: #000; padding: 3px 8px; border-radius: 3px; font-size: 11px;">Na čekanju</span>
                                            @elseif($reservation->status === 'confirmed')
                                                <span style="background: #28a745; color: #fff; padding: 3px 8px; border-radius: 3px; font-size: 11px;">Potvrđeno</span>
                                            @else
                                                <span style="background: #dc3545; color: #fff; padding: 3px 8px; border-radius: 3px; font-size: 11px;">Otkazano</span>
                                            @endif
                                        </td>
                                        <td>
                                            <a href="{{ route('admin.reservations.index') }}" class="btn btn-sm btn-primary">
                                                <i class="fa fa-eye"></i> Prikaži
                                            </a>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                    <div style="text-align: center; margin-top: 20px;">
                        <a href="{{ route('admin.reservations.index') }}" class="btn-common">Prikaži sve rezervacije</a>
                    </div>
                @else
                    <div class="alert alert-info">
                        Nema rezervacija.
                    </div>
                @endif
            </div>
        </div>
    </div>
</section>

@endsection

@push('styles')
<style>
    a[href*="admin"] > div:hover {
        transform: translateY(-5px);
        box-shadow: 0 5px 20px rgba(0,0,0,0.1);
        border-color: #c33 !important;
    }
</style>
@endpush