@extends('emails.layouts.email')

@section('title', 'New Booking - ' . $booking->booking_number)
@section('header_title', '🆕 New Booking Alert')

@section('content')
<div class="info-box" style="background-color: #dbeafe; border-left-color: #3b82f6;">
    <p>
        <strong>New booking received!</strong><br>
        A new booking has been created and is awaiting payment.
    </p>
</div>

<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">Booking Date</span>
            <span class="booking-detail-value">{{ $booking->booking_date->format('d M Y, H:i') }}</span>
        </div>
        <div class="booking-detail-row">
            <span class="booking-detail-label">Check-in</span>
            <span class="booking-detail-value">{{ \Carbon\Carbon::parse($rooms->first()->checkin_date)->format('d M Y') }}</span>
        </div>
        <div class="booking-detail-row">
            <span class="booking-detail-label">Check-out</span>
            <span class="booking-detail-value">{{ \Carbon\Carbon::parse($rooms->first()->checkout_date)->format('d M Y') }}</span>
        </div>
        <div class="booking-detail-row">
            <span class="booking-detail-label">Nights</span>
            <span class="booking-detail-value">{{ $rooms->first()->total_nights }}</span>
        </div>
        <div class="booking-detail-row">
            <span class="booking-detail-label">Total Amount</span>
            <span class="booking-detail-value" style="color: #667eea; font-weight: 700;">{{ $booking->currency }} {{ number_format($booking->total_amount, 0, ',', '.') }}</span>
        </div>
    </div>
</div>

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

<div style="background-color: #f8fafc; padding: 20px; border-radius: 8px; margin-bottom: 20px;">
    <table width="100%" cellpadding="0" cellspacing="0">
        <tr>
            <td width="30%" style="color: #718096; padding: 6px 0;">Name</td>
            <td style="color: #1a202c; font-weight: 500; padding: 6px 0;">{{ $guest->first_name }} {{ $guest->last_name }}</td>
        </tr>
        <tr>
            <td style="color: #718096; padding: 6px 0;">Email</td>
            <td style="color: #1a202c; padding: 6px 0;"><a href="mailto:{{ $guest->email }}" style="color: #667eea;">{{ $guest->email }}</a></td>
        </tr>
        @if($guest->phone_number)
        <tr>
            <td style="color: #718096; padding: 6px 0;">Phone</td>
            <td style="color: #1a202c; padding: 6px 0;">{{ $guest->phone_country_code ?? '' }} {{ $guest->phone_number }}</td>
        </tr>
        @endif
        @if($guest->country)
        <tr>
            <td style="color: #718096; padding: 6px 0;">Country</td>
            <td style="color: #1a202c; padding: 6px 0;">{{ $guest->country }}</td>
        </tr>
        @endif
    </table>
</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

@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: #fef3c7; padding: 16px; border-radius: 8px;">
        {{ $booking->special_requests }}
    </p>
</div>
@endif

<div class="info-box warning" style="margin-top: 24px;">
    <p>
        <strong>⏰ Payment Due:</strong> {{ $booking->payment_due_date ? $booking->payment_due_date->format('d M Y, H:i') : 'Within 24 hours' }}
    </p>
</div>
@endsection