@extends('emails.layouts.email-layout-advance-quote')
@section('content')
<table class="mobile-table" style="font-family:Helvetica, Arial, 'sans-serif';background: #EBF9F9;overflow: hidden;border-collapse: separate !important; max-width:625px;min-width:290px;" width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
    <tbody>
        <tr>
            <td align="center" valign="top" style="padding:33px 25px 30px;min-width: 200px;">
                <table width="100%" border="0" cellspacing="0" cellpadding="0" style="min-width:290px;">
                    <tbody>
                        
                        <tr>
                            @if(!empty($organization->company_logo))
                            <td>
                            <table style="width: 150px; margin:0 auto;" width="150px">
                                <tbody>
                                    <tr>
                                    <td align="center" valign="top" cellpadding="0" cellspacing="0" border="0"><img style="display: inline-block;width: 100%;" src="{{ url($organization->company_logo) }}"></td>
                                    </tr>
                                </tbody>
                            </table>
                            </td>
                                
                            @else
                             <td align="center" valign="top" style="min-width: 200px;"><img style="display: inline-block;max-width: 100%;height: 125px;width: auto;" src="{{ asset('img/qt-adv-pymt.png') }}"></td>
                            @endif
                            
                        </tr>

                        <tr>
                            <td align="center" valign="top" style="color: #136564;font-family: 'Lato', sans-serif;font-weight: 700;font-size: 26px;padding-top:10px;padding-bottom:10px;min-width: 200px;">You have an upcoming booking with {{ @$organization->name }}
                            </td>
                        </tr>
                    </tbody>
                </table>
            </td>
        </tr>
    </tbody>
</table>

<table class="mobile-table" style="font-family:Helvetica, Arial, 'sans-serif';background: #fff;overflow: hidden;border-collapse: separate !important; max-width:625px;min-width:290px;" width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
    <tbody>
        <tr>
            <td class="mobile-view-body" align="center" valign="top" style="color: #2D2D2D;font-family: 'Lato', sans-serif;font-weight: 400;line-height: 24px; font-size: 16px;min-width: 200px;">
                <table width="100%" border="0" cellspacing="0" cellpadding="0" style="min-width:290px;">
                    <tbody>
                        <tr>
                            <td align="left" valign="top" style="color: #2D2D2D;font-family: 'Lato', sans-serif;font-weight: 400;line-height: 24px; font-size: 16px;min-width: 200px;">Dear {{$username}},
                                <br><br>
                                This is a reminder for you upcoming appointment with {{ @$organization->name }}
                                @if($booking->start_date) at {{ date('h:i A', strtotime(@$booking->start_date)) }} on
                                {{ date('D, M d, Y', strtotime(@$booking->start_date)) }} @endif
                                @if(@$booking->location) at {{ @$booking->location }} @endif.
                            </td>
                        </tr>


                        <tr>
                            <td align="left" valign="top" style="color: #2D2D2D;font-family: 'Lato', sans-serif;font-weight: 400;line-height: 24px; font-size: 16px; padding-top:20px;min-width: 200px;">
                                Please contact us if anything has changed or if you have any questions as soon as possible.
                            </td>
                        </tr>

                        <tr>
                            <td align="left" valign="top" style="color: #2D2D2D;font-family: 'Lato', sans-serif;font-weight: 400;line-height: 24px; font-size: 16px; padding-top:20px;min-width: 200px;">
                                See you soon!
                            </td>
                        </tr>
                        <tr>
                            <td align="left" valign="top" style="padding-top:35px;color: #2D2D2D;font-family: 'Lato', sans-serif;font-weight: 400;line-height: 24px;font-size: 16px;min-width: 200px;">Thanks,<br>
                                @if(@$organization->name) {{ $organization->name }} <br> @endif
                                @if(@$organization->street_address){{ $organization->street_address }} <br>@endif
                                @if(@$organization->city || @$organization->zip || @$organization->state){{ $organization->city.', '.$organization->state.', '.$organization->zip  }} <br>@endif
                                @if(@$organization->email) {{ $organization->email }} <br> @endif
                                @if(@$organization->phone) {{ $organization->phone }}<br> @endif
                            </td>
                        </tr>
                        <tr>
                            <td align="center" valign="top" style="color: #979797; font-size: 12px;font-weight: 400;padding-top:40px;min-width: 200px;"><em>Note:</em> Please do not reply to this message. The email cannot accept any incoming email.
                            </td>
                        </tr>
                        <tr>
                            <td align="center" valign="top" style="min-width: 200px;">&nbsp;</td>
                        </tr>
                    </tbody>
                </table>
            </td>
        </tr>
    </tbody>
</table>
@endsection