@extends('layouts.bistro')

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

@section('content')

<!-- Page Header -->
<section id="page_header" style="background-image: url('{{ asset('images/konoba/konoba-stol-postavljen-proslava.jpg') }}');">
    <div class="page_title">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h2 class="title">Admin - Rezervacije</h2>
                    <p>Upravljanje rezervacijama</p>
                </div>
            </div>
        </div>
    </div>
</section>

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

        <!-- Filters -->
        <div class="row" style="margin-bottom: 30px;">
            <div class="col-md-12">
                <div style="background: #f8f9fa; padding: 20px; border-radius: 4px;">
                    <form method="GET" action="{{ route('admin.reservations.index') }}" class="d-flex flex-wrap gap-2 align-items-center">
                        <div class="form-group" style="margin-right: 15px; margin-bottom: 10px;">
                            <label for="status" style="margin-right: 8px;">Status:</label>
                            <select name="status" id="status" class="form-control">
                                <option value="all" {{ request('status') === 'all' ? 'selected' : '' }}>Sve</option>
                                <option value="pending" {{ request('status') === 'pending' ? 'selected' : '' }}>Na čekanju</option>
                                <option value="confirmed" {{ request('status') === 'confirmed' ? 'selected' : '' }}>Potvrđeno</option>
                                <option value="cancelled" {{ request('status') === 'cancelled' ? 'selected' : '' }}>Otkazano</option>
                            </select>
                        </div>

                        <div class="form-group" style="margin-right: 15px; margin-bottom: 10px;">
                            <label for="date_from" style="margin-right: 8px;">Od:</label>
                            <input type="date" name="date_from" id="date_from" class="form-control" value="{{ request('date_from') }}">
                        </div>

                        <div class="form-group" style="margin-right: 15px; margin-bottom: 10px;">
                            <label for="date_to" style="margin-right: 8px;">Do:</label>
                            <input type="date" name="date_to" id="date_to" class="form-control" value="{{ request('date_to') }}">
                        </div>

                        <button type="submit" class="btn btn-common" style="margin-bottom: 10px;">Filtriraj</button>
                        <a href="{{ route('admin.reservations.index') }}" class="btn btn-secondary" style="margin-left: 10px; margin-bottom: 10px;">Resetiraj</a>
                    </form>
                </div>
            </div>
        </div>

        <!-- Reservations Table -->
        <div class="row">
            <div class="col-md-12">
                @if($reservations->count() > 0)
                    <div class="table-responsive">
                        <table class="table table-striped table-bordered" style="background: #fff;">
                            <thead style="background: #c33; color: #fff;">
                                <tr>
                                    <th>ID</th>
                                    <th>Ime</th>
                                    <th>Kontakt</th>
                                    <th>Datum & Vrijeme</th>
                                    <th>Osobe</th>
                                    <th>Status</th>
                                    <th>Potvrđeno</th>
                                    <th>Akcije</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($reservations as $reservation)
                                    <tr>
                                        <td>{{ $reservation->id }}</td>
                                        <td>
                                            <strong>{{ $reservation->name }}</strong>
                                            @if($reservation->note)
                                                <br><small class="text-muted">{{ Str::limit($reservation->note, 30) }}</small>
                                            @endif
                                        </td>
                                        <td>
                                            <i class="fa fa-phone"></i> {{ $reservation->phone }}<br>
                                            <i class="fa fa-envelope"></i> {{ $reservation->email }}
                                        </td>
                                        <td>
                                            <strong>{{ $reservation->date->format('d.m.Y') }}</strong><br>
                                            <small>{{ $reservation->time->format('H:i') }}h</small>
                                        </td>
                                        <td class="text-center">
                                            <strong>{{ $reservation->people }}</strong>
                                        </td>
                                        <td>
                                            @if($reservation->status === 'pending')
                                                <span class="badge badge-warning" style="background: #ffc107; color: #000; padding: 5px 10px; border-radius: 3px;">Na čekanju</span>
                                            @elseif($reservation->status === 'confirmed')
                                                <span class="badge badge-success" style="background: #28a745; color: #fff; padding: 5px 10px; border-radius: 3px;">Potvrđeno</span>
                                            @elseif($reservation->status === 'cancelled')
                                                <span class="badge badge-danger" style="background: #dc3545; color: #fff; padding: 5px 10px; border-radius: 3px;">Otkazano</span>
                                            @endif
                                        </td>
                                        <td>
                                            @if($reservation->confirmed_at)
                                                <small>{{ $reservation->confirmed_at->format('d.m.Y H:i') }}</small>
                                            @else
                                                <small class="text-muted">-</small>
                                            @endif
                                        </td>
                                        <td>
                                            @if($reservation->status !== 'confirmed')
                                                <form method="POST" action="{{ route('admin.reservations.confirm', $reservation->id) }}" style="display: inline-block;">
                                                    @csrf
                                                    <button type="submit" class="btn btn-sm btn-success" title="Potvrdi rezervaciju" 
                                                            onclick="return confirm('Jeste li sigurni da želite potvrditi ovu rezervaciju?')">
                                                        <i class="fa fa-check"></i> Potvrdi
                                                    </button>
                                                </form>
                                            @endif

                                            @if($reservation->status !== 'cancelled')
                                                <form method="POST" action="{{ route('admin.reservations.cancel', $reservation->id) }}" style="display: inline-block; margin-left: 5px;">
                                                    @csrf
                                                    <button type="submit" class="btn btn-sm btn-danger" title="Otkaži rezervaciju"
                                                            onclick="return confirm('Jeste li sigurni da želite otkazati ovu rezervaciju?')">
                                                        <i class="fa fa-times"></i> Otkaži
                                                    </button>
                                                </form>
                                            @endif
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>

                    <!-- Pagination -->
                    <div style="margin-top: 20px;">
                        {{ $reservations->withQueryString()->links() }}
                    </div>
                @else
                    <div class="alert alert-info">
                        <strong>Nema rezervacija</strong> koje odgovaraju odabranim filterima.
                    </div>
                @endif
            </div>
        </div>
    </div>
</section>

@endsection

@push('styles')
<style>
    .table-responsive {
        overflow-x: auto;
    }
    
    .btn-sm {
        padding: 5px 10px;
        font-size: 12px;
    }
    
    .alert {
        margin-bottom: 20px;
    }
    
    @media (max-width: 768px) {
        .d-flex.flex-wrap .form-group {
            width: 100%;
            margin-bottom: 15px;
        }
        
        .d-flex.flex-wrap .form-control {
            width: 100%;
        }
    }
</style>
@endpush