@extends('layouts.admin')

@section('title', 'Edit Booking')

@section('content')
<div class="container mt-4">
    <div class="card shadow-lg border-0">
        <div class="card-header bg-warning text-white text-center">
            <h4 class="mb-0">✏️ Edit Booking</h4>
        </div>

        <div class="card-body">
            @if(session('success'))
                <script>
                    Swal.fire({
                        icon: 'success',
                        title: 'Berhasil!',
                        text: '{{ session("success") }}',
                        confirmButtonColor: '#3085d6',
                    });
                </script>
            @endif

            <form id="editBookingForm" action="{{ route('admin.bookings.update', $booking->id) }}" method="POST">
                @csrf
                @method('PUT')

                <div class="row">
                    <div class="col-md-6">
                        <div class="mb-3">
                            <label for="user_id" class="form-label"><i class="fas fa-user"></i> Peminjam</label>
                            <select name="user_id" id="user_id" class="form-control" required>
                                @foreach($users as $user)
                                    <option value="{{ $user->id }}" {{ $booking->user_id == $user->id ? 'selected' : '' }}>
                                        {{ $user->name }} - {{ $user->email }}
                                    </option>
                                @endforeach
                            </select>
                        </div>

                        <div class="mb-3">
                            <label for="room_id" class="form-label"><i class="fas fa-door-closed"></i> Ruang</label>
                            <select name="room_id" id="room_id" class="form-control" required>
                                @foreach($rooms as $room)
                                    <option value="{{ $room->id }}" {{ $booking->room_id == $room->id ? 'selected' : '' }}>
                                        {{ $room->name }}
                                    </option>
                                @endforeach
                            </select>
                        </div>

                        <div class="mb-3">
                            <label for="date" class="form-label"><i class="fas fa-calendar-alt"></i> Tanggal</label>
                            <input type="date" name="date" id="date" class="form-control" value="{{ $booking->date }}" required>
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="mb-3">
                            <label for="start_time" class="form-label"><i class="fas fa-clock"></i> Waktu Mulai</label>
                            <input type="time" name="start_time" id="start_time" class="form-control" value="{{ $booking->start_time }}" required>
                        </div>

                        <div class="mb-3">
                            <label for="end_time" class="form-label"><i class="fas fa-clock"></i> Waktu Selesai</label>
                            <input type="time" name="end_time" id="end_time" class="form-control" value="{{ $booking->end_time }}" required>
                        </div>

                        <div class="mb-3">
                            <label for="status" class="form-label"><i class="fas fa-info-circle"></i> Status</label>
                            <select name="status" id="status" class="form-control" required>
                                <option value="pending" {{ $booking->status == 'pending' ? 'selected' : '' }}>Pending</option>
                                <option value="approved" {{ $booking->status == 'approved' ? 'selected' : '' }}>Disetujui</option>
                                <option value="rejected" {{ $booking->status == 'rejected' ? 'selected' : '' }}>Ditolak</option>
                                <option value="canceled" {{ $booking->status == 'canceled' ? 'selected' : '' }}>Dibatalkan</option>
                            </select>
                        </div>
                    </div>
                </div>

                <div class="d-flex justify-content-end">
                    <button type="submit" class="btn btn-success me-2">
                        <i class="fas fa-save"></i> Simpan Perubahan
                    </button>
                    <a href="{{ route('admin.bookings.index') }}" class="btn btn-secondary">
                        <i class="fas fa-times"></i> Batal
                    </a>
                </div>
            </form>
        </div>
    </div>
</div>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script>
    document.getElementById('editBookingForm').addEventListener('submit', function (e) {
        e.preventDefault();
        Swal.fire({
            title: "Simpan Perubahan?",
            text: "Pastikan data sudah benar sebelum menyimpan.",
            icon: "warning",
            showCancelButton: true,
            confirmButtonColor: "#3085d6",
            cancelButtonColor: "#d33",
            confirmButtonText: "Ya, Simpan!"
        }).then((result) => {
            if (result.isConfirmed) {
                e.target.submit();
            }
        });
    });
</script>
@endsection