@extends('layouts.app')
@section('title', 'Record Payment')
@section('page-title', 'Record Payment')

@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>
            <a href="{{ route('hotel.bookings.show', $booking) }}">Booking #{{ $booking->booking_reference }}</a><span>/</span>
            Payment
        </div>
        <h1>Record Payment</h1>
        <p>Guest: {{ $booking->guest->first_name }} {{ $booking->guest->last_name }}</p>
    </div>
</div>

<div class="row">
    <div class="col-md-6">
        <div class="card">
            <div class="card-header"><span class="card-title">Payment Details</span></div>
            <div class="card-body">
                <div style="background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:15px;margin-bottom:20px;">
                    <div><strong>Total Invoice:</strong> ₦{{ number_format($invoice->total, 2) }}</div>
                    <div><strong>Already Paid:</strong> ₦{{ number_format($invoice->paid_amount, 2) }}</div>
                    <div style="font-size:18px;"><strong>Remaining Balance:</strong> ₦{{ number_format($balance, 2) }}</div>
                </div>

                <form method="POST" action="{{ route('hotel.payments.store', $booking) }}">
                    @csrf

                    <div class="form-group">
                        <label class="form-label">Amount to Pay <span class="required">*</span></label>
                        <input type="number" name="amount" class="form-control @error('amount') is-invalid @enderror" 
                               step="0.01" min="0.01" max="{{ $balance }}" required>
                        <small>Maximum: ₦{{ number_format($balance, 2) }}</small>
                        @error('amount')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                                        <div class="form-group">
                        <label class="form-label">Discount (Optional)</label>
                        <div style="display:flex;gap:8px;">
                            <input type="number" name="discount_amount" class="form-control" step="0.01" placeholder="Amount or %" style="flex:1;">
                            <select name="discount_type" class="form-control" style="width:100px;">
                                <option value="percentage">%</option>
                                <option value="fixed">₦ Fixed</option>
                            </select>
                        </div>
                        <input type="text" name="discount_reason" class="form-control" placeholder="Reason (e.g., VIP discount, Promo)" style="margin-top:5px;">
                    </div>

                    @if(old('method') === 'cash')
                    <div class="form-group">
                        <label class="form-label">Cash Tendered</label>
                        <input type="number" name="cash_tendered" class="form-control" step="0.01" placeholder="Amount received">
                    </div>
                    @endif

                    <div class="form-group">
                        <label class="form-label">Payment Method <span class="required">*</span></label>
                        <select name="method" class="form-control @error('method') is-invalid @enderror" required>
                            <option value="">-- Select --</option>
                            <option value="cash">Cash</option>
                            <option value="transfer">Bank Transfer</option>
                            <option value="pos">POS</option>
                        </select>
                        @error('method')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>

                    <div class="form-group">
                        <label class="form-label">Note (Optional)</label>
                        <textarea name="note" class="form-control" rows="2" placeholder="Transaction reference, bank name, etc."></textarea>
                    </div>

                    <div style="display:flex;gap:8px;justify-content:flex-end;margin-top:20px;">
                        <a href="{{ route('hotel.bookings.show', $booking) }}" class="btn btn-outline">Cancel</a>
                        <button type="submit" class="btn btn-primary">Record Payment & Print Receipt</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <div class="col-md-6">
        <div class="card">
            <div class="card-header"><span class="card-title">Booking Summary</span></div>
            <div class="card-body">
                <div><strong>Room:</strong> {{ $booking->room->room_number }} - {{ $booking->room->roomType->name ?? '' }}</div>
                <div><strong>Check-in:</strong> {{ $booking->check_in_date->format('d M Y') }}</div>
                <div><strong>Check-out:</strong> {{ $booking->check_out_date->format('d M Y') }}</div>
                <div><strong>Nights:</strong> {{ $booking->nights }}</div>
                <div><strong>Room Rate:</strong> ₦{{ number_format($booking->room->roomType->base_price ?? 0, 2) }}/night</div>
                <hr>
                <div><strong>Subtotal:</strong> ₦{{ number_format($invoice->subtotal, 2) }}</div>
                @if($invoice->discount > 0)<div><strong>Discount:</strong> -₦{{ number_format($invoice->discount, 2) }}</div>@endif
                @if($invoice->tax > 0)<div><strong>Tax:</strong> ₦{{ number_format($invoice->tax, 2) }}</div>@endif
                <div style="font-size:16px;"><strong>Total:</strong> ₦{{ number_format($invoice->total, 2) }}</div>
            </div>
        </div>
    </div>
</div>
@endsection