<x-mail.layout
    :heading="__('maintenance.mail_heading')"
    :preheader="$title"
    :greeting="__('maintenance.mail_greeting', ['name' => $name])"
>

<tr><td style="padding:0 24px 20px 24px;">
    <p style="margin:0;font-size:15px;line-height:24px;color:#17171c;font-weight:600;">{{ $title }}</p>
</td></tr>

{{-- The window as its own block rather than inside a sentence. The one thing
     the reader is looking for is when, and a date buried in prose has to be
     found before it can be read. --}}
<tr><td style="padding:0 24px;">
    <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse;background-color:#fafafb;border:1px solid #e9e9ee;border-radius:8px;">
        <tr>
            <td style="padding:14px 16px 6px 16px;font-size:13px;line-height:20px;color:#6e6e7a;width:26%;">{{ __('maintenance.mail_field_start') }}</td>
            <td style="padding:14px 16px 6px 16px;font-family:'IBM Plex Mono',ui-monospace,Menlo,Consolas,monospace;font-size:13px;line-height:20px;color:#43434e;">{{ $startsAt->local()->isoFormat('LLLL') }}</td>
        </tr>
        <tr>
            <td style="padding:0 16px 14px 16px;font-size:13px;line-height:20px;color:#6e6e7a;">{{ __('maintenance.mail_field_end') }}</td>
            <td style="padding:0 16px 14px 16px;font-family:'IBM Plex Mono',ui-monospace,Menlo,Consolas,monospace;font-size:13px;line-height:20px;color:#43434e;">{{ $endsAt->local()->isoFormat('LLLL') }}</td>
        </tr>
    </table>
</td></tr>

@if ($description)
<tr><td style="padding:20px 24px 0 24px;">
    <p style="margin:0;font-size:15px;line-height:24px;color:#43434e;">{{ $description }}</p>
</td></tr>
@endif

<tr><td style="padding:24px 24px 32px 24px;">
    <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse;">
        <tr><td style="border-top:1px solid #e9e9ee;padding-top:20px;">
            <p style="margin:0;font-size:13px;line-height:20px;color:#6e6e7a;">{{ __('maintenance.mail_no_action') }}</p>
        </td></tr>
    </table>
</td></tr>

</x-mail.layout>
