{config_load file=$language_path section="general"}
{config_load file=$language_path section="products"}
{yes_admin_page_menu main_title=$HEADING_TITLE buttons=$PAGE_HEADING_MENU_BUTTONS additional_title=$ADDITIONAL_PAGE_TITLE}
<script>
var PAGER_LINK = '{$PAGER_LINK}';
{literal}
$(function(){
    $('select[name="page"]').on('change',function(){
        window.location.href = PAGER_LINK+'&page='+$(this).val();
    });
    $('a.select_all').on('click',function(){
        $('form[name="products_import"] input[name="import[]"]').prop('checked',true);
    });
    $('a.unselect_all').on('click',function(){
        $('form[name="products_import"] input[name="import[]"]').prop('checked',false);
    });
});
{/literal}
</script>
<div id="products">
    {$SEARCH_FORM}
    <table id="product_search">
        <thead>
            <tr>
                <th>{$INPUT_SEARCHMODE} {$INPUT_SEARCH}</th>
                <th><input type="submit" class="ui-button ui-corner-all ui-state-default" value="{#search#}" /></th>
            </tr>
        </thead>
    </table>
    </form>
    {$IMPORT_FORM}
    <table id="product" class="yes-ui-table">
        <thead>
            <tr>
                <th>&nbsp;</th>
                <th>Barcode</th>
                <th>ArticleNumber</th>
                <th>VPE</th>
                <th>{#price#}</th>
                <th>Description</th>
                <th>ProductExtendedDescription</th>
                <th>AvailableStock</th>
            </tr>
        </thead>
        <tfoot>
            <tr>
                <td colspan="8">
                    <input type="submit" value="Import" class="ui-button ui-corner-all ui-state-highlight" />
                    <a href="javascript:;" class="select_all">{#select_all#}</a>
                    <a href="javascript:;" class="unselect_all">{#unselect_all#}</a>
                    
                </td>
            </tr><tr>
                <th colspan="8">
                    {$PAGER_INFO}<br />{#goto_page#} {$PAGES_SELECT}
                </th>
            </tr>
        </tfoot>
        <tbody>
            {foreach from=$PRODUCTS item=Product}
            <tr>
                <td>{if $Product->products_id>0}
                    <a style="padding: 3px;" title="Info pID {$Product->products_id}" href="javascript:;" rel="products.php?action=ajax_view&pID={$Product->products_id}" class="yes_dynamic_tooltip ui-state-default">{$Product->products_id}</a>
                    {else}<input type="checkbox" name="import[]" value="{$Product->ArticleNumber}" />{/if}</td>
                <td>{$Product->Barcode}</td>
                <td>{$Product->ArticleNumber}</td>
                <td>{if $Product->Weight_UnitOfMeasurement != 'stuk'}{$Product->Weight} / {$Product->Weight_UnitOfMeasurement}{/if}</td>
                <td aign="right">{$Product->Price}</td>
                <td>{$Product->Description}</td>
                <td>{$Product->ProductTranslation->ProductExtendedDescription}</td>
                <td align="right">{$Product->AvailableStock}</td>
            </tr>
            {/foreach}
        </tbody>
    </table>
    </form>
</div>