@extends('mail.layout')

@section('content')
    <table border="0" cellpadding="0" cellspacing="0" class="paragraph_block block-1" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word;" width="100%">
        <tr>
            <td class="pad" style="padding-bottom:5px;padding-left:10px;padding-right:10px;padding-top:10px;">
                <div style="color:#B1AED1;font-family:'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:20px;line-height:120%;text-align:center;mso-line-height-alt:24px;">
                </div>
            </td>
        </tr>
    </table>
    <table border="0" cellpadding="0" cellspacing="0" class="paragraph_block block-2" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word;" width="100%">
        <tr>
            <td class="pad" style="padding-bottom:5px;padding-left:5px;padding-right:5px;">
                <div style="color:#454562;font-family:'Roboto',Tahoma,Verdana,Segoe,sans-serif;font-size:38px;line-height:120%;text-align:center;mso-line-height-alt:45.6px;">
                    <p style="margin: 0; word-break: break-word;"><span>Service Appointment Confirmation</span></p>
                </div>
            </td>
        </tr>
    </table>
    <table border="0" cellpadding="0" cellspacing="0" class="paragraph_block block-3" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word;" width="100%">
        <tr>
            <td class="pad" style="padding-bottom:10px;padding-left:15px;padding-right:15px;padding-top:10px;">
                <div style="color:#555555;font-family:'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:14px;line-height:150%;text-align:center;mso-line-height-alt:21px;">
                    <p style="margin: 0; word-break: break-word;"></p>

                    <p>Dear {{ $workorder->payload['name'] }} {{ $workorder->payload['last_name'] }},</p>
                    <p>We are delighted to confirm that your appointment has been successfully scheduled at {{ $workorder->workshopSite->workshop->service_name }} for your upcoming vehicle service.</p>

                    <strong>Appointment Details:</strong>
                    <ul>
                        <li><strong>Date:</strong> {{ $workorder->appointment_date->format('m/d/y') }}</li>
                        <li><strong>Time:</strong> {{ $time_from }}</li>
                    </ul>

                    <strong>Vehicle:</strong>
                    <ul>
                        <li><strong>License plate:</strong> {{ $workorder->licence_plate }}</li>
                        @if($workorder->Vehicle && ($workorder->Vehicle->manufacturer || $workorder->Vehicle->model))
                            <li><strong>Vehicle:</strong> {{ $workorder->Vehicle->manufacturer }} {{ $workorder->Vehicle->model }}{{ $workorder->Vehicle->production_year ? ' (' . $workorder->Vehicle->production_year . ')' : '' }}</li>
                        @endif
                    </ul>

                    <strong>Service Location:</strong>
                    <ul>
                        <li><strong>{{ $workorder->workshopSite->workshop->service_name }}</strong></li>
                        @if($workorder->workshopSite->street_address)
                            <li>{{ $workorder->workshopSite->street_address }}</li>
                        @endif
                        @if($workorder->workshopSite->city || $workorder->workshopSite->zip_postal_code)
                            <li>{{ $workorder->workshopSite->city }}{{ $workorder->workshopSite->city && $workorder->workshopSite->zip_postal_code ? ', ' : '' }}{{ $workorder->workshopSite->zip_postal_code }}</li>
                        @endif
                        @if($workorder->workshopSite->country_region)
                            <li>{{ $workorder->workshopSite->country_region }}</li>
                        @endif
                    </ul>

                    <p>Our team is dedicated to providing top-notch service, and we look forward to ensuring your vehicle is in excellent condition. If you have any specific concerns or additional requests, please feel free to let us know in advance.</p>

                    <p>Here are a few reminders to ensure a smooth experience:</p>
                    <ol>
                        <li>Please arrive a few minutes early to allow for check-in and any necessary paperwork.</li>
                        <li>If you need to reschedule or cancel your appointment, kindly contact us at least 24 hours in advance.</li>
                    </ol>

                    <p>Should you have any questions or require further assistance, don't hesitate to reach out to us.</p>

                    <p>Thank you for choosing {{ $workorder->workshopSite->workshop->service_name }} for your automotive needs. We appreciate your trust and look forward to serving you.</p>

                    <p>Best regards,<br>
                    <strong>{{ $workorder->workshopSite->workshop->service_name }}</strong></p>
                </div>
            </td>
        </tr>
    </table>

    <style>
        p, ul, ol {
            text-align: left;
        }
    </style>
@endsection