@extends('layouts.bistro')

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

@section('content')

<!-- Page Header -->
<section id="page_header" style="background-image: url('{{ asset('images/konoba/konoba-sala-bijeli-stolnjaci.jpg') }}');">
    <div class="page_title">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h2 class="title">Admin - Dnevni meni</h2>
                    <p>Upravljanje dnevnim menijima</p>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Daily Menu 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 and Add Button -->
        <div class="row" style="margin-bottom: 20px;">
            <div class="col-md-8">
                <div style="background: #f8f9fa; padding: 20px; border-radius: 4px;">
                    <form method="GET" action="{{ route('admin.daily-menu.index') }}" class="d-flex flex-wrap gap-2 align-items-center">
                        <div class="form-group" style="margin-right: 15px; margin-bottom: 10px;">
                            <label for="is_active" style="margin-right: 8px;">Status:</label>
                            <select name="is_active" id="is_active" class="form-control">
                                <option value="all" {{ request('is_active') === 'all' ? 'selected' : '' }}>Sve</option>
                                <option value="1" {{ request('is_active') === '1' ? 'selected' : '' }}>Aktivno</option>
                                <option value="0" {{ request('is_active') === '0' ? 'selected' : '' }}>Neaktivno</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.daily-menu.index') }}" class="btn btn-secondary" style="margin-left: 10px; margin-bottom: 10px;">Resetiraj</a>
                    </form>
                </div>
            </div>
            <div class="col-md-4">
                <button type="button" class="btn btn-common" data-bs-toggle="modal" data-bs-target="#addMenuModal">
                    <i class="fa fa-plus"></i> Dodaj dnevni meni
                </button>
            </div>
        </div>

        <!-- Daily Menus -->
        @if($dailyMenus->count() > 0)
            @foreach($dailyMenus as $menu)
            <div class="row" style="margin-bottom: 30px;">
                <div class="col-md-12">
                    <div style="background: #f8f9fa; padding: 20px; border-radius: 4px;">
                        <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px;">
                            <div>
                                <h3 style="margin: 0;">{{ $menu->date->format('d.m.Y') }} ({{ $menu->date->locale('hr')->translatedFormat('l') }})</h3>
                                @if($menu->note)
                                    <small class="text-muted">{{ $menu->note }}</small>
                                @endif
                                <br>
                                <small class="text-muted">
                                    Status: <span class="badge" style="background: {{ $menu->is_active ? '#28a745' : '#dc3545' }}; color: #fff; padding: 3px 8px;">
                                        {{ $menu->is_active ? 'Aktivno' : 'Neaktivno' }}
                                    </span>
                                </small>
                            </div>
                            <div>
                                <button type="button" class="btn btn-sm btn-primary" data-bs-toggle="modal" data-bs-target="#editMenuModal{{ $menu->id }}">
                                    <i class="fa fa-edit"></i> Uredi
                                </button>
                                <button type="button" class="btn btn-sm btn-success" data-bs-toggle="modal" data-bs-target="#addItemModal{{ $menu->id }}">
                                    <i class="fa fa-plus"></i> Dodaj stavku
                                </button>
                                <form method="POST" action="{{ route('admin.daily-menu.menu.destroy', $menu->id) }}" style="display: inline-block; margin-left: 5px;">
                                    @csrf
                                    @method('DELETE')
                                    <button type="submit" class="btn btn-sm btn-danger" title="Obriši meni"
                                            onclick="return confirm('Jeste li sigurni da želite obrisati ovaj dnevni meni? Sve stavke će također biti obrisane.')">
                                        <i class="fa fa-trash"></i> Obriši
                                    </button>
                                </form>
                            </div>
                        </div>

                        <!-- Items Table -->
                        @if($menu->items->count() > 0)
                        <div class="table-responsive">
                            <table class="table table-striped" style="background: #fff;">
                                <thead>
                                    <tr>
                                        <th>Naziv</th>
                                        <th>Cijena</th>
                                        <th>Redoslijed</th>
                                        <th>Akcije</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($menu->items->sortBy('order') as $item)
                                    <tr>
                                        <td><strong>{{ $item->name }}</strong></td>
                                        <td>{{ number_format($item->price, 2) }} €</td>
                                        <td>{{ $item->order }}</td>
                                        <td>
                                            <button type="button" class="btn btn-sm btn-primary" data-bs-toggle="modal" data-bs-target="#editItemModal{{ $item->id }}">
                                                <i class="fa fa-edit"></i>
                                            </button>
                                            <form method="POST" action="{{ route('admin.daily-menu.item.destroy', $item->id) }}" style="display: inline-block; margin-left: 5px;">
                                                @csrf
                                                @method('DELETE')
                                                <button type="submit" class="btn btn-sm btn-danger" 
                                                        onclick="return confirm('Jeste li sigurni da želite obrisati ovu stavku?')">
                                                    <i class="fa fa-trash"></i>
                                                </button>
                                            </form>
                                        </td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                        @else
                        <p class="text-muted">Nema stavki u ovom dnevnom meniju.</p>
                        @endif
                    </div>
                </div>
            </div>

            <!-- Edit Menu Modal -->
            <div class="modal fade" id="editMenuModal{{ $menu->id }}" tabindex="-1" role="dialog">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <form method="POST" action="{{ route('admin.daily-menu.menu.update', $menu->id) }}">
                            @csrf
                            <div class="modal-header">
                                <h4 class="modal-title">Uredi dnevni meni</h4>
                                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                            </div>
                            <div class="modal-body">
                                <div class="form-group">
                                    <label for="edit_menu_date{{ $menu->id }}">Datum *</label>
                                    <input type="date" class="form-control" id="edit_menu_date{{ $menu->id }}" name="date" value="{{ $menu->date->format('Y-m-d') }}" required>
                                </div>
                                <div class="form-group">
                                    <label for="edit_menu_note{{ $menu->id }}">Napomena</label>
                                    <textarea class="form-control" id="edit_menu_note{{ $menu->id }}" name="note" rows="2">{{ $menu->note }}</textarea>
                                </div>
                                <div class="form-check">
                                    <input type="checkbox" class="form-check-input" id="edit_menu_active{{ $menu->id }}" name="is_active" value="1" {{ $menu->is_active ? 'checked' : '' }}>
                                    <label class="form-check-label" for="edit_menu_active{{ $menu->id }}">Aktivno</label>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Odustani</button>
                                <button type="submit" class="btn btn-common">Spremi</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>

            <!-- Add Item Modal -->
            <div class="modal fade" id="addItemModal{{ $menu->id }}" tabindex="-1" role="dialog">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <form method="POST" action="{{ route('admin.daily-menu.item.store') }}">
                            @csrf
                            <input type="hidden" name="daily_menu_id" value="{{ $menu->id }}">
                            <div class="modal-header">
                                <h4 class="modal-title">Dodaj stavku za {{ $menu->date->format('d.m.Y') }}</h4>
                                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                            </div>
                            <div class="modal-body">
                                <div class="form-group">
                                    <label for="item_name{{ $menu->id }}">Naziv *</label>
                                    <input type="text" class="form-control" id="item_name{{ $menu->id }}" name="name" required>
                                </div>
                                <div class="form-group">
                                    <label for="item_price{{ $menu->id }}">Cijena (€) *</label>
                                    <input type="number" class="form-control" id="item_price{{ $menu->id }}" name="price" step="0.01" min="0" required>
                                </div>
                                <div class="form-group">
                                    <label for="item_order{{ $menu->id }}">Redoslijed</label>
                                    <input type="number" class="form-control" id="item_order{{ $menu->id }}" name="order" value="0" min="0">
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Odustani</button>
                                <button type="submit" class="btn btn-common">Dodaj</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>

            <!-- Edit Item Modals -->
            @foreach($menu->items as $item)
            <div class="modal fade" id="editItemModal{{ $item->id }}" tabindex="-1" role="dialog">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <form method="POST" action="{{ route('admin.daily-menu.item.update', $item->id) }}">
                            @csrf
                            <input type="hidden" name="daily_menu_id" value="{{ $item->daily_menu_id }}">
                            <div class="modal-header">
                                <h4 class="modal-title">Uredi stavku "{{ $item->name }}"</h4>
                                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                            </div>
                            <div class="modal-body">
                                <div class="form-group">
                                    <label for="edit_item_name{{ $item->id }}">Naziv *</label>
                                    <input type="text" class="form-control" id="edit_item_name{{ $item->id }}" name="name" value="{{ $item->name }}" required>
                                </div>
                                <div class="form-group">
                                    <label for="edit_item_price{{ $item->id }}">Cijena (€) *</label>
                                    <input type="number" class="form-control" id="edit_item_price{{ $item->id }}" name="price" step="0.01" min="0" value="{{ $item->price }}" required>
                                </div>
                                <div class="form-group">
                                    <label for="edit_item_order{{ $item->id }}">Redoslijed</label>
                                    <input type="number" class="form-control" id="edit_item_order{{ $item->id }}" name="order" value="{{ $item->order }}" min="0">
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Odustani</button>
                                <button type="submit" class="btn btn-common">Spremi</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            @endforeach
            @endforeach

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

<!-- Add Menu Modal -->
<div class="modal fade" id="addMenuModal" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <form method="POST" action="{{ route('admin.daily-menu.menu.store') }}">
                @csrf
                <div class="modal-header">
                    <h4 class="modal-title">Dodaj novi dnevni meni</h4>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="form-group">
                        <label for="menu_date">Datum *</label>
                        <input type="date" class="form-control" id="menu_date" name="date" required>
                    </div>
                    <div class="form-group">
                        <label for="menu_note">Napomena</label>
                        <textarea class="form-control" id="menu_note" name="note" rows="2" placeholder="Npr. Specijaliteti dana..."></textarea>
                    </div>
                    <div class="form-check">
                        <input type="checkbox" class="form-check-input" id="menu_active" name="is_active" value="1" checked>
                        <label class="form-check-label" for="menu_active">Aktivno</label>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Odustani</button>
                    <button type="submit" class="btn btn-common">Dodaj</button>
                </div>
            </form>
        </div>
    </div>
</div>

@endsection