{$_logo = false}
{if !empty($company.logo_url)}
    {$_logo = $company.logo_url}
{/if}

{if !empty($company.invoice_options) && !empty($company.invoice_options.color)}
    {$_color = $company.invoice_options.color}
{/if}

<div class="c-front-invoice-block type-1">
    <header class="c-block-header c-layout">
        <div class="c-column">
            {* LOGO *}
            {if !empty($_logo)}
                <div class="c-logo">
                    <img src="{$_logo}" alt="">
                </div>
            {/if}
        </div>

        <div class="c-column right">

            {* AUTHOR *}
            <div class="c-author">
                <p class="line">{ifempty($company.name, $invoice.company_id)|escape}</p>
                {if !empty($company.address)}
                    <p class="line">{$company.address|escape|nl2br}</p>
                {/if}
                {if !empty($company.phone)}
                    <p class="line">{$company.phone|escape}</p>
                {/if}
            </div>

        </div>
    </header>

    <section class="c-info-section c-layout fixed">
        <div class="c-column">

            {* CLIENT *}
            <div class="c-billing">
                <div class="c-header" {if !empty($_color)}style="color: {$_color|escape};"{/if}>[`Billed To`]</div>
                <p class="line">
                    {if $customer.company}
                        {$customer.company|escape}
                    {else}
                        {$customer.name|escape}
                    {/if}
                </p>

                {$_city = $customer->get('address:city', 'default')}
                {if $_city}
                    <p class="line">{$_city|escape}</p>
                {/if}
            </div>

        </div>
        <div class="c-column center">

            <div class="c-date-create">
                <div class="c-header" {if !empty($_color)}style="color: {$_color|escape};"{/if}>[`Date of Issue`]</div>
                <p class="line">{$invoice.invoice_date|wa_date}</p>
            </div>

            {if !empty($invoice.due_date)}
                <div class="c-date-due">
                    <div class="c-header" {if !empty($_color)}style="color: {$_color|escape};"{/if}>[`Due Date`]</div>
                    <p class="line">{$invoice.due_date|wa_date}</p>
                </div>
            {/if}

        </div>
        <div class="c-column center">

            <div class="c-number">
                <div class="c-header" {if !empty($_color)}style="color: {$_color|escape};"{/if}>[`Invoice Number`]</div>
                <p class="line">[`#`]{$invoice.number|escape}</p>
            </div>

        </div>
        <div class="c-column right">

            <div class="c-amount-wrapper">
                <div class="c-header" {if !empty($_color)}style="color: {$_color|escape};"{/if}>[`Amount Due`] ({$invoice.currency_id})</div>
                <p class="line c-amount">{$invoice.amount|wa_format_amount_currency:$invoice.currency_id}</p>
            </div>

        </div>
    </section>

    <section class="c-items-section c-border" {if !empty($_color)}style="border-color: {$_color|escape};"{/if}>
        <table>
            <thead>
            <tr>
                <td class="c-header c-number" {if !empty($_color)}style="color: {$_color|escape};"{/if}>№</td>
                <td class="c-header c-name" {if !empty($_color)}style="color: {$_color|escape};"{/if}>[`Product or service`]</td>
                <td class="c-header c-amount right" {if !empty($_color)}style="color: {$_color|escape};"{/if}>[`Qty`]</td>
                <td class="c-header c-price right" {if !empty($_color)}style="color: {$_color|escape};"{/if}>[`Price`]</td>
                <td class="c-header c-total right" {if !empty($_color)}style="color: {$_color|escape};"{/if}>[`Amount`]</td>
            </tr>
            </thead>
            <tbody>
            {$_subtotal = 0}
            {foreach $invoice.items as $_item}
                {$_item_total = ($_item.quantity * $_item.price)}
                <tr>
                    <td class="c-number">
                        <span class="c-field">{$_item@iteration}</span>
                    </td>
                    <td class="c-name">
                        {$_item.name|escape}
                    </td>
                    <td class="c-amount right">
                        {$_item.quantity|wa_format}
                    </td>
                    <td class="c-price right">
                        {$_item.price|wa_format}
                    </td>
                    <td class="c-total right">
                        {$_item_total|wa_format}
                    </td>
                    {$_subtotal = $_subtotal + $_item_total}
                </tr>
            {/foreach}
            </tbody>
            <tfoot>
            <tr>
                <td colspan="4" class="right">[`Subtotal`]</td>
                <td class="c-total right">
                    <span>{$_subtotal|wa_format}</span>
                </td>
            </tr>
            {if ($invoice.tax_type != "NONE")}
                <tr>
                    <td colspan="4" class="right">
                        {$_type = ""}
                        {if ($invoice.tax_type == "INCLUDE")}
                            {$_type = "[`including`]"}
                        {/if}

                        {$_name = "[`tax`]"}
                        {if !empty($invoice.tax_name)}
                            {$_name = $invoice.tax_name}
                        {/if}

                        <span>{if !empty($_type)}{$_type}&nbsp;{/if}{$_name|escape}&nbsp;{$invoice.tax_percent|escape}%</span>
                    </td>
                    <td class="c-total right">
                        <span>{$invoice.tax_amount|wa_format}</span>
                    </td>
                </tr>
            {/if}
            <tr class="c-total-row">
                <td colspan="4" class="right c-border" {if !empty($_color)}style="border-color: {$_color|escape};"{/if}>[`Total`]</td>
                <td class="c-total right c-border" {if !empty($_color)}style="border-color: {$_color|escape};"{/if}>
                    <span class="nowrap c-total">{$invoice.amount|wa_format_amount_currency:$invoice.currency_id}</span>
                </td>
            </tr>
            </tfoot>
        </table>
    </section>

    {if !empty($invoice.comment)}
        <div class="c-comment-wrapper">
            <div class="c-header" {if !empty($_color)}style="color: {$_color|escape};"{/if}>[`Comment`]</div>
            <p>{$invoice.comment|default:""}</p>
        </div>
    {/if}
</div>