@extends('layouts.app')

@section('title', 'Edit Meja Restoran - Hotel Management System')
@section('page-title', 'Edit Meja Restoran')

@section('page-actions')
<div class="btn-toolbar mb-2 mb-md-0">
    <a href="{{ route('restaurant-tables.index') }}" class="btn btn-secondary">
        <i class="fas fa-arrow-left me-2"></i>Kembali
    </a>
</div>
@endsection

@section('content')
<div class="row justify-content-center">
    <div class="col-lg-8">
        <div class="card shadow">
            <div class="card-header py-3">
                <h6 class="m-0 font-weight-bold text-primary">
                    <i class="fas fa-edit me-2"></i>Form Edit Meja Restoran
                </h6>
            </div>
            <div class="card-body">
                <form action="{{ route('restaurant-tables.update', $restaurantTable) }}" method="POST">
                    @csrf
                    @method('PUT')
                    
                    <div class="row">
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="table_number" class="form-label">
                                    Nomor Meja <span class="text-danger">*</span>
                                </label>
                                <input type="text" 
                                       class="form-control @error('table_number') is-invalid @enderror" 
                                       id="table_number" 
                                       name="table_number" 
                                       value="{{ old('table_number', $restaurantTable->table_number) }}" 
                                       placeholder="Contoh: A1, B2, VIP1" 
                                       required>
                                @error('table_number')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                                <div class="form-text">Nomor meja harus unik dan mudah diingat</div>
                            </div>
                        </div>
                        
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="capacity" class="form-label">
                                    Kapasitas <span class="text-danger">*</span>
                                </label>
                                <input type="number" 
                                       class="form-control @error('capacity') is-invalid @enderror" 
                                       id="capacity" 
                                       name="capacity" 
                                       value="{{ old('capacity', $restaurantTable->capacity) }}" 
                                       min="1" 
                                       max="20" 
                                       required>
                                @error('capacity')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                                <div class="form-text">Jumlah maksimal orang yang bisa duduk</div>
                            </div>
                        </div>
                    </div>
                    
                    <div class="mb-3">
                        <label for="description" class="form-label">Deskripsi</label>
                        <textarea class="form-control @error('description') is-invalid @enderror" 
                                  id="description" 
                                  name="description" 
                                  rows="3" 
                                  placeholder="Contoh: Meja dekat jendela, Meja untuk keluarga besar, dll">{{ old('description', $restaurantTable->description) }}</textarea>
                        @error('description')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                        <div class="form-text">Deskripsi opsional untuk membantu identifikasi meja</div>
                    </div>
                    
                    <div class="mb-3">
                        <label for="status" class="form-label">
                            Status <span class="text-danger">*</span>
                        </label>
                        <select class="form-select @error('status') is-invalid @enderror" 
                                id="status" 
                                name="status" 
                                required>
                            <option value="available" {{ old('status', $restaurantTable->status) == 'available' ? 'selected' : '' }}>
                                Tersedia
                            </option>
                            <option value="occupied" {{ old('status', $restaurantTable->status) == 'occupied' ? 'selected' : '' }}>
                                Sedang Digunakan
                            </option>
                            <option value="reserved" {{ old('status', $restaurantTable->status) == 'reserved' ? 'selected' : '' }}>
                                Dipesan
                            </option>
                            <option value="maintenance" {{ old('status', $restaurantTable->status) == 'maintenance' ? 'selected' : '' }}>
                                Maintenance
                            </option>
                        </select>
                        @error('status')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                        <div class="form-text">Status meja saat ini</div>
                    </div>
                    
                    <div class="row">
                        <div class="col-12">
                            <div class="d-flex justify-content-between">
                                <a href="{{ route('restaurant-tables.index') }}" class="btn btn-secondary">
                                    <i class="fas fa-times me-2"></i>Batal
                                </a>
                                <button type="submit" class="btn btn-primary">
                                    <i class="fas fa-save me-2"></i>Update Meja
                                </button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
        
        <!-- Current Status Info -->
        <div class="card shadow mt-4">
            <div class="card-header py-3">
                <h6 class="m-0 font-weight-bold text-info">
                    <i class="fas fa-info-circle me-2"></i>Informasi Meja
                </h6>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-6">
                        <p><strong>Dibuat:</strong> {{ $restaurantTable->created_at->format('d/m/Y H:i') }}</p>
                        <p><strong>Terakhir Diupdate:</strong> {{ $restaurantTable->updated_at->format('d/m/Y H:i') }}</p>
                    </div>
                    <div class="col-md-6">
                        @php
                            $totalOrders = $restaurantTable->publicRestaurantOrders()->count();
                            $activeOrders = $restaurantTable->publicRestaurantOrders()
                                ->where('status', '!=', 'cancelled')
                                ->where('status', '!=', 'served')
                                ->count();
                        @endphp
                        <p><strong>Total Pesanan:</strong> {{ $totalOrders }}</p>
                        <p><strong>Pesanan Aktif:</strong> {{ $activeOrders }}</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection