{{-- resources/views/emails/notifications/appointment-reschedule.blade.php --}}

@extends('email.layouts.main')

@section('title', 'Appointment Rescheduled')
@section('header_title', 'Your Appointment Has Been Rescheduled')

@section('content')
    <p style="font-size: 16px; line-height: 1.5;">
        Hello <strong>{{ $booking->user->name }}</strong>,
    </p>

    <p style="font-size: 16px; line-height: 1.5;">
        Your appointment has been successfully rescheduled. The new date and time are as follows:
    </p>

    <table style="width: 100%; margin-top: 20px; font-size: 14px; border-collapse: collapse;">
        <tr>
            <td style="padding: 4px 0; width: 180px;"><strong>Old Date &amp; Time:</strong></td>
            <td style="padding: 4px 0;">
                {{ date('F d, Y', strtotime($oldBooking->date ?? '')) }}<br>
                {{ date('h:i A', strtotime($oldBooking->start_time ?? '')) }} - {{ date('h:i A', strtotime($oldBooking->end_time ?? '')) }}
            </td>
        </tr>
        <tr>
            <td style="padding: 4px 0;"><strong>New Date &amp; Time:</strong></td>
            <td style="padding: 4px 0;">
                {{ date('F d, Y', strtotime($booking->date)) }}<br>
                {{ date('h:i A', strtotime($booking->start_time)) }} - {{ date('h:i A', strtotime($booking->end_time)) }}
            </td>
        </tr>
        <tr>
            <td style="padding: 4px 0;"><strong>Location:</strong></td>
            <td style="padding: 4px 0;">
                {{ $booking->company->address }}
            </td>
        </tr>
    </table>

    <p style="font-size: 16px; line-height: 1.5; margin-top: 20px;">
        If this change doesn’t work for you, please reach out or adjust your appointment again.
        Thank you for choosing <strong>{{ $booking->company->name }}</strong>!
    </p>
@endsection