@extends('emails.layout')

@section('content')
    
    <!--1/1 content-->
    <table bgcolor="#F8F8F8" align="center" width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
            <td height="20"></td>
        </tr>
        <tr>
            <td align="center">
                <table align="center" border="0" cellpadding="0" cellspacing="0">
                    <tr>
                        <td width="600" align="center">
                            <table align="center" width="100%" class="table-inner" border="0" cellspacing="0" cellpadding="0">
                                <tr>
                                    <td align="center">
                                        <table align="center" width="90%" border="0" cellspacing="0" cellpadding="0">
                                            <tr>
                                                <td height="30"></td>
                                            </tr>
                                            <!--title-->
                                            <tr>
                                                <td align="center" style="font-family: 'Century Gothic', Arial, sans-serif; color:#4A4A4A; font-size:30px;letter-spacing:1px;">
                                                    Olá, <span style="font-weight: bold;">Esdras Cruz</span>!
                                                </td>
                                            </tr>
                                            <!--end title-->
                                            <!--content-->
                                            <tr>
                                                <td align="center" style="font-family: 'Open Sans', Arial, sans-serif; color:#9B9B9B; font-size:15px;line-height: 28px;">
                                                    <p>Ficamos felizes que tenha escolhido os serviços da Newash.</p>
                                                    <p>Valor total</p>
                                                </td>
                                            </tr>
                                            <!--end content-->
                                            <!--title-->
                                            <tr>
                                                <td align="center" style="font-family: 'Century Gothic', Arial, sans-serif; color:#4A4A4A; font-size:30px;letter-spacing:1px;">
                                                    <span style="font-weight: bold;">R$ 20,00</span>
                                                </td>
                                            </tr>
                                            <!--end title-->
                                            <tr>
                                                <td height="10"></td>
                                            </tr>
                                            <!--dash-->
                                            <tr>
                                                <td align="center">
                                                    <table bgcolor="#41B5B0" style="border-radius:5px;" width="25" border="0" align="center" cellpadding="0" cellspacing="0">
                                                        <tr>
                                                            <td height="4px" style="font-size: 0px;line-height: 0px;">&nbsp;</td>
                                                        </tr>
                                                    </table>
                                                </td>
                                            </tr>
                                            <!--end dash-->
                                            <tr>
                                                <td height="10"></td>
                                            </tr>
                                            <!--content-->
                                            <tr>
                                                <td align="center" style="font-family: 'Open Sans', Arial, sans-serif; color:#9B9B9B; font-size:15px;line-height: 28px;">
                                                    <p>
                                                        Porta escolhida: G <br>
                                                        3 peças <br>
                                                        Prazo: 2 dias úteis
                                                    </p>
                                                </td>
                                            </tr>
                                            <!--end content-->
                                        </table>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
        <tr>
            <td height="20"></td>
        </tr>
    </table>
    <!--end 1/1 content-->    

    {{-- status do pedido --}}
    <table bgcolor="#F8F8F8" align="center" width="100%" border="0" cellspacing="0" cellpadding="0">
        <tbody>
            <tr>
                <td align="center">
                    <table align="center" border="0" cellpadding="0" cellspacing="0">
                        <tbody>
                            <tr>
                                <td width="602" align="center">
                                        <table align="center" width="100%" class="table-inner" border="0" cellspacing="0" cellpadding="0">
                                        <tbody>
                                            <tr>
                                                <td align="center" style="text-align:center;vertical-align:top;font-size:0;">
                                                    <table width="100%" align="center" border="0" cellpadding="0" cellspacing="0">
                                                        <tbody>
                                                            <tr>
                                                                <td align="center">

                                                                    <!--left-->
                                                                    <div style="display:inline-block;vertical-align:top;">
                                                                        <table align="center" border="0" cellpadding="0" cellspacing="0">
                                                                            <tbody>
                                                                                <tr>
                                                                                    <td width="150" align="center">
                                                                                        <table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
                                                                                            <!--icon-->
                                                                                            <tbody>
                                                                                                <tr>
                                                                                                    <td align="center" style="line-height: 0px;">
                                                                                                        <img style="display:block; line-height:0px; font-size:0px; border:0px;" src="{{ asset('emails/images/circulo.png') }}" alt="img">
                                                                                                    </td>
                                                                                                </tr>
                                                                                                <!--end icon-->
                                                                                                <tr>
                                                                                                    <td height="20"></td>
                                                                                                </tr>
                                                                                                <!--title-->
                                                                                                <tr>
                                                                                                    <td align="center" style="font-family:Open sans, Arial, Sans-serif; font-size:14px; color:#000000;font-weight: bold;">Entrega</td>
                                                                                                </tr>
                                                                                                <!--end title-->
                                                                                                <tr>
                                                                                                    <td height="20"></td>
                                                                                                </tr>
                                                                                            </tbody>
                                                                                        </table>
                                                                                    </td>
                                                                                </tr>
                                                                            </tbody>
                                                                        </table>
                                                                    </div>
                                                                    <!--end left-->

                                                                    <!--middle-->
                                                                    <div style="display:inline-block;vertical-align:top;">
                                                                        <table align="center" border="0" cellpadding="0" cellspacing="0">
                                                                            <tbody>
                                                                                <tr>
                                                                                    <td width="150" align="center">
                                                                                        <table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
                                                                                            <!--icon-->
                                                                                            <tbody>
                                                                                                <tr>
                                                                                                    <td align="center" style="line-height: 0px;">
                                                                                                        <img style="display:block; line-height:0px; font-size:0px; border:0px;" src="{{ asset('emails/images/circulo_vazado.png') }}" alt="img">
                                                                                                    </td>
                                                                                                </tr>
                                                                                                <!--end icon-->
                                                                                                <tr>
                                                                                                    <td height="20"></td>
                                                                                                </tr>
                                                                                                <!--title-->
                                                                                                <tr>
                                                                                                    <td align="center" style="font-family:Open sans, Arial, Sans-serif; font-size:14px; color:#000000;font-weight: bold;">Lavagem</td>
                                                                                                </tr>
                                                                                                <!--end title-->
                                                                                                <tr>
                                                                                                    <td height="20"></td>
                                                                                                </tr>
                                                                                            </tbody>
                                                                                        </table>
                                                                                    </td>
                                                                                </tr>
                                                                            </tbody>
                                                                        </table>
                                                                    </div>
                                                                    <!--end middle-->

                                                                    <!--middle-->
                                                                    <div style="display:inline-block;vertical-align:top;">
                                                                        <table align="center" border="0" cellpadding="0" cellspacing="0">
                                                                            <tbody>
                                                                                <tr>
                                                                                    <td width="150" align="center">
                                                                                        <table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
                                                                                            <!--icon-->
                                                                                            <tbody>
                                                                                                <tr>
                                                                                                    <td align="center" style="line-height: 0px;">
                                                                                                        <img style="display:block; line-height:0px; font-size:0px; border:0px;" src="{{ asset('emails/images/circulo_vazado.png') }}" alt="img">
                                                                                                    </td>
                                                                                                </tr>
                                                                                                <!--end icon-->
                                                                                                <tr>
                                                                                                    <td height="20"></td>
                                                                                                </tr>
                                                                                                <!--title-->
                                                                                                <tr>
                                                                                                    <td align="center" style="font-family:Open sans, Arial, Sans-serif; font-size:14px; color:#000000;font-weight: bold;">Devolução</td>
                                                                                                </tr>
                                                                                                <!--end title-->
                                                                                                <tr>
                                                                                                    <td height="20"></td>
                                                                                                </tr>
                                                                                            </tbody>
                                                                                        </table>
                                                                                    </td>
                                                                                </tr>
                                                                            </tbody>
                                                                        </table>
                                                                    </div>
                                                                    <!--end middle-->

                                                                    <!--right-->
                                                                    <div style="display:inline-block;vertical-align:top;">
                                                                        <table align="center" border="0" cellpadding="0" cellspacing="0">
                                                                            <tbody>
                                                                                <tr>
                                                                                    <td width="150" align="center">
                                                                                        <table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
                                                                                            <!--icon-->
                                                                                            <tbody>
                                                                                                <tr>
                                                                                                    <td align="center" style="line-height: 0px;">
                                                                                                        <img style="display:block; line-height:0px; font-size:0px; border:0px;" src="{{ asset('emails/images/circulo_vazado.png') }}" alt="img">
                                                                                                    </td>
                                                                                                </tr>
                                                                                                <!--end icon-->
                                                                                                <tr>
                                                                                                    <td height="20"></td>
                                                                                                </tr>
                                                                                                <!--title-->
                                                                                                <tr>
                                                                                                    <td align="center" style="font-family:Open sans, Arial, Sans-serif; font-size:14px; color:#000000;font-weight: bold;">Retirada</td>
                                                                                                </tr>
                                                                                                <!--end title-->
                                                                                                <tr>
                                                                                                    <td height="20"></td>
                                                                                                </tr>
                                                                                            </tbody>
                                                                                        </table>
                                                                                    </td>
                                                                                </tr>
                                                                            </tbody>
                                                                        </table>
                                                                    </div>
                                                                    <!--end right-->

                                                                </td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </td>
            </tr>
        </tbody>
    </table>

    {{-- Ficamos felizes --}}
    <table bgcolor="#F8F8F8" align="center" width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
            <td height="20"></td>
        </tr>
        <tr>
            <td align="center">
                <table align="center" border="0" cellpadding="0" cellspacing="0">
                    <tr>
                        <td width="600" align="center">
                            <table bgcolor="" style="" align="center" width="100%" class="table-inner" border="0" cellspacing="0" cellpadding="0">
                                <tr>
                                    <td align="center">
                                        <table align="center" width="90%" border="0" cellspacing="0" cellpadding="0">
                                            <!--content-->
                                            <tr>
                                                <td align="center" style="font-family: 'Open Sans', Arial, sans-serif; color:#9B9B9B; font-size:15px;line-height: 28px;">
                                                    <p>Pode deixar que à partir de agora, cuidaremos das suas roupas com o maior carinho possível :D,</p>
                                                    <p>Encaminharemos um novo e-mail assim que levarmos suas roupas para lavagem. Dessa forma, você conseguirá acompanhar todo o processo, ok?</p>
                                                    <p>
                                                        Se tiver qualquer dúvida, entre em contato conosco. <br>
                                                        <span style="font-weight: bold;">Ficaremos felizes em lhe atender!</span>
                                                    </p>
                                                    
                                                    Abraços,<br>
                                                    <span style="font-weight: bold;">Equipe Newash</span>
                                                </td>
                                            </tr>
                                            <!--end content-->
                                            <tr>
                                                <td height="30"></td>
                                            </tr>
                                        </table>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
        <tr>
            <td height="20"></td>
        </tr>
    </table>

@endsection