@extends('email.layouts.main')

@section('title', 'Booking Confirmation Request')
@section('header_title', 'Please Confirm Your Booking')

@section('content')
    <p style="font-size: 16px; line-height: 1.5; margin-bottom: 20px;">
        Hello <strong>{{ $booking->name }}</strong>,
    </p>
    <p style="font-size: 16px; line-height: 1.5; margin-bottom: 20px;">
        A booking for the service <strong>{{ optional($event)->event_name }}</strong> has been scheduled on <strong>{{ date('F d, Y', strtotime($booking->date)) }}</strong> at <strong>{{ date('h:i A', strtotime($booking->start_time)) }}</strong>.
    </p>
    <p style="font-size: 16px; line-height: 1.5; margin-bottom: 20px;">
        To confirm your booking, please click the button below. Your booking status will then change from pending to confirmed.
    </p>
    <div style="text-align: center; margin-top: 30px;">
        <a href="{{ $confirmUrl }}"
           style="background-color: #0c7cf4; color: #fff; padding: 12px 30px; border-radius: 4px; font-weight: bold; text-decoration: none;">
            Confirm Booking
        </a>
    </div>
    <p style="font-size: 16px; line-height: 1.5; margin-top: 30px;">
        If you wish to reschedule or cancel your booking, please use the booking management page.
    </p>
@endsection