@extends('layouts.app')
@section('title', 'Booking '.$booking->booking_reference)
@section('page-title', 'Booking Details')

@section('content')
<div class="page-header">
    <div>
        <div class="breadcrumb"><a href="{{ route('hotel.dashboard') }}">Dashboard</a><span>/</span><a href="{{ route('hotel.bookings.index') }}">Bookings</a><span>/</span>{{ $booking->booking_reference }}</div>
        <h1>{{ $booking->booking_reference }}</h1>
        <p>Created {{ $booking->created_at->format('d M Y H:i') }} by {{ $booking->bookedBy->name ?? '—' }}</p>
    </div>
    <div style="display:flex;gap:8px;flex-wrap:wrap;">
        @if($booking->status === 'reserved')
            <form method="POST" action="{{ route('hotel.bookings.checkin', $booking) }}">@csrf
                <button class="btn btn-success"><i class="fas fa-sign-in-alt"></i> Check In</button>
            </form>
            <button onclick="openModal('cancel-modal')" class="btn btn-danger"><i class="fas fa-times"></i> Cancel</button>
            <button onclick="openModal('noshow-modal')" class="btn btn-warning"><i class="fas fa-user-slash"></i> No Show</button>
        @elseif($booking->status === 'checked_in')
            <form method="POST" action="{{ route('hotel.bookings.checkout', $booking) }}">@csrf
                <button class="btn btn-primary" onclick="return confirm('Confirm guest checkout?')"><i class="fas fa-sign-out-alt"></i> Check Out</button>
            </form>
        @endif
    </div>
</div>

<div style="display:grid;grid-template-columns:2fr 1fr;gap:24px;">
    <div>
        <!-- Booking Info -->
        <div class="card" style="margin-bottom:20px;">
            <div class="card-header"><span class="card-title">Booking Information</span>
                @if($booking->status==='reserved') <span class="badge badge-warning">Reserved</span>
                @elseif($booking->status==='checked_in') <span class="badge badge-success">Checked In</span>
                @elseif($booking->status==='checked_out') <span class="badge badge-secondary">Checked Out</span>
                @elseif($booking->status==='cancelled') <span class="badge badge-danger">Cancelled</span>
                @elseif($booking->status==='no_show') <span class="badge badge-danger">No Show</span> @endif
            </div>
            <div class="card-body">
                <div class="form-row">
                    <div>
                        <div style="font-size:12px;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;">Guest</div>
                        <div style="font-size:15px;font-weight:700;">{{ $booking->guest->full_name }}</div>
                        <div style="font-size:13px;color:#6b7280;">{{ $booking->guest->phone }}</div>
                        @if($booking->guest->status==='vip') <span class="badge badge-warning">VIP</span> @endif
                    </div>
                    <div>
                        <div style="font-size:12px;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;">Room</div>
                        <div style="font-size:15px;font-weight:700;">Room {{ $booking->room->room_number }}</div>
                        <div style="font-size:13px;color:#6b7280;">{{ $booking->room->roomType->name }}</div>
                        @if($booking->room->floor) <div style="font-size:12px;color:#6b7280;">Floor {{ $booking->room->floor }}</div> @endif
                    </div>
                </div>
                <hr style="border:none;border-top:1px solid #f3f4f6;margin:16px 0;">
                <div class="form-row-3" style="gap:16px;">
                    <div>
                        <div style="font-size:11px;color:#9ca3af;font-weight:600;text-transform:uppercase;margin-bottom:4px;">Check-in</div>
                        <div style="font-weight:700;">{{ $booking->check_in_date->format('d M Y') }}</div>
                        @if($booking->checked_in_at) <div style="font-size:12px;color:#059669;">At {{ $booking->checked_in_at->format('H:i') }}</div> @endif
                    </div>
                    <div>
                        <div style="font-size:11px;color:#9ca3af;font-weight:600;text-transform:uppercase;margin-bottom:4px;">Check-out</div>
                        <div style="font-weight:700;">{{ $booking->check_out_date->format('d M Y') }}</div>
                        @if($booking->checked_out_at) <div style="font-size:12px;color:#6b7280;">At {{ $booking->checked_out_at->format('H:i') }}</div> @endif
                    </div>
                    <div>
                        <div style="font-size:11px;color:#9ca3af;font-weight:600;text-transform:uppercase;margin-bottom:4px;">Duration</div>
                        <div style="font-weight:700;">{{ $booking->nights }} night{{ $booking->nights > 1 ? 's' : '' }}</div>
                        <div style="font-size:12px;color:#6b7280;">{{ $booking->adults }} adult{{ $booking->adults > 1 ? 's' : '' }}{{ $booking->children ? ', '.$booking->children.' child' : '' }}</div>
                    </div>
                </div>
                @if($booking->special_requests)
                <div style="margin-top:16px;background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;padding:12px;">
                    <div style="font-size:12px;font-weight:600;color:#92400e;margin-bottom:4px;"><i class="fas fa-sticky-note"></i> Special Requests</div>
                    <div style="font-size:13.5px;color:#78350f;">{{ $booking->special_requests }}</div>
                </div>
                @endif
            </div>
        </div>

        <!-- Invoice & Payment -->
        @if($booking->invoice)
        <div class="card" style="margin-bottom:20px;">
            <div class="card-header">
                <span class="card-title">Invoice — {{ $booking->invoice->invoice_number }}</span>
                @if($booking->invoice->status==='paid') <span class="badge badge-success">Paid</span>
                @elseif($booking->invoice->status==='partial') <span class="badge badge-warning">Partial</span>
                @elseif($booking->invoice->status==='voided') <span class="badge badge-danger">Voided</span>
                @else <span class="badge badge-secondary">Unpaid</span> @endif

                @if($booking->invoice && $booking->invoice->balance > 0 && $booking->status != 'checked_out')
    <a href="{{ route('hotel.payments.create', $booking) }}" class="btn btn-primary" style="margin-right:8px;">
        <i class="fas fa-money-bill"></i> Record Payment
    </a>
