@extends('layout.mail')

@section('header-right')
    <strong>Order:</strong> #{{ $order->id }}
@endsection

@section('title')
    Dziękujęmy za <br> zamówienie
@endsection

@section('decription')
    <p style="margin: 0; margin-bottom: 16px;">Dzień dobry, Anna!</p>
    <p style="margin: 0;">Zamówienie zostało złożone! Zaczynamy je
        przetwarzać. Jeszcze tylko szybko potwierdzimy dostępność
        wybranych przez Ciebie produktów, a jeśli wszystko będzie w
        porządku, poinformujemy Cię o wysłaniu Twojej paczki.</p>
@endsection

@section('content')
    <table align="center" border="0" cellpadding="0" cellspacing="0" class="row row-8" role="presentation"
           style="mso-table-lspace: 0pt; mso-table-rspace: 0pt;" width="100%">
        <tbody>
        <tr>
            <td>
                @foreach($order->products as $product)
                    <table align="center" border="0" cellpadding="0" cellspacing="0" class="row-content stack"
                           role="presentation"
                           style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-radius: 0; color: #000; width: 600px; margin: 0 auto;"
                           width="600">
                        <tbody>
                        <tr>
                            <td class="column column-1"
                                style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-weight: 400; text-align: left; padding-left: 30px; vertical-align: top; border-top: 0px; border-right: 0px; border-bottom: 0px; border-left: 0px;"
                                width="33.333333333333336%">
                                <table border="0" cellpadding="0" cellspacing="0" class="html_block block-1"
                                       role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt;"
                                       width="100%">
                                    <tr>
                                        <td class="pad">
                                            <div align="center"
                                                 style="font-family:Verdana, Geneva, sans-serif;text-align:center;">
                                                <img src="{{ env('APP_URL') }}{{ asset($product->preview) }}"
                                                     alt="logo"
                                                     style="width: 100%; padding: 18px; border: 1px solid #111C4E;"/>
                                            </div>
                                        </td>
                                    </tr>
                                </table>
                            </td>
                            <td class="column column-2"
                                style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-weight: 400; text-align: left; padding-left: 30px; padding-right: 30px; vertical-align: top; border-top: 0px; border-right: 0px; border-bottom: 0px; border-left: 0px;"
                                width="66.66666666666667%">
                                <table border="0" cellpadding="0" cellspacing="0" class="heading_block block-1"
                                       role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt;"
                                       width="100%">
                                    <tr>
                                        <td class="pad" style="text-align:center;width:100%;">
                                            <h1 style="margin: 0; color: #111c4e; direction: ltr; font-family: Verdana, Geneva, sans-serif; font-size: 16px; font-weight: 700; letter-spacing: normal; line-height: 150%; text-align: left; margin-top: 0; margin-bottom: 0;">
                                                <span class="tinyMce-placeholder">{{ $product->title }}</span>
                                            </h1>
                                        </td>
                                    </tr>
                                </table>
                                <div class="spacer_block block-2"
                                     style="height:18px;line-height:18px;font-size:1px;"> 
                                </div>
                                <table border="0" cellpadding="0" cellspacing="0" class="html_block block-3"
                                       role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt;"
                                       width="100%">
                                    <tr>
                                        <td class="pad">
                                            <div align="center"
                                                 style="font-family:Verdana, Geneva, sans-serif;text-align:center;">
                                                <table style="color: #64697D; font-size: 13px; line-height: 20px;">
                                                    <tbody>
                                                    <tr>
                                                        <td style="width: 158px; text-align: left;">Długość, m</td>
                                                        <td style="font-weight: bold; vertical-align: baseline;">
                                                            {{ $product->length }}
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td style="width: 158px; text-align: left;">Szerokość, mm
                                                        </td>
                                                        <td style="font-weight: bold; vertical-align: baseline;">
                                                            {{ $product->width }}
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td style="width: 158px; text-align: left;">Ilość w zamówieniu, kartonów
                                                        </td>
                                                        <td style="font-weight: bold; vertical-align: baseline;">5
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td style="width: 158px; text-align: left;">Cena, szt</td>
                                                        <td style="font-weight: bold; vertical-align: baseline;">
                                                            {{ $product->price }}
                                                        </td>
                                                    </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                @endforeach
            </td>
        </tr>
        </tbody>
    </table>
    <table align="center" border="0" cellpadding="0" cellspacing="0" class="row row-9" role="presentation"
           style="mso-table-lspace: 0pt; mso-table-rspace: 0pt;" width="100%">
        <tbody>
        <tr>
            <td>
                <table align="center" border="0" cellpadding="0" cellspacing="0" class="row-content stack"
                       role="presentation"
                       style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-radius: 0; color: #000; width: 600px; margin: 0 auto;"
                       width="600">
                    <tbody>
                    <tr>
                        <td class="column column-1"
                            style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-weight: 400; text-align: left; vertical-align: top; border-top: 0px; border-right: 0px; border-bottom: 0px; border-left: 0px;"
                            width="100%">
                            <table border="0" cellpadding="0" cellspacing="0" class="divider_block block-1"
                                   role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt;"
                                   width="100%">
                                <tr>
                                    <td class="pad"
                                        style="padding-bottom:40px;padding-left:30px;padding-right:30px;padding-top:40px;">
                                        <div align="center" class="alignment">
                                            <table border="0" cellpadding="0" cellspacing="0"
                                                   role="presentation"
                                                   style="mso-table-lspace: 0pt; mso-table-rspace: 0pt;"
                                                   width="100%">
                                                <tr>
                                                    <td class="divider_inner"
                                                        style="font-size: 1px; line-height: 1px; border-top: 1px solid #111C4E;">
                                                        <span> </span></td>
                                                </tr>
                                            </table>
                                        </div>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </td>
        </tr>
        </tbody>
    </table>
    <table align="center" border="0" cellpadding="0" cellspacing="0" class="row row-10" role="presentation"
           style="mso-table-lspace: 0pt; mso-table-rspace: 0pt;" width="100%">
        <tbody>
        <tr>
            <td>
                <table align="center" border="0" cellpadding="0" cellspacing="0" class="row-content stack"
                       role="presentation"
                       style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-radius: 0; color: #000; width: 600px; margin: 0 auto;"
                       width="600">
                    <tbody>
                    <tr>
                        <td class="column column-1"
                            style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-weight: 400; text-align: left; padding-left: 30px; vertical-align: top; border-top: 0px; border-right: 0px; border-bottom: 0px; border-left: 0px;"
                            width="50%">
                            <table border="0" cellpadding="0" cellspacing="0" class="heading_block block-1"
                                   role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt;"
                                   width="100%">
                                <tr>
                                    <td class="pad" style="padding-bottom:5px;text-align:center;width:100%;">
                                        <h1 style="margin: 0; color: #64697d; direction: ltr; font-family: Verdana, Geneva, sans-serif; font-size: 13px; font-weight: 700; letter-spacing: normal; line-height: 120%; text-align: left; margin-top: 0; margin-bottom: 0;">
                                            Dane klienta:</h1>
                                    </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">
                                        <div
                                            style="color:#64697d;direction:ltr;font-family:Verdana, Geneva, sans-serif;font-size:13px;font-weight:400;letter-spacing:0px;line-height:150%;text-align:left;mso-line-height-alt:19.5px;">
                                            <p style="margin: 0;">{{$order->name}},<br/>{{ $order->email }}<br/>{{ $order->phone }},
                                            </p>
                                        </div>
                                    </td>
                                </tr>
                            </table>
                        </td>
                        <td class="column column-2"
                            style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-weight: 400; text-align: left; padding-right: 30px; vertical-align: top; border-top: 0px; border-right: 0px; border-bottom: 0px; border-left: 0px;"
                            width="50%">
                            <table border="0" cellpadding="0" cellspacing="0" class="heading_block block-1"
                                   role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt;"
                                   width="100%">
                                <tr>
                                    <td class="pad" style="padding-bottom:5px;text-align:center;width:100%;">
                                        <h1 style="margin: 0; color: #64697d; direction: ltr; font-family: Verdana, Geneva, sans-serif; font-size: 13px; font-weight: 700; letter-spacing: normal; line-height: 120%; text-align: left; margin-top: 0; margin-bottom: 0;">
                                            Dane dostawy:<br/></h1>
                                    </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">
                                        <div
                                            style="color:#64697d;direction:ltr;font-family:Verdana, Geneva, sans-serif;font-size:13px;font-weight:400;letter-spacing:0px;line-height:150%;text-align:left;mso-line-height-alt:19.5px;">
                                            <p style="margin: 0;">{{ $order->address }}<br/>{{ $order->shipment }}
                                            </p>
                                        </div>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </td>
        </tr>
        </tbody>
    </table>
    <table align="center" border="0" cellpadding="0" cellspacing="0" class="row row-11" role="presentation"
           style="mso-table-lspace: 0pt; mso-table-rspace: 0pt;" width="100%">
        <tbody>
        <tr>
            <td>
                <table align="center" border="0" cellpadding="0" cellspacing="0" class="row-content stack"
                       role="presentation"
                       style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-radius: 0; color: #000; width: 600px; margin: 0 auto;"
                       width="600">
                    <tbody>
                    <tr>
                        <td class="column column-1"
                            style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-weight: 400; text-align: left; vertical-align: top; border-top: 0px; border-right: 0px; border-bottom: 0px; border-left: 0px;"
                            width="100%">
                            <div class="spacer_block block-1"
                                 style="height:34px;line-height:34px;font-size:1px;"> 
                            </div>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </td>
        </tr>
        </tbody>
    </table>
    <table align="center" border="0" cellpadding="0" cellspacing="0" class="row row-12" role="presentation"
           style="mso-table-lspace: 0pt; mso-table-rspace: 0pt;" width="100%">
        <tbody>
        <tr>
            <td>
                <table align="center" border="0" cellpadding="0" cellspacing="0" class="row-content stack"
                       role="presentation"
                       style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-radius: 0; color: #000; width: 600px; margin: 0 auto;"
                       width="600">
                    <tbody>
                    <tr>
                        <td class="column column-1"
                            style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-weight: 400; text-align: left; padding-left: 30px; padding-right: 30px; vertical-align: top; border-top: 0px; border-right: 0px; border-bottom: 0px; border-left: 0px;"
                            width="100%">
                            <table border="0" cellpadding="0" cellspacing="0" class="html_block block-1"
                                   role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt;"
                                   width="100%">
                                <tr>
                                    <td class="pad">
                                        <div align="center"
                                             style="font-family:Verdana, Geneva, sans-serif;text-align:center;">
                                            <a href="{{ env('APP_URL') }}" style="
        width: fit-content;
        display: flex;
        align-items: center;
        background-color: #f3c69c;
        color: #111c4e;
        padding: 18px 35px;
        text-decoration: none;
      ">
                                                Kontynuj zakupy
                                                <img src="{{ env('APP_URL') }}/front/dist/img/email/icon-arrow.png" style="padding-left: 10px;" alt="icon"/>
                                            </a></div>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </td>
        </tr>
        </tbody>
    </table>
