@extends('emails.layouts.email')

@section('title', 'Payment Confirmed - ' . $booking->booking_number)
@section('header_title', '✓ Payment Confirmed')

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

<div class="info-box success">
    <p>
        <strong>🎉 Great news!</strong> We have received your payment and your booking is now confirmed!
    </p>
</div>

<p class="message">
    Thank you for completing your payment. Your reservation at <strong>{{ $property->name }}</strong> is now confirmed.
    Below are the details of your booking for your reference.
</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-confirmed">Confirmed</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 colspan="2">
                <table width="100%" cellpadding="0" cellspacing="0">
                    <tr>
                        <td style="font-size: 18px; font-weight: 700; color: #1a202c;">Total Paid</td>
                        <td style="font-size: 18px; font-weight: 700; color: #10b981; text-align: right;">{{ $booking->currency }} {{ number_format($booking->total_amount, 0, ',', '.') }}</td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
</div>

<div class="info-box" style="margin-top: 30px;">
    <p>
        <strong>📋 What's Next?</strong><br>
        • Save this email for your records<br>
        • Prepare your ID for check-in<br>
        • Check-in time is typically after 14:00<br>
        • Check-out time is typically before 12:00
    </p>
</div>

@if($booking->special_requests)
<div style="margin-top: 24px;">
    <h3 style="color: #1a202c; font-size: 16px; margin-bottom: 12px;">Your Special Requests</h3>
    <p style="color: #4a5568; font-size: 14px; background-color: #f8fafc; padding: 16px; border-radius: 8px;">
        {{ $booking->special_requests }}
    </p>
    <p style="color: #718096; font-size: 12px; margin-top: 8px;">
        <em>* Special requests are subject to availability and cannot be guaranteed.</em>
    </p>
</div>
@endif

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