{config_load file=$language_path section="general"}

<script>
    var TEXT_INVOICE_REASON = '{$TEXT_INVOICE_REASON}';
    var TEXT_PAYMENT_TARGET = '{$TEXT_PAYMENT_TARGET}';
    var text_edit = '{#edit#}';
    var diID = parseInt('{$invoice.info.id}');
    $(function(){
        $('a#quick_edit_reasons_title').on('click',function(){
            $('#modal_window').dialog({
                modal: true,
                title: TEXT_INVOICE_REASON+' '+text_edit,
                width: 'auto',
                height: 'auto'
            }).load('distributor_invoices.php?action=quick_edit_reason&diID='+diID);
        });
        $('a#quick_edit_payment_target').on('click',function(){
            $('#modal_window').dialog({
                modal: true,
                title: TEXT_PAYMENT_TARGET+' '+text_edit,
                width: 'auto',
                height: 'auto'
            }).load('distributor_invoices.php?action=quick_edit_payment_target&diID='+diID);
        });
    });
    function update_reason(){
        let reason_id = $('form[name="di_reason_form"] select[name="reason"]').val();
        $.ajax({
            url: $('form[name="di_reason_form"]').attr('action')+'&reasons_id='+reason_id,
            dataType: 'json',
            success: function(json){
                let new_reason = (reason_id !== '')?json.REASON:'<i>Nicht angegeben</i>';
                $('#reasons_title').html(new_reason);
                $('#modal_window').dialog('destroy');
                alert(json.MSG);
            },
            error: function(xhr){
                alert('Cant update distributur invoice reason '+reason_id);
            }
        });
    }
    function update_payment_target(){
        let payment_target = $('form[name="di_payment_target_form"] input[name="payment_target"]').val();
        $.ajax({
            url: $('form[name="di_payment_target_form"]').attr('action')+'&payment_target='+payment_target,
            dataType: 'json',
            success: function(json){
                let new_payment_target = (payment_target !== '')?json.PAYMENT_TARGET:'<i>Nicht angegeben</i>';
                $('#payment_target_container').html(new_payment_target);
                $('#modal_window').dialog('destroy');
                alert(json.MSG);
            },
            error: function(xhr){
                alert('Cant update distributur invoice payment target '+payment_target);
            }
        });
    }
</script>


{if $SHOW_HEADER == 1}
    {yes_admin_page_menu main_title=$HEADING_TITLE buttons=$PAGE_HEADING_MENU_BUTTONS additional_title=$ADDITIONAL_TITLE}
{else}
    {if $listingmode}
    <table border="0" cellpadding="2" cellspacing="0" width="100%">
    <tr class="dataTableHeadingRow">
	    <td class="dataTableHeadingContent">Re-Nr</td>
	    <td class="dataTableHeadingContent">Lieferant</td>
	    <td class="dataTableHeadingContent">Angelegt</td>
	    <td class="dataTableHeadingContent">Status</td>
	    <td class="dataTableHeadingContent">Typ</td>
	    <td class="dataTableHeadingContent">Buchungsklasse</td>
	    <td class="dataTableHeadingContent" align="right">Re-Betrag</td>
	    <td class="dataTableHeadingContent" align="right">Bezahlt</td>
	    <td class="dataTableHeadingContent">&nbsp;</td>
    </tr>
    {foreach name=blah item=invoice from=$invoices}
    <tr {if !$invoice.selected}{$invoice.mouseover}{/if} class="{if $invoice.selected}dataTableRowSelected{else}dataTableRow{/if}">
	    <td class="dataTableContent">{$invoice.distributor_invoices_id}</td>
	    <td class="dataTableContent">{$invoice.distributor_name}</td>
	    <td class="dataTableContent">{$invoice.date_created|date_format:"%d.%m.%Y"}</td>
	    <td class="dataTableContent">{$invoice.status_name}</td>
	    <td class="dataTableContent">{$invoice.type_name}&nbsp;</td>
	    <td class="dataTableContent">{$invoice.reasons_name}&nbsp;</td>
	    <td class="dataTableContent" align="right">{$invoice.total|string_format:"%.2f"}</td>
	    <td class="dataTableContent" align="right">{$invoice.installments_total|string_format:"%.2f"}</td>
	    <td class="dataTableContent" align="right">{if $invoice.selected}<img src="images/icon_arrow_right.gif" border="0">{else}{$invoice.select_link}{/if}</td>
    </tr>
    {/foreach}
    {if $to_pay}
    <tr>
	    <td colspan="5" align="right"><b>Offene Summen:</b></td>
	    <td align="right"><b>{$to_pay|string_format:"%.2f"}</b></td>
	    <td>&nbsp;</td>
    </tr>
    {/if}
    <tr>
	    <td colspan="7" align="center">{$navi}</td>
    </tr>
    </table>

    {else}

    <script type="text/javascript">
    <!--
    var JS_CONFIRM_REALLY_DELETE_INSTALLMENT = '{$JS_CONFIRM_REALLY_DELETE_INSTALLMENT}';
    var JS_PROMPT_STATUS_COMMENT = '{$JS_PROMPT_STATUS_COMMENT}';
    var JS_ERROR_MISSING_COMMENT = '{$JS_ERROR_MISSING_COMMENT}';
    var TEXT_NO_STATUS_CHANGE = '{$TEXT_NO_STATUS_CHANGE}';
    {literal}
    function really_delete_installment(mylink){
	    yes = confirm(JS_CONFIRM_REALLY_DELETE_INSTALLMENT);
	    if(yes)
		    window.location.href=mylink;
    }
    function change_invoice_status(){
	    new_status = document.forms['change_status'].status_select.value;
	    old_status = document.forms['change_status'].old_status.value;
	    if(new_status != old_status){
		    comm = prompt(JS_PROMPT_STATUS_COMMENT);
		    if(comm != '' && comm.length > 2){
			    document.forms['change_status'].comm.value=comm;
			    document.forms['change_status'].submit();
		    }else{
			    alert(JS_ERROR_MISSING_COMMENT);
		    }
	    }else{
		    alert(TEXT_NO_STATUS_CHANGE);
	    }
    }
    {/literal}
    //-->
    </script>
        
