@extends('layouts.app')

@section('title', 'Detail Booking - Hotel Management System')
@section('page-title', 'Detail Booking #' . $booking->id)

@section('page-actions')
<div class="btn-toolbar mb-2 mb-md-0">
    <a href="{{ route('bookings.index') }}" class="btn btn-secondary me-2">
        <i class="fas fa-arrow-left me-2"></i>Kembali
    </a>
    <a href="{{ route('bookings.edit', $booking) }}" class="btn btn-warning me-2">
        <i class="fas fa-edit me-2"></i>Edit
    </a>
    
    @if($booking->status === 'pending')
        <form action="{{ route('bookings.confirm', $booking) }}" method="POST" class="d-inline">
            @csrf
            <button type="submit" class="btn btn-success me-2">
                <i class="fas fa-check me-2"></i>Konfirmasi
            </button>
        </form>
    @endif
    
    @if($booking->status === 'confirmed')
        <form action="{{ route('bookings.checkin', $booking) }}" method="POST" class="d-inline">
            @csrf
            <button type="submit" class="btn btn-primary me-2">
                <i class="fas fa-sign-in-alt me-2"></i>Check-in
            </button>
        </form>
    @endif
    
        @if($booking->status === 'checked_in')
            @php
                $totalAmount = $booking->total_amount + $booking->total_restaurant_amount + $booking->total_room_service_amount;
                $remainingAmount = $totalAmount - $booking->paid_amount;
            @endphp
            
            @if($remainingAmount <= 0)
                <form action="{{ route('bookings.checkout', $booking) }}" method="POST" class="d-inline">
                    @csrf
                    <button type="submit" class="btn btn-secondary me-2">
                        <i class="fas fa-sign-out-alt me-2"></i>Check-out
                    </button>
                </form>
            @else
                <button type="button" class="btn btn-secondary me-2" disabled title="Lunasi pembayaran terlebih dahulu">
                    <i class="fas fa-sign-out-alt me-2"></i>Check-out
                </button>
            @endif
        @endif

        @if($booking->status === 'checked_out')
            <a href="{{ route('bookings.invoice', $booking) }}" class="btn btn-info me-2">
                <i class="fas fa-receipt me-2"></i>Lihat Invoice
            </a>
            <div class="btn-group" role="group">
                <a href="{{ route('bookings.print-invoice', $booking) }}" class="btn btn-outline-primary" target="_blank">
                    <i class="fas fa-receipt me-2"></i>Struk 80mm
                </a>
                <a href="{{ route('bookings.print-invoice-a4', $booking) }}" class="btn btn-primary" target="_blank">
                    <i class="fas fa-print me-2"></i>Invoice A4
                </a>
            </div>
        @endif
</div>
@endsection

