{*************************************************************************************/
/*      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:#143058;
        margin: .5em 0;
    }

    h1 {
        font-size: 48px;
    }

    h2 {
        font-size: 16px;
    }

    h3 {
        font-size: 14px;
    }

    h4 {
        color:#ffffff;
        font-size: 12px;
    }
	
    h5 {
        color:#ffffff;
        font-size: 12px;
    }
	
    p, td {
        color:#333333;
        font-size: 10px;
    }

    p {
        margin: .5em 0;
    }

    span {
        font-size: 9px;
    }

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

    tr {
        width: 100%;
    }

    td {
        vertical-align: top;
    }

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

    .table-info h3 span {
        font-size: 18px;
        color: #f6993c;
    }
	
	.table-0 span {
		font-size: 12px;
	}	
    .table-1 td {
        background: #143058;
        border:solid 1px #143058;
    }

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


    .table-3-1, .table-3-2 {
        border: solid 1px #143058;
    }
    .table-3-1 p {
        font-size: 10px;
    }
    .table-3-2 p {
        font-size: 9px;
        color: #333333;
    }

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

    .table-3-module span {
        font-size: 11px;
    }
    .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%;
    }

    {hook name="delivery.css"}
</style>
{/literal}
<page backtop="10mm" backleft="10mm" backright="10mm" backbottom="10mm">
    <page_header>
        {hook name="delivery.header" order=$order_id}
    </page_header>

    <page_footer>
        {hook name="delivery.footer-top" order=$order_id}
        <table>
            <col style="width: 80%; padding: 1mm; border: none; text-align: left;" />
            <col style="width: 20%; padding: 1mm; border: none; text-align: right;" />
            <tbody>
            <tr>
		    	<td>
					{hook name="delivery.imprint" order=$order_id}
					{elsehook rel="delivery.imprint"}
		                <!-- Imprint -->
                    {config key="store_name"}
		                {$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" visible="*" name="address.country.title" id={config key="store_country"}} - {$TITLE}{/loop}
		                {/if}
		                {if {config key="store_business_id"} }
		                - {config key="store_business_id"}
		                {/if}
		                {if {config key="store_phone"} }
		                - {intl l="Phone: "}{config key="store_phone"}
		                {/if}
		                {if {config key="store_email"} }
		                {intl l="Email: "}{config key="store_email"}
		                {/if}

                    {/elsehook}
                </td>
                <td>{intl l="page"} [[page_cu]]/[[page_nb]]</td>
            </tr>
            </tbody>
        </table>
		{hook name="delivery.footer-bottom" order=$order_id}
    </page_footer>

{loop name="order.invoice" type="order" id=$order_id customer="*"}
   <table class="table-info">
        <col style="width: 100%; padding: 0mm;" />
       <tr>
            <td>
               <table style="border: 0mm;">
				<tr>
					<td>
						{$image = {image file='img/logo.png' failsafe=true}}
						<img src="{$image}" alt="{$store_name}">
					</td>
					<td style="vertical-align: middle; padding-left: 100px">
                        <h2>{intl l="DELIVERY"}</h2>
                        <span>{intl l="Invoice date"} : {format_date date=$INVOICE_DATE output="date"}</span>
                        <br />
                        <span>{intl l="Invoice REF"} : {$REF}</span>
                        <br />
                        {loop type="customer" name="customer.invoice" id=$CUSTOMER current="0"}
                        <span>{intl l="Customer Number"} : {$REF}</span>
                        <br />
                        <span>{intl l="Phone"} : {loop type="address" name="phone.default" customer=$ID default="true"}{$PHONE} - {$CELLPHONE}{/loop}</span>
                        <br />
                        <span>{intl l="Email"} : {loop type="address" name="email.default" customer=$ID default="true"}{$EMAIL}{/loop}</span>
                        {/loop}
                        <!--
						<span style="font-size: 7mm; color: #000044;">{config key="store_name"}</span>
						<br />
						<span style="font-size: 3.3mm;">{config key="store_description"}</span>	
					    -->
                    </td>
					</tr>				
				</table>
            </td>
        </tr>
       <!--
        <tr>
            <td>
                <h2>{intl l="DELIVERY"}</h2>
            </td>
        </tr>
        <tr>
            <td>{intl l="Invoice date"} : {format_date date=$INVOICE_DATE output="date"}</td>
        </tr>
        <tr>
            <td>{intl l="Invoice REF"} : {$REF}</td>
        </tr>
		{loop type="customer" name="customer.invoice" id=$CUSTOMER current="0"}
        <tr>
            <td>{intl l="Customer Number"} : {$REF}</td>
        </tr>
        <tr>
            <td>{intl l="Phone"} : {loop type="address" name="phone.default" customer=$ID default="true"}{$PHONE} - {$CELLPHONE}{/loop}</td>
        </tr>
       <tr>
            <td>{intl l="Email"} : {loop type="address" name="email.default" customer=$ID default="true"}{$EMAIL}{/loop}</td>
        </tr>
		{/loop}
		//-->
        {hookblock name="delivery.information" order=$order_id fields="title,value"}
        {forhook rel="delivery.information"}
        <tr>
            <td><h3>{$title} : <span>{$value}</span></h3></td>
        </tr>
        {/forhook}
        {/hookblock}
       <tr>
            <td><br><br></td>
       </tr>
    </table>
	
	{hook name="delivery.after-information" order=$order_id}
	
    <table class="table-0">
        <col style="width: 50%; padding: 3mm; clear: inherit;" />
        <col style="width: 50%; padding: 3mm; clear: inherit;" />
        <tr>
            <td style="border-left: solid 1mm #000044;">
                <h3>{intl l="Delivery address"}</h3>
				{ifhook rel="invoice.delivery-address"}
                    {* delivery module can customize the delivery address *}
                    <span>{hook name="invoice.delivery-address" module={$DELIVERY_MODULE} order=$order_id}</span>
                {/ifhook}
                {elsehook rel="invoice.delivery-address"}                
				    <span>{format_address order_address=$DELIVERY_ADDRESS locale=$locale}</span>
               	{/elsehook}
            </td>
            <td style="border-left: solid 1mm #000044;">
                <h3>{intl l="Invoice address"}</h3>
                <span style="font-size: 7mm;">{format_address order_address=$INVOICE_ADDRESS locale=$locale}</span>
            </td>
        </tr>
    </table>

    {hook name="delivery.after-addresses" order=$order_id}

    <table style="padding-top: 5mm;">
        <col style="width: 23%; padding: 3mm;" />
        <col style="width: 65%; padding: 3mm;" />
        <col style="width: 12%; padding: 3mm;" />
        <tr>
            <td style="border:solid 1px #143058; background:#143058;" >
                <h5 style="color:#ffffff;">{intl l="Ref"}</h5>
            </td>
            <td style="border:solid 1px #143058; background:#143058;">
                <h5 style="color:#ffffff;">{intl l="Product"}</h5>
            </td>
            <td style="border:solid 1px #143058; background-color:#143058;">
                <h5 style="color:#ffffff; text-align:center;">{intl l="Quantity"}</h5>
            </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>
                    {ifloop rel="combinations"}
                    {loop type="order_product_attribute_combination" name="combinations" order_product=$ID}
                        {$ATTRIBUTE_TITLE} - {$ATTRIBUTE_AVAILABILITY_TITLE}<br>
                    {/loop}
                    {/ifloop}
            </td>
            <td style="border:solid 1px #dddddd; text-align:center;">
                <p>{$QUANTITY}</p>
            </td>
        </tr>

            {hook name="delivery.order-product" order="{$order_id}" order_product="{$ID}"}
        {/loop}
    </table>

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

                {hook name="delivery.after-delivery-module" order=$order_id module_id=$DELIVERY_MODULE}
            </td>
        </tr>
        <tr>
            <td class="clear-none"></td>
        </tr>
    </table>

{hook name="delivery.after-summary" order=$order_id}

{/loop}
</page>