<div class="ui-widget" style="padding: 2px;width: 98%;">
    <b>{#address#}</b>
    <table class="yes-ui-table">
        <tbody>
            <tr>
                    <td width="250">{#name#}</td><td>{$invoice.addressdata.name}&nbsp;</td>
            </tr>
            <tr>
                    <td>{#street#}</td><td>{$invoice.addressdata.street_address}&nbsp;</td>
            </tr>
            <tr>
                    <td>{#postcode#} {#city#}</td><td>{$invoice.addressdata.postcode}&nbsp;{$invoice.addressdata.city}</td>
            </tr>
            <tr>
                    <td>{#country#}</td><td>{$invoice.addressdata.country}&nbsp;</td>
            </tr>
            <tr>
                    <td>{#telephone#}</td><td>{$invoice.addressdata.telephone}&nbsp;</td>
            </tr>
            <tr>
                    <td>{#email_address#}</td><td>{$invoice.addressdata.email_address}&nbsp;</td>
            </tr>
        </tbody>
    </table>
    <br />
    <table class="yes-ui-table" style="width:500px">
        <tbody>
            <tr>
                    <td width="250"><b>{#date_added#}:</b></td>
                    <td>{$invoice.info.date_created|date_format:"%d.%m.%Y"}</td>
            </tr>
            <tr>
                    <td><b>{#date_last_modified#}:</b></td>
                    <td>{$invoice.info.last_modified|date_format:"%d.%m.%Y"}</td>
            </tr>
            <tr>
                    <td><b>{$TEXT_PAYMENT_TARGET}:</b></td>
                    <td>
                        <span id="payment_target_container">{if $invoice.info.payment_target > 0}{$invoice.info.payment_target|date_format:"%d.%m.%Y"}{else}<i>Nicht angegeben</i>{/if}</span>
                        <a href="javascript:;" id="quick_edit_payment_target">{icon type="edit" title=$TEXT_PAYMENT_TARGET}</a>
                    </td>
            </tr>
            <tr>
                    <td><b>{$TEXT_ORDER_DATE_CREATED}:</b></td>
                    <td>{if $invoice.info.from_date > 0}{$invoice.info.from_date|date_format:"%d.%m.%Y"}{else}<i>Nicht angegeben</i>{/if}</td>
            </tr>
            <tr>
                    <td><b>{$TEXT_DISTRIBUTOR_INVOICE_NUMBER}:</b>&nbsp;</td>
                    <td>{if $invoice.info.original_invoice_id != ''}{$invoice.info.original_invoice_id}{else}<i>Nicht angegeben</i>{/if}</td>
            </tr>
            <tr>
                    <td><b>{$TEXT_INVOICE_REASON}:</b></td>
                    <td>
                        <span id="reasons_title">{if $invoice.info.reasons_title != ''}{$invoice.info.reasons_title}{else}<i>Nicht angegeben</i>{/if}</span>
                        <a href="javascript:;" id="quick_edit_reasons_title">{icon type="edit" title=$TEXT_INVOICE_REASON}</a>
                    </td>
            </tr>
            {if $invoice.info.distributor_orders_id}
            <tr>
                    <td><b>{$TEXT_DISTRIBUTOR_ORDER_NUMBER}:</b></td>
                    <td>{$invoice.info.distributor_orders_id}</td>
            </tr>
            {/if}
        </tbody>
    </table>

    <br />
    <p><b>{$TEXT_INVOICE_POSITIONS}</b></p>
    <table class="yes-ui-table" border="0">
    {if $invoice.entries}
        <thead>
            <tr class="ui-widget-header">
                    <th colspan="3">{$TEXT_INVOICE_POSITION}</th>
                    <th align="right">{#single_price#}</th>
                    <th align="right">{#tax#}</th>
                    <th align="right">{#single_price#} Netto</th>
                    <th align="right">{#total_value#}</th>
            </tr>
        </thead>
        <tbody>
    {foreach name=blahs item=entry from=$invoice.entries}
            <tr>
                    <td align="right">{$entry.qty} x</td>
                    <td colspan="2">{$entry.title}</td>
                    <td align="right">{$entry.price|string_format:"%.2f"}</td>
                    <td align="right">{$entry.tax}%</td>
                    <td align="right">{$entry.price_netto|string_format:"%.2f"}</td>
                    <td align="right">{$entry.total|string_format:"%.2f"} {$invoice.info.currency}</td>
            </tr>
    {/foreach}
        </tbody>
    {/if}
    {if $invoice.products}
        <thead>
            <tr class="ui-widget-header">
                    <th colspan="2">{#product#}</th>
                    <th>{#products_model#}</th>
                    <th align="right">{#single_price#}</th>
                    <th align="right">{#tax#}</th>
                    <th align="right">{#single_price#} Netto</th>
                    <th align="right">{#total_value#}</th>
            </tr>
        </thead>
        <tbody>
    {foreach name=blahs item=product from=$invoice.products}
            <tr>
                    <td align="right">{$product.qty} x</td>
                    <td><a href="{$product.link}"><u>{$product.name}</u></a>
                    {if $product.distributor_link != ''}<a href="{$product.distributor_link}" target="_blank" title="{$TEXT_DISPLAY_EXTERN_PRODUCT_LINK}"><img src="images/icon_arrow_right.gif" border="0"></a>{/if}
                    </td>
                    <td>[ID {$product.id}] {$product.model}</td>
                    <td align="right">{$product.price|string_format:"%.2f"} {$invoice.info.currency}</td>
                    <td align="right">{$product.tax|string_format:"%.2f"}%</td>
                    <td align="right">{$product.price_netto|string_format:"%.2f"} {$invoice.info.currency}</td>
                    <td align="right">{$product.final_price|string_format:"%.2f"} {$invoice.info.currency}</td>
            </tr>
    {/foreach}
        </tbody>
    {/if}
    </table>
    <hr noshade="noshade" />
    <table class="yes-ui-table">
        <tbody>
            {foreach name=blaht item=total from=$invoice.totals}
            <tr>
                    <td align="right">{$total.title}</td>
                    <td align="right" width="250">{$total.text}</td>
            </tr>
            {/foreach}
            <tr>
                    <td align="right"><font color="#ff0000"><b>{$TEXT_AMOUNT_TO_PAY}:</b></font></td>
                    <td align="right"><font color="#ff0000">{$to_pay_total|string_format:"%.2f"} {$invoice.info.currency}</font></td>
            </tr>
        </tbody>
    </table>
    {if $invoice.info.invoice_type == 'installment'}
    <br />
    <p><b>{$TEXT_UEBERWEISUNGEN}</b></p><a name="add"></a><a name="edit"></a>
    <table class="yes-ui-table">
        <thead>
        {if $invoice.installments}
            <tr class="ui-widget-header">
                <th>{#date#}</th>
                <th>{#payment_method#}</th>
                <th align="right">{#amount#}</th>
                <th width="50">&nbsp;</th>
            </tr>
        </thead>
        <tfoot>
            {if $invoice.installments.0}
        <tr>
                <td colspan="2" align="right"><b>{#total_value#}</b></td>
                <td align="right"><b>{$installments_total|string_format:"%.2f"} {$invoice.info.currency}</b></td>
                <td align="right">&nbsp;</td>
        </tr>
            {else}
        <tr>
                <td colspan="4"><i>{$TEXT_NO_SAVED_UEBERWEISUNGEN}</i></td>
        </tr>
            {/if}
        </tfoot>
        <tbody>
            {foreach name=blahd item=installment from=$invoice.installments}
                {if $installment.edit}
                            {$installment.form}
                {/if}
            <tr>
                <td>{$installment.date_payment|date_format:"%d.%m.%Y"}</td>
                <td>
                {if $installment.edit}
                    {$installment.payment_method_input}
                {else}
                    {$installment.payment_method}
                {/if}
                </td>
                <td align="right">
                {if $installment.edit}
                    {$installment.installment_input}
                {else}
                    {$installment.installment|string_format:"%.2f"} {$invoice.info.currency}
                {/if}
                </td>
                <td align="right">
                {if $installment.edit}
                    <input type="image" src="images/icon_save.gif" alt="{#save#}" title="{#save#}" border="0">
                {else}
                    <a href="{$installment.edit_link}"><img src="images/icons/icon_edit.gif" alt="{#edit#}" title="{#edit#}" border="0"></a>
                    &nbsp;
                    <a href="javascript:really_delete_installment('{$installment.delete_link}');"><img src="images/icons/cross.gif" alt="{$TEXT_DELETE_INSTALLMENT}" title="{$TEXT_DELETE_INSTALLMENT}" border="0"></a>
                {/if}
                </td>
            </tr>
                {if $installment.edit}
        </form>
                {/if}
            {/foreach}
        </tbody>
        {/if}
    </table>
        {if !$add_installment}
    <a href="{$add_installment_link}"><img src="images/plus.gif" border="0" alt="{$TEXT_ADD_INSTALLMENT}" title="{$TEXT_ADD_INSTALLMENT}"></a>
    <a href="{$add_installment_link}"><u>{$TEXT_ADD_INSTALLMENT}</u></a>
        {/if}

        {if $add_installment}
    <table class="yes-ui-table">
        <tbody>
            <tr class="ui-widget-header ui-state-highlight">
                    <td colspan="5">{$TEXT_ADD_INSTALLMENT}</td>
            </tr>
            {$add_installment_form}
            <tr>
                <td><b>{#payment_method#}</b><br>({$TEXT_PAYMENT_METHOD_INTRO})</td>
                <td valign="top">{$add_installment_payment_method_input}</td>
                <td valign="top"><b>{#amount#}</b></td>
                <td valign="top">{$add_installment_installment_input}</td>
                <td valign="top"><input type="image" src="images/icon_save.gif" alt="{#save#}" title="{#save#}" border="0"></td>
            </tr>
            </form>
        </tbody>
    </table>
        {/if}
    {/if} <!-- EOF if $invoice.installments //-->

    {$PRINT_BUTTON}

    <br />
    {$edit_status_form}
    <table class="yes-ui-table" style="width: 500px;">
        <tbody>
    {$invoice_edit_old_status}
            <tr class="ui-widget-header">
                    <td><b>{$TEXT_CHANGE_DISTRIBUTOR_INVOICE_STATUS_CURRENT_STATUS}:</b></td>
                    <td colspan="2">{$invoice.info.status_title}</td>
            </tr>
            <tr>
                    <td><b>{$TEXT_CHANGE_DISTRIBUTOR_INVOICE_STATUS_NEW_STATUS}:</b></td>
                    <td>{$invoice_edit_status_input}</td>
                    <td><input type="button" value="{$BUTTON_CHANGE_DISTRIBUTOR_INVOICE_STATUS}" onClick="change_invoice_status();">
            </tr>
        </tbody>
    </table>
    <input type="hidden" name="comm">
    </form>

    <br />
    <p><b>{#history#}</b></p>
    <table class="yesListTable_minimal">
        <thead>
            <tr>
                    <th nowrap="nowrap">{#date_added#}</th>
                    <th>{#status#}</th>
                    <th>{#comment#}</th>
                    <th>{#editor#}</th>
            </tr>
        </thead>
        <tbody>
    {foreach name=blah2 item=hist from=$history}
            <tr>
                <td>{$hist.date_added|date_format:"%d.%m.%Y"}</td>
                <td>{$hist.status_name}</td>
                <td>{$hist.comments}</td>
                <td>{$hist.editor_name}</td>
            </tr>
    {/foreach}
        </tbody>
    </table>

    {/if}
{/if}
</div>