@include('emails.partials.header', ['title' => 'Appointment Reminder'])

    <h1>Appointment Reminder</h1>
    <p>Hi <span class="highlight">{{ $appointment->name }}</span>,</p>
    <p>{{ $timing['intro'] }}</p>

    <div class="appointment-details">
        <ul>
            <li><strong>Time Until Appointment:</strong> {{ $timing['hoursLabel'] }}</li>
            <li><strong>When:</strong> {{ $appointment->formattedWhen() }}</li>
            @php
                $serviceLabel = $appointment->serviceNamesLabel();
            @endphp
            @if($serviceLabel && $serviceLabel !== '—')
            <li><strong>Service:</strong> {{ $serviceLabel }}</li>
            @endif
            <li><strong>Where:</strong> 7195 Gladstone Drive, V2N 3A3</li>
            <li><strong>Appointment ID:</strong> {{ $appointment->appointment_id }}</li>
            @include('emails.partials._appointment-custom-fields-list', ['appointment' => $appointment])
        </ul>

        <p style="text-align: center;">
            <a href="{{ route('appointments.lookup', ['appointment_id' => $appointment->appointment_id, 'appointment_email' => $appointment->email]) }}" class="button">Manage appointment</a>
        </p>
    </div>

    <p>A cancellation fee of $50 applies for cancellations or rescheduling within 24 hours of the scheduled appointment, or for no-shows.</p>
    <p>Please call us at +1 (778) 675 1861 or email <a href="mailto:info@mjvacservices.ca">info@mjvacservices.ca</a> if you have any questions.</p>

@include('emails.partials.footer')