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

{yes_admin_page_menu main_title=$HEADING_TITLE buttons=$PAGE_HEADING_MENU_BUTTONS}
<style>
{literal}
table#tax-rates-table tbody td button{
    font-size: 0.8em;
    padding: 3px;
}
{/literal}
</style>

<script>

var TEXT_INFO_HEADING_EDIT_TAX_RATE = '{$TEXT_INFO_HEADING_EDIT_TAX_RATE}';
var TAX_RATE_DELETE_CONFIRM = '{$TAX_RATE_DELETE_CONFIRM}';
{literal}
$(function(){
    $('.substring').each(function(){
        let substr_length = $(this).data('length');
        let substr_text = $(this).text();
        if(substr_text.length > substr_length){
            $(this).attr('title',substr_text);
            substr_text = substr_text.substring(0,substr_length)+'...';
            $(this).text(substr_text);
        }
    });
    $('button.delete_tax_rate').each(function(){
        $(this).on('click',function(){
            var id = $(this).data('tax_rate_id');
            if(confirm(TAX_RATE_DELETE_CONFIRM)){
                window.location.href = '?action=deleteconfirm&id='+id;
            }
        });
    });
    $('button.edit_tax_rate').each(function(){
        $(this).on('click',function(){
            $('#modal_window').dialog({
                title: TEXT_INFO_HEADING_EDIT_TAX_RATE,
                width: 'auto',
                height: 'auto',
                modal: true,
            }).load('?action=edit&id='+$(this).data('tax_rate_id'));
        });
    });
    if($('#upload_div').length){
        $('#upload_div').dialog({
            title:'Import',
            width: 'auto',
            height: 'auto',
            modal: true
        });
    }
});


{/literal}
</script>

{if $IMPORT}
<div id="upload_div">
    <form enctype="multipart/form-data" action="?action=import_upload" method="post">
        <fieldset>
            <legend>{$TEXT_IMPORT_TAX_ALLOCATION_FILE}</legend>
            <input type="file" name="import_file" />
            <input type="submit" value="Import" class="ui-button ui-corner-all ui-state-highlight"/>
        </fieldset>        
    </form>
</div>
{/if}

<form>
    <fieldset>
        <label for="search_tax_rates">
            {$TEXT_SEARCH_COUNTRY_ALLOCATION}
        </label>
        {$INPUT_SEARCH_COUNTRY_ALLOCATION}
        <input type="submit" value="{#search#}" class="ui-button ui-corner-all ui-state-default" />
    </fieldset>
</form>
<table class="yesListTable" id="tax-rates-table">
    <thead>
        <tr>
            <th>{$TABLE_HEADING_TAX_RATE_PRIORITY}</th>
            <th>{$TABLE_HEADING_TAX_RATE_NAME}</th>
            <th>{$TABLE_HEADING_TAX_CLASS_TITLE}</th>
            <th>{$TABLE_HEADING_ZONE}</th>
            <th>{$TABLE_HEADING_TAX_RATE}</th>
            <th>{$TABLE_HEADING_ACTION}</th>
        </tr>
    </thead>
    <tfoot>
        <tr>
            <th colspan="6">{$PAGING}</th>
        </tr>
    </tfoot>
    <tbody>
    {foreach from=$rates item=rate}
        <tr data-tax_rate_id="{$rate.tax_rate_id}">
                <td class="priority">{$rate.tax_priority}</td>
                <td class="name">{$rate.tax_class_name}</td>
                <td class="description">{$rate.tax_class_title}</td>
                <td class="zone_name"><span class="geo_zone_name">{$rate.geo_zone_name}</span>
                    <br /><span style="font-style: italic;font-size: 0.8em;" data-length="70" class="substring">{$rate.countries}</span></td>
                <td class="rate">{$rate.tax_rate}%</td>
                <td>
                    <button data-tax_rate_id="{$rate.tax_rate_id}" class="ui-button ui-corner-all edit_tax_rate">{#edit#}</button>
                    <button data-tax_rate_id="{$rate.tax_rate_id}" class="ui-button ui-corner-all ui-state-error delete_tax_rate">{#delete#}</button>
                </td>
        </tr>
    {/foreach}
    </tbody>
</table>