@endif
            </div>
            <div class="card-body">
                <!-- Line items -->
                <table style="width:100%;font-size:13.5px;margin-bottom:12px;">
                    <thead><tr><th style="text-align:left;padding:6px 0;border-bottom:1px solid #e5e7eb;font-size:11px;color:#6b7280;text-transform:uppercase;">Item</th><th style="text-align:right;padding:6px 0;border-bottom:1px solid #e5e7eb;font-size:11px;color:#6b7280;text-transform:uppercase;">Amount</th></tr></thead>
                    <tbody>
                        <tr><td style="padding:8px 0;">Room {{ $booking->room->room_number }} × {{ $booking->nights }} night{{ $booking->nights > 1?'s':'' }}</td><td style="text-align:right;font-weight:600;">₦{{ number_format($booking->room->roomType->base_price * $booking->nights, 2) }}</td></tr>
                        @foreach($booking->extras as $extra)
                        <tr>
                            <td style="padding:6px 0;">{{ $extra->item_name }} × {{ $extra->quantity }}
                                @if(!$booking->invoice->isVoided() && in_array($booking->status,['reserved','checked_in']))
                                <form method="POST" action="{{ route('hotel.bookings.extras.remove',[$booking,$extra]) }}" style="display:inline;">@csrf @method('DELETE')
                                    <button type="submit" style="background:none;border:none;color:#dc2626;cursor:pointer;font-size:12px;" onclick="return confirm('Remove this charge?')"><i class="fas fa-times"></i></button>
                                </form>
                                @endif
                            </td>
                            <td style="text-align:right;">₦{{ number_format($extra->total, 2) }}</td>
                        </tr>
                        @endforeach
                    </tbody>
                    <tfoot>
                        @if($booking->invoice->discount > 0)
                        <tr><td style="padding:6px 0;color:#059669;">Discount</td><td style="text-align:right;color:#059669;">-₦{{ number_format($booking->invoice->discount, 2) }}</td></tr>
                        @endif
                        <tr style="border-top:2px solid #111827;">
                            <td style="padding:10px 0;font-weight:700;font-size:15px;">Total</td>
                            <td style="text-align:right;font-weight:700;font-size:15px;">₦{{ number_format($booking->invoice->total, 2) }}</td>
                        </tr>
                        @php $paid = $booking->invoice->payments->sum('amount'); @endphp
                        @if($paid > 0)
                        <tr><td style="padding:4px 0;color:#059669;font-size:13px;">Amount Paid</td><td style="text-align:right;color:#059669;font-size:13px;">₦{{ number_format($paid, 2) }}</td></tr>
                        @if($paid < $booking->invoice->total)
                        <tr><td style="padding:4px 0;color:#dc2626;font-size:13px;">Balance Due</td><td style="text-align:right;color:#dc2626;font-size:13px;font-weight:700;">₦{{ number_format($booking->invoice->total - $paid, 2) }}</td></tr>
                        @endif
                        @endif
                    </tfoot>
                </table>

                <!-- Add Extra Charge -->
                @if(!$booking->invoice->isVoided() && in_array($booking->status,['reserved','checked_in']))
                <div style="border-top:1px solid #e5e7eb;padding-top:14px;margin-bottom:14px;">
                    <div style="font-size:13px;font-weight:600;margin-bottom:8px;color:#374151;">Add Extra Charge</div>
                    <form method="POST" action="{{ route('hotel.bookings.extras.add', $booking) }}" style="display:flex;gap:8px;flex-wrap:wrap;">
                        @csrf
                        <input type="text" name="item_name" class="form-control" placeholder="Item (e.g. Laundry)" style="flex:2;min-width:140px;" required>
                        <input type="number" name="quantity" class="form-control" placeholder="Qty" style="width:70px;" value="1" min="1" required>
                        <input type="number" name="unit_price" class="form-control" placeholder="Price (₦)" style="flex:1;min-width:100px;" min="0" step="0.01" required>
                        <button type="submit" class="btn btn-primary btn-sm"><i class="fas fa-plus"></i> Add</button>
                    </form>
                </div>
                @endif

                <!-- Record Payment -->
                @if(!$booking->invoice->isPaid() && !$booking->invoice->isVoided())
                <div style="border-top:1px solid #e5e7eb;padding-top:14px;">
                    <div style="font-size:13px;font-weight:600;margin-bottom:8px;color:#374151;">Record Payment</div>
                    <form method="POST" action="{{ route('hotel.invoices.payment', $booking->invoice) }}" style="display:flex;gap:8px;flex-wrap:wrap;">
                        @csrf
                        <input type="number" name="amount" class="form-control" placeholder="Amount (₦)" style="flex:1;min-width:120px;" min="0.01" step="0.01" required value="{{ $booking->invoice->total - $paid }}">
                        <select name="method" class="form-control" style="flex:1;min-width:120px;" required>
                            <option value="cash">Cash</option>
                            <option value="transfer">Bank Transfer</option>
                            <option value="pos">POS</option>
                            @if(auth()->user()->hotel->paystack_public_key)
                            <option value="online">Online (Paystack)</option>
                            @endif
                        </select>
                        <input type="text" name="reference" class="form-control" placeholder="Ref (optional)" style="flex:1;min-width:120px;">
                        <button type="submit" class="btn btn-success btn-sm"><i class="fas fa-check"></i> Confirm Payment</button>
                    </form>
                </div>
                @endif
            </div>
        </div>
        @endif

        <!-- Receipt -->
        @if($booking->receipt)
        <div class="card">
            <div class="card-header">
                <span class="card-title">Receipt — {{ $booking->receipt->receipt_number }}</span>
                <a href="{{ route('hotel.receipts.show', $booking->receipt) }}" class="btn btn-primary btn-sm"><i class="fas fa-receipt"></i> View Receipt</a>
            </div>
        </div>
        @endif
    </div>

    <!-- Sidebar -->
    <div>
        <div class="card" style="margin-bottom:16px;">
            <div class="card-header"><span class="card-title">Guest Profile</span></div>
            <div class="card-body" style="font-size:13.5px;line-height:2.2;">
                <div><strong>Name:</strong> {{ $booking->guest->full_name }}</div>
                @if($booking->guest->phone)<div><strong>Phone:</strong> {{ $booking->guest->phone }}</div>@endif
                @if($booking->guest->email)<div><strong>Email:</strong> {{ $booking->guest->email }}</div>@endif
                @if($booking->guest->nationality)<div><strong>Nationality:</strong> {{ $booking->guest->nationality }}</div>@endif
                @if($booking->guest->id_type)<div><strong>ID Type:</strong> {{ str_replace('_',' ',ucfirst($booking->guest->id_type)) }}</div>@endif
                @if($booking->guest->id_number)<div><strong>ID No:</strong> {{ $booking->guest->id_number }}</div>@endif
                <div style="margin-top:8px;">
                    <a href="{{ route('hotel.guests.show', $booking->guest) }}" class="btn btn-outline btn-sm" style="width:100%;justify-content:center;"><i class="fas fa-user"></i> View Full Profile</a>
                </div>
            </div>
        </div>

        <div class="card">
            <div class="card-header"><span class="card-title">Payment History</span></div>
            <div class="card-body" style="padding:0;">
                @if($booking->invoice && $booking->invoice->payments->count())
                    @foreach($booking->invoice->payments as $payment)
                    <div style="padding:12px 16px;border-bottom:1px solid #f3f4f6;font-size:13px;">
                        <div style="display:flex;justify-content:space-between;margin-bottom:2px;">
                            <span style="font-weight:600;">₦{{ number_format($payment->amount, 2) }}</span>
                            <span class="badge badge-success" style="font-size:10px;">{{ ucfirst($payment->method) }}</span>
                        </div>
                        @if($payment->reference)<div style="color:#6b7280;font-size:12px;">Ref: {{ $payment->reference }}</div>@endif
                        <div style="color:#9ca3af;font-size:11px;">{{ $payment->created_at->format('d M Y H:i') }}</div>
                    </div>
                    @endforeach
                @else
                    <div style="padding:20px;text-align:center;color:#9ca3af;font-size:13px;">No payments recorded</div>
                @endif
            </div>
        </div>
    </div>
