{*************************************************************************************/
/*      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.sterivein'}
{literal}
<style>
    h1, h2, h3, h4 {
        color:#2a98d1;
        margin: .5em 0;
    }

    h1 {
        font-size: 48px;
    }

    h2 {
        font-size: 16px;
    }

    h3 {
        font-size: 14px;
    }

    h4 {
        color:#58585a;
        font-size: 12px;
    }

    p, td {
        color:#58585a;
        font-size: 12px;
    }

    p {
        margin: .5em 0;
    }

    span {
        font-size: 12px;
    }

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

    tr {
        width: 100%;
    }

    td {
        vertical-align: top;
    }

    .table-info h3 {
        font-size: 18px;
        color: #58585a;
        margin-top: 0;
        margin-bottom: 15px;
    }

    .table-info h3 span {
        font-size: 18px;
        color: #2a98d1;
    }

    .table-1 td {
        background: #f1f3f4;
        border:solid 1px #bcbdc0;
    }

    .table-2 td {
        border:solid 1px #bcbdc0;
    }


    .table-3-1, .table-3-2 {
        border: solid 1px #bcbdc0;
    }
    .table-3-1 p {
        font-size: 10px;
    }
    .table-3-2 p {
        font-size: 12px;
        color: #747475;
    }

    .table-3-module h3 {
        margin-top: 1.5em;
    }

    .table-3-module span {
        font-size: 13px;
    }

    .align-left {
        text-align: left;
    }
    .align-center {
        text-align: center;
    }
    .align-right{
        text-align: right;
    }

    .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: 10mm; border: none; text-align: left;" />
            <col style="width: 20%; padding: 10mm; border: none; text-align: right;" />
            <tbody>
            <tr>
                <td>
                    <!-- Imprint -->
                    {config key="store_name"} (M. MONFREUX Alain)
                    {$addresses="{config key="store_address1"} {config key="store_address2"} {config key="store_address3"}"}
                    {$city="{config key="store_zipcode"} {config key="store_city"}"}
                    {if $addresses != "  "}- {$addresses}{/if}
                    {if $city != " " }- {$city}{/if}
                    {if {config key="store_country"} }
                        {loop type="country" name="address.country.title" id={config key="store_country"}} - {$TITLE}{/loop}
                    {/if}
                    <br />
                    {if {config key="store_phone"} }
                        {intl l="Phone: "}{config key="store_phone"} -
                    {/if}
                    {if {config key="store_phone"} }
                        {intl l="Fax: "}{config key="store_fax"} -
                    {/if}
                    {if {config key="store_email"} }
                        {intl l="Email: "} {config key="store_email"}
                    {/if}
                    {*
                    {if {config key="store_business_id"} }
                        <p>
                            SIRET : {config key="store_business_id"}
                            <br />
                            Dispensé d'immatriculation en application de l'article L123-1-1 du code du commerce.
                            <br />
                            TVA non applicable, art. 293 B du CGI.
                        </p>
                    {/if}
                    *}
                </td>
                <td valign="bottom">{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>
        <col style="width: 50%; padding: 0mm;" />
        <col style="width: 50%; padding: 0mm; padding-top: 5mm;" />
        <tr>
            <td>
                <table class="table-info">
                    <col style="width: 100%; padding: 0mm;" />
                    <tr>
                        <td>
                            <h1>{intl l="DELIVERY"}</h1>
                        </td>
                    </tr>
                    <tr>
                        <td><h3>{intl l="Invoice date"} : <span>{format_date date=$INVOICE_DATE}</span></h3></td>
                    </tr>
                    <tr>
                        <td><h3>{intl l="Invoice REF"} : <span>{$REF}</span></h3></td>
                    </tr>
                    <tr>
                        <td><h3>{intl l="Customer Number"} : <span>{loop type="customer" name="customer.invoice" id=$CUSTOMER current="0"}{$REF}{/loop}</span></h3></td>
                    </tr>

                    <tr>
                        <td><h3>{intl l="Order Number"} : <span>{loop name="admin-comment" type="admin_comment" element_key="order" element_id={$ID}}{$COMMENT}{/loop}</span></h3></td>
                    </tr>
                </table>
            </td>
            <td>
                {images file='assets/img/logo-facture.png'}<img src="{$asset_url}" alt="STERIVEIN - Sclerivein"/>{/images}
            </td>
        </tr>
    </table>


    <table class="table-address">
        <col style="width: 50%; padding: 3mm;" />
        <col style="padding: 3mm;" />
        <tr>
            <td style="border-left: solid 1mm #2a98d1;" >
                <h3>{intl l="Delivery address"}</h3>
                <p>
                    {loop type="order_address" name="delivery_address" id=$DELIVERY_ADDRESS}
                        {if ! empty($COMPANY)}{$COMPANY}<br>{/if}
                        {loop type="title" name="order-invoice-address-title" id=$TITLE}
                            {if $LONG != '-'}{$LONG}{/if}
                        {/loop}
                        {if $FIRSTNAME != '-'}{$FIRSTNAME}{/if}
                        {if $LASTNAME != '-'}{$LASTNAME}<br />{/if}
                        {$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 1mm #2a98d1;">
                <h3>{intl l="Invoice address"}</h3>
                <p>
                    {loop type="order_address" name="delivery_address" id=$INVOICE_ADDRESS}
                        {if ! empty($COMPANY)}{$COMPANY}<br>{/if}
                        {loop type="title" name="order-invoice-address-title" id=$TITLE}
                            {if $LONG != '-'}{$LONG}{/if}
                        {/loop}
                        {if $FIRSTNAME != '-'}{$FIRSTNAME}{/if}
                        {if $LASTNAME != '-'}{$LASTNAME}<br />{/if}
                        {$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: 1mm;" />
        <col style="width: 40%; padding: 1mm;" />
        <col style="width: 20%; padding: 1mm;" />
        <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:#2a98d1;">
                <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}
    </table>

    <table style="padding-top: 5mm;">
        <col style="width: 40%; padding: 3mm;" />
        <tr>
            <td  class="table-3-module" style="border-left:solid 3px #2a98d1; padding-top: 2mm">
                <h3>{intl l="Delivery module"}</h3>
                <p>
                    <span>{loop name="delivery-module" type="module" id=$DELIVERY_MODULE}{$TITLE}{/loop}</span>
                </p>
            </td>
        </tr>
        <tr>
            <td class="clear-none"></td>
        </tr>
    </table>
{/loop}
</page>