@extends('emails.layouts.emailTemplate.master')

@section('title', 'New Booking - ' . $booking->booking_code)

@section('content')
    <table border="0" cellpadding="0" cellspacing="0" width="100%" style="margin: 30px 0;">
        <tr>
            <td style="background-color:#ffffff; border-radius:20px; padding:40px;">
                <h2 style="color:#1f1f1f; font-size:24px; margin:0 0 10px 0; font-weight:bold;">
                    New Warehouse Booking Received
                </h2>
                <p style="color:#8a8a8a; font-size:16px; line-height:1.6; margin:0 0 30px 0;">
                    A new booking has been submitted by <strong>{{ $booking->user->fullname }}</strong> ({{ $booking->user->email }}).
                </p>

                <!-- Booking Summary -->
                <div style="background:#f8f9fa; border-radius:12px; padding:25px; margin-bottom:30px;">
                    <div style="display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:15px;">
                        <div>
                            <strong style="font-size:18px;">Booking Code:</strong><br>
                            <span style="font-size:26px; color:#2563eb; font-weight:bold;">#{{ $booking->booking_code }}</span>
                        </div>
                        <div>
                            <span style="padding:10px 24px; border-radius:30px; font-weight:600; color:white; font-size:15px;
                                @if($booking->booking_status == 'active') background:#10b981;
                                @elseif($booking->booking_status == 'pending') background:#f59e0b;
                                @elseif($booking->booking_status == 'confirmed') background:#3b82f6;
                                @elseif($booking->booking_status == 'completed') background:#6b7280;
                                @else background:#ef4444; @endif">
                                {{ ucfirst(str_replace('_', ' ', $booking->booking_status)) }}
                            </span>
                        </div>
                    </div>
                    <p style="margin:15px 0 0 0; font-size:14px; color:#666;">
                        Submitted on: {{ $booking->created_at->format('M d, Y \a\t h:i A') }}
                    </p>
                </div>

                <!-- Include detailed booking info (admin version) -->
                @include('emails.partials.booking-details', ['booking' => $booking, 'forAdmin' => true])

                <p style="color:#8a8a8a; font-size:16px; margin-top:40px;">
                    Please review and take necessary action.
                </p>

                <p style="color:#8a8a8a; font-size:16px; margin-top:30px;">
                    Regards,<br>
                    <strong>{{ config('app.name') }} System</strong>
                </p>
            </td>
        </tr>
    </table>
@endsection