</div>

<!-- Cancel Modal -->
<div class="modal-overlay" id="cancel-modal">
    <div class="modal">
        <div class="modal-header"><span class="modal-title">Cancel Booking</span><button class="modal-close" onclick="closeModal('cancel-modal')">×</button></div>
        <form method="POST" action="{{ route('hotel.bookings.cancel', $booking) }}">@csrf
            <div class="modal-body">
                <div class="alert alert-danger"><i class="fas fa-exclamation-triangle"></i> This will cancel the booking and release the room.</div>
                <div class="form-group">
                    <label class="form-label">Reason <span class="required">*</span></label>
                    <textarea name="reason" class="form-control" required placeholder="Reason for cancellation..."></textarea>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-outline" onclick="closeModal('cancel-modal')">Back</button>
                <button type="submit" class="btn btn-danger"><i class="fas fa-times"></i> Cancel Booking</button>
            </div>
        </form>
    </div>
</div>

<!-- No Show Modal -->
<div class="modal-overlay" id="noshow-modal">
    <div class="modal">
        <div class="modal-header"><span class="modal-title">Mark as No Show</span><button class="modal-close" onclick="closeModal('noshow-modal')">×</button></div>
        <form method="POST" action="{{ route('hotel.bookings.noshow', $booking) }}">@csrf
            <div class="modal-body">
                <div class="alert alert-warning"><i class="fas fa-exclamation-triangle"></i> This marks the guest as a no-show and releases the room.</div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-outline" onclick="closeModal('noshow-modal')">Back</button>
                <button type="submit" class="btn btn-warning"><i class="fas fa-user-slash"></i> Mark No Show</button>
            </div>
        </form>
    </div>
</div>
@endsection