@section('content')
<div class="row">
    <!-- Booking Information -->
    <div class="col-lg-8">
        <div class="card shadow mb-4">
            <div class="card-header py-3">
                <h6 class="m-0 font-weight-bold text-primary">Informasi Booking</h6>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-6">
                        <table class="table table-borderless">
                            <tr>
                                <td><strong>No. Booking:</strong></td>
                                <td>#{{ $booking->id }}</td>
                            </tr>
                            <tr>
                                <td><strong>Nama Tamu:</strong></td>
                                <td>{{ $booking->guest_name }}</td>
                            </tr>
                            <tr>
                                <td><strong>Email:</strong></td>
                                <td>{{ $booking->guest_email ?: '-' }}</td>
                            </tr>
                            <tr>
                                <td><strong>No. Telepon:</strong></td>
                                <td>{{ $booking->guest_phone }}</td>
                            </tr>
                            <tr>
                                <td><strong>No. Identitas:</strong></td>
                                <td>{{ $booking->guest_identity_number ?: '-' }}</td>
                            </tr>
                            <tr>
                                <td><strong>Platform:</strong></td>
                                <td>{{ $booking->platform ?: '-' }}</td>
                            </tr>
                        </table>
                    </div>
                    <div class="col-md-6">
                        <table class="table table-borderless">
                            <tr>
                                <td><strong>Kamar:</strong></td>
                                <td>{{ $booking->room->room_number }} - {{ $booking->room->room_type }}</td>
                            </tr>
                            <tr>
                                <td><strong>Check-in:</strong></td>
                                <td>{{ $booking->check_in_date->format('d/m/Y') }}</td>
                            </tr>
                            <tr>
                                <td><strong>Check-out:</strong></td>
                                <td>{{ $booking->check_out_date->format('d/m/Y') }}</td>
                            </tr>
                            <tr>
                                <td><strong>Jumlah Tamu:</strong></td>
                                <td>{{ $booking->number_of_guests }} orang</td>
                            </tr>
                            <tr>
                                <td><strong>Status:</strong></td>
                                <td>
                                    @switch($booking->status)
                                        @case('pending')
                                            <span class="badge bg-warning">Pending</span>
                                            @break
                                        @case('confirmed')
                                            <span class="badge bg-info">Confirmed</span>
                                            @break
                                        @case('checked_in')
                                            <span class="badge bg-success">Checked In</span>
                                            @break
                                        @case('checked_out')
                                            <span class="badge bg-secondary">Checked Out</span>
                                            @break
                                        @case('cancelled')
                                            <span class="badge bg-danger">Cancelled</span>
                                            @break
                                    @endswitch
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
                
                @if($booking->special_requests)
                <div class="mt-3">
                    <h6>Permintaan Khusus:</h6>
                    <p class="text-muted">{{ $booking->special_requests }}</p>
                </div>
                @endif
            </div>
        </div>

        <!-- Restaurant Orders -->
        <div class="card shadow mb-4">
            <div class="card-header py-3 d-flex justify-content-between align-items-center">
                <h6 class="m-0 font-weight-bold text-primary">Pesanan Restaurant</h6>
                @if($booking->status === 'checked_in')
                    <div class="btn-group" role="group">
                        <a href="{{ route('restaurant.order-form', $booking) }}" class="btn btn-sm btn-primary">
                            <i class="fas fa-search me-2"></i>Pesan dengan Pencarian
                        </a>
                        <a href="{{ route('guest-services.restaurant.menu', $booking) }}" class="btn btn-sm btn-outline-primary">
                            <i class="fas fa-list me-2"></i>Lihat Menu Lengkap
                        </a>
                    </div>
                @endif
            </div>
            <div class="card-body">
                @if($booking->restaurantOrders->count() > 0)
                    <div class="table-responsive">
                        <table class="table table-bordered">
                            <thead>
                                <tr>
                                    <th>Menu</th>
                                    <th>Qty</th>
                                    <th>Harga</th>
                                    <th>Total</th>
                                    <th>Status</th>
                                    <th>Waktu Pesan</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($booking->restaurantOrders as $order)
                                <tr>
                                    <td>{{ $order->restaurantMenu->name }}</td>
                                    <td>{{ $order->quantity }}</td>
                                    <td>Rp {{ number_format($order->unit_price, 0, ',', '.') }}</td>
                                    <td>Rp {{ number_format($order->total_price, 0, ',', '.') }}</td>
                                    <td>
                                        @switch($order->status)
                                            @case('pending')
                                                <span class="badge bg-warning">Pending</span>
                                                @break
                                            @case('preparing')
                                                <span class="badge bg-info">Preparing</span>
                                                @break
                                            @case('ready')
                                                <span class="badge bg-success">Ready</span>
                                                @break
                                            @case('delivered')
                                                <span class="badge bg-secondary">Delivered</span>
                                                @break
                                            @case('cancelled')
                                                <span class="badge bg-danger">Cancelled</span>
                                                @break
                                        @endswitch
                                    </td>
                                    <td>{{ $order->created_at->format('d/m/Y H:i') }}</td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                    <div class="text-end">
                        <strong>Total Restaurant: Rp {{ number_format($booking->total_restaurant_amount, 0, ',', '.') }}</strong>
                    </div>
                @else
                    <p class="text-muted">Belum ada pesanan restaurant</p>
                @endif
            </div>
        </div>

        <!-- Room Service Orders -->
        <div class="card shadow mb-4">
            <div class="card-header py-3 d-flex justify-content-between align-items-center">
                <h6 class="m-0 font-weight-bold text-primary">Layanan Kamar</h6>
                @if($booking->status === 'checked_in')
                    <a href="{{ route('guest-services.room-services', $booking) }}" class="btn btn-sm btn-primary">
                        <i class="fas fa-plus me-2"></i>Pesan Layanan
                    </a>
                @endif
            </div>
            <div class="card-body">
                @if($booking->roomServiceOrders->count() > 0)
                    <div class="table-responsive">
                        <table class="table table-bordered">
                            <thead>
                                <tr>
                                    <th>Layanan</th>
                                    <th>Qty</th>
                                    <th>Harga</th>
                                    <th>Total</th>
                                    <th>Status</th>
                                    <th>Waktu Pesan</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($booking->roomServiceOrders as $order)
                                <tr>
                                    <td>{{ $order->roomService->name }}</td>
                                    <td>{{ $order->quantity }}</td>
                                    <td>Rp {{ number_format($order->unit_price, 0, ',', '.') }}</td>
                                    <td>Rp {{ number_format($order->total_price, 0, ',', '.') }}</td>
                                    <td>
                                        @switch($order->status)
                                            @case('pending')
                                                <span class="badge bg-warning">Pending</span>
                                                @break
                                            @case('in_progress')
                                                <span class="badge bg-info">In Progress</span>
                                                @break
                                            @case('completed')
                                                <span class="badge bg-success">Completed</span>
                                                @break
                                            @case('cancelled')
                                                <span class="badge bg-danger">Cancelled</span>
                                                @break
                                        @endswitch
                                    </td>
                                    <td>{{ $order->created_at->format('d/m/Y H:i') }}</td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                    <div class="text-end">
                        <strong>Total Layanan: Rp {{ number_format($booking->total_room_service_amount, 0, ',', '.') }}</strong>
                    </div>
                @else
                    <p class="text-muted">Belum ada layanan kamar yang dipesan</p>
                @endif
            </div>
        </div>
    </div>

    <!-- Payment Information -->
    <div class="col-lg-4">
        <div class="card shadow mb-4">
            <div class="card-header py-3">
                <h6 class="m-0 font-weight-bold text-primary">Informasi Pembayaran</h6>
            </div>
            <div class="card-body">
                <table class="table table-borderless">
                    <tr>
                        <td><strong>Harga Kamar:</strong></td>
                        <td>Rp {{ number_format($booking->total_amount, 0, ',', '.') }}</td>
                    </tr>
                    <tr>
                        <td><strong>Restaurant:</strong></td>
                        <td>Rp {{ number_format($booking->total_restaurant_amount, 0, ',', '.') }}</td>
                    </tr>
                    <tr>
                        <td><strong>Layanan Kamar:</strong></td>
                        <td>Rp {{ number_format($booking->total_room_service_amount, 0, ',', '.') }}</td>
                    </tr>
                    <tr class="border-top">
                        <td><strong>Total Keseluruhan:</strong></td>
                        <td><strong>Rp {{ number_format($booking->total_amount + $booking->total_restaurant_amount + $booking->total_room_service_amount, 0, ',', '.') }}</strong></td>
                    </tr>
                    <tr>
                        <td><strong>Sudah Dibayar:</strong></td>
                        <td>Rp {{ number_format($booking->paid_amount, 0, ',', '.') }}</td>
                    </tr>
                    <tr class="border-top">
                        <td><strong>Sisa Pembayaran:</strong></td>
                        <td>
                            @php
                                $totalAmount = $booking->total_amount + $booking->total_restaurant_amount + $booking->total_room_service_amount;
                                $remainingAmount = $totalAmount - $booking->paid_amount;
                            @endphp
                            @if($remainingAmount <= 0)
                                <strong class="text-success">
                                    <i class="fas fa-check-circle me-1"></i>Lunas
                                </strong>
                            @else
                                <strong class="text-danger">
                                    <i class="fas fa-exclamation-circle me-1"></i>Rp {{ number_format($remainingAmount, 0, ',', '.') }}
                                </strong>
                            @endif
                        </td>
                    </tr>
                </table>

                @php
                    $totalAmount = $booking->total_amount + $booking->total_restaurant_amount + $booking->total_room_service_amount;
                    $remainingAmount = $totalAmount - $booking->paid_amount;
                @endphp
                
                @if($booking->status === 'checked_in' && $remainingAmount > 0)
                    <div class="alert alert-warning mb-3">
                        <i class="fas fa-exclamation-triangle me-2"></i>
                        <strong>Peringatan:</strong> Masih ada sisa pembayaran yang belum lunas. Tamu tidak dapat check-out hingga pembayaran dilunasi.
                    </div>
                    <button class="btn btn-success btn-block" data-bs-toggle="modal" data-bs-target="#paymentModal">
                        <i class="fas fa-credit-card me-2"></i>Bayar Sekarang
                    </button>
                @elseif($booking->status === 'checked_in' && $remainingAmount <= 0)
                    <div class="alert alert-success mb-3">
                        <i class="fas fa-check-circle me-2"></i>
                        <strong>Pembayaran Lunas:</strong> Tamu dapat melakukan check-out.
                    </div>
                @endif
            </div>
        </div>

        <!-- Payment History -->
        <div class="card shadow mb-4">
            <div class="card-header py-3">
                <h6 class="m-0 font-weight-bold text-primary">Riwayat Pembayaran</h6>
            </div>
            <div class="card-body">
                @if($booking->payments->count() > 0)
                    @foreach($booking->payments as $payment)
                    <div class="d-flex justify-content-between align-items-center mb-2">
                        <div>
                            <small class="text-muted">{{ $payment->created_at->format('d/m/Y H:i') }}</small><br>
                            <span class="badge bg-info">{{ ucfirst($payment->payment_type) }}</span>
                        </div>
                        <div class="text-end">
                            <strong>Rp {{ number_format($payment->amount, 0, ',', '.') }}</strong><br>
                            <small class="text-muted">{{ ucfirst($payment->payment_method) }}</small>
                        </div>
                    </div>
                    @endforeach
                @else
                    <p class="text-muted">Belum ada pembayaran</p>
                @endif
            </div>
        </div>
    </div>