@endsection

@section('footer')
    <div class="spacer_block block-1"
         style="height:40px;line-height:40px;font-size:1px;"> 
    </div>
    <table border="0" cellpadding="0" cellspacing="0" class="heading_block block-2"
           role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt;"
           width="100%">
        <tr>
            <td class="pad" style="text-align:center;width:100%;">
                <h1 style="margin: 0; color: #ffffff; direction: ltr; font-family: Verdana, Geneva, sans-serif; font-size: 13px; font-weight: 700; letter-spacing: normal; line-height: 150%; text-align: left; margin-top: 0; margin-bottom: 0;">
                    W razie pytań lub wątpliwości skontaktuj się z nami:</h1>
            </td>
        </tr>
    </table>
    <div class="spacer_block block-3"
         style="height:20px;line-height:20px;font-size:1px;"> 
    </div>
    <table border="0" cellpadding="0" cellspacing="0" class="paragraph_block block-4"
           role="presentation"
           style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word;"
           width="100%">
        <tr>
            <td class="pad">
                <div
                    style="color:#ffffff;direction:ltr;font-family:Verdana, Geneva, sans-serif;font-size:13px;font-weight:400;letter-spacing:0px;line-height:150%;text-align:left;mso-line-height-alt:19.5px;">
                    <p style="margin: 0;"><strong>E-mail:</strong> biuro@investpack.pl<br/><strong>Telefon:</strong>
                    +48575469057 (koszt zgodny z taryfą Twojego operatora)</p>
                </div>
            </td>
        </tr>
    </table>
    <div class="spacer_block block-5"
         style="height:20px;line-height:20px;font-size:1px;"> 
    </div>
    <table border="0" cellpadding="0" cellspacing="0" class="paragraph_block block-6"
           role="presentation"
           style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word;"
           width="100%">
        <tr>
            <td class="pad">
                <div
                    style="color:#ffffff;direction:ltr;font-family:Verdana, Geneva, sans-serif;font-size:13px;font-weight:400;letter-spacing:0px;line-height:150%;text-align:left;mso-line-height-alt:19.5px;">
                    <p style="margin: 0;">Ta wiadomość została wygenerowana
                        automatycznie. Prosimy na nią nie odpowiadać.Administratorem
                        Państwa danych osobowych jest Invest Pack SP Sp. z o.o., ul.
                        Domaniewska 39, 02-672 Warszawa. Pełna informacja o
                        przetwarzaniu Państwa danych, w tym cele tego przetwarzania,
                        znajdują się na stronie <a
                            href="https://investpack.pl/polityka-prywatnosci"
                            rel="noopener"
                            style="text-decoration: underline; color: #ffffff;"
                            target="_blank">https://investpack.pl/polityka-prywatnosci</a>
                        w zakładce Polityka Prywatności.</p>
                </div>
            </td>
        </tr>
    </table>
    <div class="spacer_block block-7"
         style="height:20px;line-height:20px;font-size:1px;"> 
    </div>
    <table border="0" cellpadding="0" cellspacing="0" class="paragraph_block block-8"
           role="presentation"
           style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word;"
           width="100%">
        <tr>
            <td class="pad">
                <div
                    style="color:#ffffff;direction:ltr;font-family:Verdana, Geneva, sans-serif;font-size:13px;font-weight:400;letter-spacing:0px;line-height:150%;text-align:left;mso-line-height-alt:19.5px;">
                    <p style="margin: 0;">Pozdrawiamy,<br/><strong>Zespół Invest
                            Pack</strong></p>
                </div>
            </td>
        </tr>
    </table>
@endsection