@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>Invoice for {{ $invoice->customer->name }} {{ $invoice->customer->last_name }}</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 {{ $invoice->customer->name }} {{ $invoice->customer->last_name }},</p>

                    @if($invoice->workorder->workshopSite->stripeConnectedAccount !== null)
                        <p>We wanted to inform you that your recent invoice is now available for review and payment.</p>

                        <p>You can access the invoice by clicking on the following link: <a href="{{ config('app.url') }}/invoice/{{ $route }}">View Invoice</a></p>

                        <p>Additionally, ve attached a PDF version of the invoice for your convenience. Please find the attached PDF file.</p>

                        <p>If you have any questions or concerns regarding the invoice, feel free to contact us.</p>
                    @else
                        <p>We wanted to inform you that your recent invoice is now available for review and payment.</p>

                        <p>Please find the attached PDF file.</p>

                        <p>If you have any questions or concerns regarding the invoice, feel free to contact us.</p>
                    @endif
                </div>
            </td>
        </tr>
    </table>

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