{*************************************************************************************/
/*      This file is part of the Thelia package.                                     */
/*                                                                                   */
/*      Copyright (c) OpenStudio                                                     */
/*      email : dev@thelia.net                                                       */
/*      web : http://www.thelia.net                                                  */
/*                                                                                   */
/*      For the full copyright and license information, please view the LICENSE.txt  */
/*      file that was distributed with this source code.                             */
/*************************************************************************************}

{* Set the default translation domain, that will be used by {intl} when the 'd' parameter is not set *}
{default_translation_domain domain='pdf.default'}
{literal}
<style>
    h1, h2, h3, h4 {
        color:#f6993c;
    }

    h1 {
        font-size: 60px;
    }

    h3 {
        font-size: 14px;
    }

    p {
        font-size: 9px;
    }

    p, td {
        color:#58585a;
    }

    li {
        list-style: none;
    }

    footer p{
        color: #bcbdc0;
    }

    <!--
    table {
        border-collapse: collapse;
        width: 100%;
    }

    tr {
        width: 100%;
    }
    .clear {
        padding: 0.5%;
        border-bottom:solid 1px #dddddd;
    }

    .clear-none {
        padding: 0.5%;
    }

</style>
{/literal}
<page backtop="10mm" backleft="10mm" backright="10mm" backbottom="10mm">
    <page_header>
    </page_header>

    <page_footer>
        <table>
            <col style="width: 80%; padding: 3mm; border: none; text-align: left;" />
            <col style="width: 20%; padding: 3mm; border: none; text-align: right;" />
            <tbody>
            <tr>
                <td>
                    <h1 style="color:#58585a;font-size:34px;">{intl l="THANK YOU"}</h1>
                </td>
                <td style="text-align:right;">
                    <h4>{config key="store_name"}</h4>
                </td>
            </tr>
            <tr>
                <td><!-- Insérer ici les mentions légales --></td>
                <td>{intl l="page"} [[page_cu]]/[[page_nb]]</td>
            </tr>
            </tbody>
        </table>
    </page_footer>

{loop name="order.invoice" type="order" id=$order_id customer="*"}
    {loop name="currency.order" type="currency" id=$CURRENCY}
    {assign "orderCurrency" $SYMBOL}
    {/loop}

<table style="padding-top: 5mm;">
    <col style="width: 50%;" />
    <col style="width: 50%;" />

    <tr >
        <td colspan="2">
            <h1>{intl l="DELIVERY"}</h1>
        </td>
    </tr>
    <tr>
        <td colspan="2">
            <h3>{intl l="Invoice date"}</h3>
            <p>{format_date date=$INVOICE_DATE}</p>
        </td>
    </tr>
    <tr>
        <td colspan="2">
            <h3>{intl l="Invoice REF"}</h3>
            <p>{$REF}</p>
        </td>
    </tr>
    <tr>
        <td colspan="2">
            <h3>{intl l="Custmer Number"}</h3>
            <p>{loop type="customer" name="customer.invoice" id=$CUSTOMER current="0"}{$REF}{/loop}</p>
        </td>
    </tr>

    <tr>
        <td class="clear" colspan="2"></td>
        <td class="clear"></td>
    </tr>
    <tr>
        <td class="clear-none" colspan="2"></td>
        <td class="clear-none"></td>
    </tr>

    <tr>
        <td style="border-left:solid 3px #f6993c;" >
            <h3 style="margin-left:1%">{intl l="delivery adress"}</h3>
            <p style="margin-left:1%">
                {loop type="order_address" name="delivery_address" id=$DELIVERY_ADDRESS}
                {loop type="title" name="order-invoice-address-title" id=$TITLE}{$LONG}{/loop}{$FIRSTNAME} {$LASTNAME}<br />
                {$ADDRESS1} {$ADDRESS2} {$ADDRESS3}<br />
                {$ZIPCODE} {$CITY}<br/>
                {loop type="country" name="country_delivery" id=$COUNTRY}{$TITLE}{/loop}
                {/loop}
            </p>
        </td>
        <td style="border-left:solid 3px #f6993c;">
            <h3 style="margin-left:1%">{intl l="invoice address"}</h3>
            <p style="margin-left:1%">
                {loop type="order_address" name="delivery_address" id=$INVOICE_ADDRESS}
                {loop type="title" name="order-invoice-address-title" id=$TITLE}{$LONG}{/loop}{$FIRSTNAME} {$LASTNAME}<br />
                {$ADDRESS1} {$ADDRESS2} {$ADDRESS3}<br />
                {$ZIPCODE} {$CITY}<br/>
                {loop type="country" name="country_delivery" id=$COUNTRY}{$TITLE}{/loop}
                {/loop}
            </p>
        </td>
    </tr>
    </table>

    <table style="padding-top: 5mm;">
        <col style="width: 40%; padding: 3mm;" />
        <col style="width: 40%; padding: 3mm;" />
        <col style="width: 20%; padding: 3mm;" />
        <tr>
            <td style="border:solid 1px #dddddd;background:#f1f3f4;" >
                <h3 style="color:#58585a;">{intl l="Ref"}</h3>
            </td>
            <td style="border:solid 1px #dddddd;background:#f1f3f4;">
                <h3 style="color:#58585a;">{intl l="product"}</h3>
            </td>
            <td style="border:solid 1px #dddddd;background-color:#f6993c;">
                <h3 style="color:white;">{intl l="Quantity"}</h3>
            </td>
        </tr>
        {loop type="order_product" name="order-products" order=$ID}
        <tr>
            <td style="border:solid 1px #dddddd;">
                <p>{$REF}</p>
            </td>
            <td style="border:solid 1px #dddddd;">
                <p>{$TITLE}</p>
            </td>
            <td style="border:solid 1px #dddddd;">
                <p>{$QUANTITY}</p>
            </td>
        </tr>
        {/loop}

    <tr>
        <td style="border-left:solid 3px #f6993c;padding-top: 2mm">
            <h3>{intl l='Delivery module'}</h3>
            <p>{$DELIVERY_REF}</p>
        </td>
    </tr>
    <tr>
        <td class="clear-none"></td>
    </tr>

</table>
{/loop}
</page>