@extends('layout.mail')

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

@section('title')
    Dziękujęmy za <br> zamówienie
@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, pudełka
                                                        </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>
@endsection