@extends('emails.partials.base_template')

@section('title', 'New Booking Received')
@section('subtitle', 'A new direct booking has been submitted')

@section('content')
<div class="greeting">Hello Admin Team,</div>

<div class="content-text">
    A new direct booking has been received and requires your attention. Please review the details below and take appropriate action.
</div>

<div class="alert alert-info">
    <strong>New Booking Alert!</strong> This booking requires immediate review and processing.
</div>

<div class="info-section">
    <h3>Booking Information</h3>
    <div class="detail-row">
        <span class="detail-label">Booking ID:</span>
        <span class="detail-value highlight">#{{ $booking->id }}</span>
    </div>
    <div class="detail-row">
        <span class="detail-label">Booking Date:</span>
        <span class="detail-value">{{ $booking->created_at->format('M d, Y H:i') }}</span>
    </div>
    <div class="detail-row">
        <span class="detail-label">Status:</span>
        <span class="detail-value">New</span>
    </div>
</div>

<div class="info-section">
    <h3>Customer Information</h3>
    <div class="detail-row">
        <span class="detail-label">Name:</span>
        <span class="detail-value">{{ $booking->customer_name }}</span>
    </div>
    <div class="detail-row">
        <span class="detail-label">Email:</span>
        <span class="detail-value">
            <a href="mailto:{{ $booking->customer_email }}" style="color: #007bff;">{{ $booking->customer_email }}</a>
        </span>
    </div>
    <div class="detail-row">
        <span class="detail-label">Phone:</span>
        <span class="detail-value">
            <a href="tel:{{ $booking->customer_phone }}" style="color: #007bff;">{{ $booking->customer_phone }}</a>
        </span>
    </div>
</div>

<div class="info-section">
    <h3>Vehicle & Route Details</h3>
    <div class="detail-row">
        <span class="detail-label">Vehicle Type:</span>
        <span class="detail-value">{{ $booking->vehicle_type }}</span>
    </div>
    <div class="detail-row">
        <span class="detail-label">Pickup Location:</span>
        <span class="detail-value">{{ $booking->pickup_location }}</span>
    </div>
    <div class="detail-row">
        <span class="detail-label">Delivery Location:</span>
        <span class="detail-value">{{ $booking->delivery_location }}</span>
    </div>
    @if($booking->pickup_date)
    <div class="detail-row">
        <span class="detail-label">Pickup Date:</span>
        <span class="detail-value">{{ $booking->pickup_date }}</span>
    </div>
    @endif
    @if($booking->pickup_time)
    <div class="detail-row">
        <span class="detail-label">Pickup Time:</span>
        <span class="detail-value">{{ $booking->pickup_time }}</span>
    </div>
    @endif
</div>

<div class="alert alert-warning">
    <strong>Action Required:</strong> Please review this booking in the admin panel and assign a driver as soon as possible. 
    Customer satisfaction depends on quick response times.
</div>

<div class="content-text">
    <strong>Next Steps:</strong><br>
    1. Review the booking details in the admin panel<br>
    2. Assign an appropriate driver<br>
    3. Confirm pickup and delivery details<br>
    4. Send confirmation to the customer
</div>

<div class="content-text">
    <strong>Admin Panel:</strong> 
    <a href="{{ env('FRONTEND_URL', 'http://localhost:5173') }}/admin/bookings" style="color: #007bff; text-decoration: none;">
        View Booking Details
    </a>
</div>
@endsection