</div>


<!-- Payment Modal -->
<div class="modal fade" id="paymentModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Pembayaran</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <form action="{{ route('guest-services.payment', $booking) }}" method="POST">
                @csrf
                <div class="modal-body">
                    <div class="mb-3">
                        <label class="form-label">Sisa Tagihan</label>
                        <input type="text" class="form-control" value="Rp {{ number_format(($booking->total_amount + $booking->total_restaurant_amount + $booking->total_room_service_amount) - $booking->paid_amount, 0, ',', '.') }}" readonly>
                    </div>
                    
                    <div class="mb-3">
                        <label for="amount" class="form-label">Jumlah Pembayaran <span class="text-danger">*</span></label>
                        <div class="input-group">
                            <span class="input-group-text">Rp</span>
                            <input type="number" class="form-control @error('amount') is-invalid @enderror" 
                                   id="amount" name="amount" 
                                   max="{{ ($booking->total_amount + $booking->total_restaurant_amount + $booking->total_room_service_amount) - $booking->paid_amount }}"
                                   step="1000" required>
                        </div>
                        @error('amount')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                    
                    <div class="mb-3">
                        <label for="payment_method" class="form-label">Metode Pembayaran <span class="text-danger">*</span></label>
                        <select class="form-select @error('payment_method') is-invalid @enderror" 
                                id="payment_method" name="payment_method" required>
                            <option value="">Pilih Metode Pembayaran</option>
                            <option value="cash">Tunai</option>
                            <option value="credit_card">Kartu Kredit</option>
                            <option value="debit_card">Kartu Debit</option>
                            <option value="bank_transfer">Transfer Bank</option>
                        </select>
                        @error('payment_method')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                    
                    <div class="mb-3">
                        <label for="payment_type" class="form-label">Jenis Pembayaran <span class="text-danger">*</span></label>
                        <select class="form-select @error('payment_type') is-invalid @enderror" 
                                id="payment_type" name="payment_type" required>
                            <option value="">Pilih Jenis Pembayaran</option>
                            <option value="booking">Pembayaran Kamar</option>
                            <option value="restaurant">Pembayaran Restaurant</option>
                            <option value="room_service">Pembayaran Layanan Kamar</option>
                            <option value="checkout">Pembayaran Check-out</option>
                        </select>
                        @error('payment_type')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                    
                    <div class="mb-3">
                        <label for="notes" class="form-label">Catatan</label>
                        <textarea class="form-control @error('notes') is-invalid @enderror" 
                                  id="notes" name="notes" rows="3" placeholder="Catatan tambahan (opsional)"></textarea>
                        @error('notes')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Batal</button>
                    <button type="submit" class="btn btn-success">
                        <i class="fas fa-credit-card me-2"></i>Proses Pembayaran
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection