@extends('emails.layouts.email')

@section('title', 'Booking Confirmation - ' . $booking->booking_number)
@section('header_title', 'Booking Confirmation')

@section('content')
<p class="greeting">Dear {{ $guest->first_name }} {{ $guest->last_name }},</p>

<p class="message">
    Thank you for your booking! We have received your reservation and it is currently being processed.
    Please complete your payment to confirm your booking.
</p>

<div class="booking-card">
    <div class="booking-card-header">
        <div class="booking-number">
            Booking Number<br>
            <strong>{{ $booking->booking_number }}</strong>
        </div>
        <span class="booking-status status-pending">Pending Payment</span>
    </div>

    <div class="booking-details">
        <div class="booking-detail-row">
            <span class="booking-detail-label">Check-in Date</span>
            <span class="booking-detail-value">{{ \Carbon\Carbon::parse($rooms->first()->checkin_date)->format('l, d M Y') }}</span>
        </div>
        <div class="booking-detail-row">
            <span class="booking-detail-label">Check-out Date</span>
            <span class="booking-detail-value">{{ \Carbon\Carbon::parse($rooms->first()->checkout_date)->format('l, d M Y') }}</span>
        </div>
        <div class="booking-detail-row">
            <span class="booking-detail-label">Duration</span>
            <span class="booking-detail-value">{{ $rooms->first()->total_nights }} Night(s)</span>
        </div>
        <div class="booking-detail-row">
            <span class="booking-detail-label">Total Guests</span>
            <span class="booking-detail-value">{{ $rooms->sum('adults') }} Adult(s), {{ $rooms->sum('children') }} Child(ren)</span>
        </div>
    </div>
</div>

<h3 style="color: #1a202c; font-size: 16px; margin-bottom: 16px;">Room Details</h3>

@foreach($rooms as $room)
<div class="room-item">
    <table width="100%" cellpadding="0" cellspacing="0">
        <tr>
            <td>
                <div class="room-name">{{ $room->roomType->name ?? 'Room' }}</div>
                <div class="room-details">
                    {{ $room->ratePlan->name ?? 'Standard Rate' }} •
                    {{ $room->adults }} Adult(s)@if($room->children), {{ $room->children }} Child(ren)@endif
                </div>
            </td>
            <td class="room-price">
                {{ $booking->currency }} {{ number_format($room->total_amount, 0, ',', '.') }}
            </td>
        </tr>
    </table>
</div>
@endforeach

@if($extras->count() > 0)
<h3 style="color: #1a202c; font-size: 16px; margin-bottom: 16px; margin-top: 24px;">Extra Services</h3>

@foreach($extras as $extra)
<div class="room-item">
    <table width="100%" cellpadding="0" cellspacing="0">
        <tr>
            <td>
                <div class="room-name">{{ $extra->extra->name ?? 'Extra Service' }}</div>
                <div class="room-details">Qty: {{ $extra->quantity }}</div>
            </td>
            <td class="room-price">
                {{ $booking->currency }} {{ number_format($extra->total_amount, 0, ',', '.') }}
            </td>
        </tr>
    </table>
</div>
@endforeach
@endif

<div class="price-summary">
    <table width="100%" cellpadding="0" cellspacing="0">
        <tr>
            <td class="price-label">Subtotal</td>
            <td class="price-value" style="text-align: right;">{{ $booking->currency }} {{ number_format($booking->subtotal_amount, 0, ',', '.') }}</td>
        </tr>
        @if($booking->tax_amount > 0)
        <tr>
            <td class="price-label" style="padding-top: 8px;">Tax</td>
            <td class="price-value" style="text-align: right; padding-top: 8px;">{{ $booking->currency }} {{ number_format($booking->tax_amount, 0, ',', '.') }}</td>
        </tr>
        @endif
        @if($booking->service_fee > 0)
        <tr>
            <td class="price-label" style="padding-top: 8px;">Service Fee</td>
            <td class="price-value" style="text-align: right; padding-top: 8px;">{{ $booking->currency }} {{ number_format($booking->service_fee, 0, ',', '.') }}</td>
        </tr>
        @endif
        <tr>
            <td colspan="2">
                <table width="100%" cellpadding="0" cellspacing="0" style="margin-top: 12px; padding-top: 12px; border-top: 1px solid #e2e8f0;">
                    <tr>
                        <td style="font-size: 18px; font-weight: 700; color: #1a202c;">Total Amount</td>
                        <td style="font-size: 18px; font-weight: 700; color: #667eea; text-align: right;">{{ $booking->currency }} {{ number_format($booking->total_amount, 0, ',', '.') }}</td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
</div>

<div class="info-box warning" style="margin-top: 30px;">
    <p>
        <strong>⏰ Payment Due:</strong> {{ $booking->payment_due_date ? $booking->payment_due_date->format('d M Y, H:i') : 'Within 24 hours' }}<br>
        Please complete your payment before the due date to confirm your booking.
    </p>
</div>

@if($booking->special_requests)
<div style="margin-top: 24px;">
    <h3 style="color: #1a202c; font-size: 16px; margin-bottom: 12px;">Special Requests</h3>
    <p style="color: #4a5568; font-size: 14px; background-color: #f8fafc; padding: 16px; border-radius: 8px;">
        {{ $booking->special_requests }}
    </p>
</div>
@endif

<div style="text-align: center; margin-top: 30px;">
    <p style="color: #718096; font-size: 14px;">
        If you have any questions about your booking, please don't hesitate to contact us.
    </p>
</div>
@endsection