{* id of a set or category *}
{if $collection_hash !== null}
    {$id = ifset($collection_hash[1])}
{else}
    {$id = null}
{/if}

{if $info && (
    ($info.hash == 'set' && $info.type == shopSetModel::TYPE_STATIC) ||
    ($info.hash == 'category' && $info.type == shopCategoryModel::TYPE_STATIC)
  )
}
    {$manual = true}
{else}
    {$manual = false}
{/if}

{* {$order = $wa->get("order", "desc")} *}
<div class="sidebar right200px" id="s-product-list-toolbar">
    <div class="block">
        <h6 class="heading">
            <span class="count indicator" style="display:none"></span>
            [`Export`]
        </h6>
        <ul class="menu-v with-icons compact p-no-photo-selected123 thumbs-view-menu">
            <li data-action="export" data-plugin="csv:product:export"><a href="#"><i class="icon16 ss excel"></i>[`CSV`]</a></li>

            <!-- plugin hook: 'backend_products.toolbar_export_li' -->
            {* @event backend_products.%plugin_id%.toolbar_export_li *}
            {if !empty($backend_products)}{foreach $backend_products as $_}{ifset($_.toolbar_export_li)}{/foreach}{/if}

        </ul>
    </div>

    <div class="block">
        <h6 class="heading">
            <span class="count indicator" style="display:none"></span>
            [`Organize`]
        </h6>
        <ul class="menu-v with-icons compact p-no-photo-selected123 thumbs-view-menu" id="organize-menu">

            <!-- plugin hook: 'backend_products.toolbar_organize_li' -->
            {* @event backend_products.%plugin_id%.toolbar_organize_li *}
            {if !empty($backend_products)}{foreach $backend_products as $_}{ifset($_.toolbar_organize_li)}{/foreach}{/if}

            {*<li data-action="new-set"><a href="#"><i class="icon16 ss set"></i>[`Create new set`]</a></li>*}
            {*
            <li data-action="duplicate">
                <a href="#"><i class="icon16 split"></i>[`Duplicate`]</a>
            </li>
            *}
            <li data-action="category">
                <a href="#"><i class="icon16 folder"></i>[`Add to category`]</a>
            </li><li data-action="set">
                <a href="#"><i class="icon16 ss set"></i>[`Add to set`]</a>
            </li>
            <li data-action="assign-tags">
                <a href="#"><i class="icon16 tags"></i>[`Tags`]</a>
            </li>

            {if $info && $info.hash == 'set' && $info.type == shopSetModel::TYPE_STATIC && $info.count > 0}
                <li data-action="delete-from-set"><a href="#"><i class="icon10 no-bw"></i>[`Remove from set`]</a></li>
            {/if}

            {if $info && $info.hash == 'category' && $info.type == shopCategoryModel::TYPE_STATIC && $info.count > 0}
                <li data-action="delete-from-category"><a href="#"><i class="icon10 no-bw"></i>[`Remove from category`]</a></li>
            {/if}

            <li data-action="type" class="top-padded">
                <a href="#"><i class="icon16 box"></i>[`Change product type`]</a>
            </li>
            <li data-action="delete"><a href="#"><i class="icon16 delete"></i>[`Delete products`]</a></li>

        </ul>
    </div>
            
    <div class="block" id="hint-menu-block" style="display:none;">
        <p class="p-sort-order-error-disclaimer create_datetime" style="display:none;">[`Products in this view are sorted <strong>by date added</strong>.`] [`Sort order cannot be changed to manual here.`]</p>
        <p class="p-sort-order-error-disclaimer name" style="display:none;">[`Products in this view are sorted <strong>by name</strong>.`] [`Sort order cannot be changed to manual here.`]</p>
        <p class="p-sort-order-error-disclaimer price" style="display:none;">[`Products in this view are sorted <strong>by price</strong>.`] [`Sort order cannot be changed to manual here.`]</p>
        <p class="p-sort-order-error-disclaimer count" style="display:none;">[`Products in this view are sorted <strong>by count in stocks</strong>.`] [`Sort order cannot be changed to manual here.`]</p>
        <p class="p-sort-order-error-disclaimer rating" style="display:none;">[`Products in this view are sorted <strong>by rating</strong>.`] [`Sort order cannot be changed to manual here.`]</p>
        <p class="p-sort-order-error-disclaimer total_sales" style="display:none;">[`Products in this view are sorted <strong>by total sales value</strong>.`] [`Sort order cannot be changed to manual here.`]</p>
    </div>

    <!-- plugin hook: 'backend_products.toolbar_section' -->
    {* @event backend_products.%plugin_id%.toolbar_section *}
    {if !empty($backend_products)}{foreach $backend_products as $_}{ifset($_.toolbar_section)}{/foreach}{/if}

</div>
<div class="content right200px">
    <div class="block double-padded">
        <h1>
            <span {if $info.hash == 'category' || $info.hash == 'set'}class="editable"{/if} id="s-product-list-title">{if !empty($title)}{$title|escape}{else}[`Untitled`]{/if}</span>

            <!-- plugin hook: 'backend_products.title_suffix' -->
            {* @event backend_products.%plugin_id%.title_suffix *}
            {if !empty($backend_products)}{foreach $backend_products as $_}{ifset($_.title_suffix)}{/foreach}{/if}

            {if $collection_hash && ($info.hash == 'category' || $info.hash == 'set')}
                <span class="s-product-list-manage">
                    <a href="#" id="s-product-list-settings" class="gray s-product-list-settings">
                        <i class="icon16 settings"></i>{if $info.hash == 'category'}[`Category settings`]{else}[`Set settings`]{/if}
                    </a>
                    <a href="#" id="s-product-list-delete" class="gray">
                        <i class="icon16 no-bw"></i>{if $info.hash == 'category'}[`Delete category`]{else}[`Delete set`]{/if}
                    </a>
                </span>
            {/if}

        </h1>
        <ul class="menu-h small s-product-nav">
            <!-- sort order -->
            <li class="s-inline-mixed-string float-right" id="s-sort-control">
                <ul class="menu-v dropdown">
                    <li>[`Order by`]:
                        {strip}
                        {$with_icon = true}
                        <a href="javascript:void(0);" class="inline-link"><b><i>
                            {if $sort == 'name'}
                                [`name`]
                            {else if $sort == 'price'}
                                [`price`]
                            {else if $sort == 'count'}
                                [`in stock`]
                            {else if $sort == 'rating'}
                                [`rating`]
                            {else if $sort == 'create_datetime'}
                                [`date added`]
                            {else if $sort == 'total_sales'}
                                [`top selling`]
                            {else if $sort == 'sort'}
                                [`manual`]
                                {$with_icon = false}
                            {else}
                                {$with_icon = false}
                            {/if}
                        </i></b></a>
                        {if $with_icon}
                            <i class="icon10 {if $order == 'asc'}uarr-tiny{else}darr-tiny{/if}"></i>
                        {/if}
                        {/strip}
                        <ul class="menu-v with-icon">
                            {strip}
                            {if $manual}
                                <li class="sort">
                                    <a href="#/products/view={$view}{if $collection_param}&{$collection_param}&sort=sort{/if}" class="no-underline {if $sort == 'sort'}selected{/if}">
                                        [`manual`]
                                    </a>
                                </li>
                            {/if}
                            <li class="sort">
                                <a href="#/products/view={$view}{if $collection_param}&{$collection_param}{/if}&sort=name&order={if $order == 'asc' && $sort=='name'}desc{else}asc{/if}" class="no-underline {if $sort=='name'}selected{/if}">[`name`]
                                </a>{if $sort=='name'}<i class="icon10 {if $order == 'asc'}uarr-tiny{else}darr-tiny{/if}"></i>{/if}
                            </li>
                            <li class="sort">
                                <a href="#/products/view={$view}{if $collection_param}&{$collection_param}{/if}&sort=price&order={if $order == 'asc' && $sort=='price'}desc{else}asc{/if}" class="no-underline {if $sort=='price'}selected{/if}">[`price`]
                                </a>{if $sort=='price'}<i class="icon10 {if $order == 'asc'}uarr-tiny{else}darr-tiny{/if}"></i>{/if}
                            </li>
                            <li class="sort">
                                <a href="#/products/view={$view}{if $collection_param}&{$collection_param}{/if}&sort=count&order={if $order == 'asc' && $sort=='count'}desc{else}asc{/if}" class="no-underline {if $sort=='count'}selected{/if}">[`in stock`]
                                </a>{if $sort=='count'}<i class="icon10 {if $order == 'asc'}uarr-tiny{else}darr-tiny{/if}"></i>{/if}
                            </li>
                            <li class="sort">
                                <a href="#/products/view={$view}{if $collection_param}&{$collection_param}{/if}&sort=rating&order={if $order == 'desc' && $sort=='rating'}asc{else}desc{/if}" class="no-underline {if $sort=='rating'}selected{/if}">[`rating`]
                                </a>{if $sort=='rating'}<i class="icon10 {if $order == 'asc'}uarr-tiny{else}darr-tiny{/if}"></i>{/if}
                            </li>
                            <li class="sort">
                                <a href="#/products/view={$view}{if $collection_param}&{$collection_param}{/if}&sort=create_datetime&order={if $order == 'desc' && $sort=='create_datetime'}asc{else}desc{/if}" class="no-underline {if $sort=='create_datetime'}selected{/if}">[`date added`]
                                </a>{if $sort=='create_datetime'}<i class="icon10 {if $order == 'asc'}uarr-tiny{else}darr-tiny{/if}"></i>{/if}
                            </li>
                            <li class="sort">
                                <a href="#/products/view={$view}{if $collection_param}&{$collection_param}{/if}&sort=total_sales&order={if $order == 'desc' && $sort=='total_sales'}asc{else}desc{/if}" class="no-underline {if $sort=='total_sales'}selected{/if}">[`top selling`]
                                </a>{if $sort=='total_sales'}<i class="icon10 {if $order == 'asc'}uarr-tiny{else}darr-tiny{/if}"></i>{/if}
                            </li>

                            {/strip}
                        </ul>
                    </li>
                </ul>
            </li>

            <!-- view mode -->
            <li{if $view != 'table'} class="selected"{/if}>
                <a href="#/products/view=thumbs{if $collection_param}&{$collection_param}{/if}&sort={$sort}"><i class="icon16 view-thumbs"></i></a>
            </li>
            <li{if $view == 'table'} class="selected"{/if}>
                <a href="#/products/view=table{if $collection_param}&{$collection_param}{/if}&sort={$sort}"><i class="icon16 view-table"></i></a>
            </li>

            <!-- plugin hook: 'backend_products.viewmode_li' -->
            {* @event backend_products.%plugin_id%.viewmode_li *}
            {if !empty($backend_products)}{foreach $backend_products as $_}{ifset($_.viewmode_li)}{/foreach}{/if}

            <!-- frontend link -->
            <li class="s-inline-mixed-string">
            {if !empty($info.frontend_urls)}
                [`Storefront link`]:
                {foreach $info.frontend_urls as $frontend_url}
                    <a id="s-category-frontend-link" href="{$frontend_url}" target="_blank">{$frontend_url}</a> <i class="icon10 new-window"></i>
                {/foreach}
            {elseif $info.hash == 'set'}
                <span class="s-embed">
                    <strong class="black">&#123;$products = $wa->shop->productSet("{$id}")&#125;</strong>
                    <a href="#" id="s-embed-code">[`Get embed code`]</a>
                </span>
            {/if}
            </li>

        </ul>

        {$include_name = './product_list_'|cat:$view:'.html'}
        {include file=$include_name}

        <div class="lazyloading-wrapper">
            <div class="lazyloading-progress-string">{_w('%d product','%d products', $count)}&nbsp;{sprintf(_w('of %d'), $total_count)}</div><br>
             <a href="javascript:void(0);" class="lazyloading-link" {if $count >= $total_count}style="display:none;"{/if}>[`Show more products`]</a>
            <span class="lazyloading-progress" style="display:none">
                <i class="icon16 loading"></i> [`Loading`] <span class="lazyloading-chunk">{_w('%d product', '%d products', min($total_count - $count, $count))}...</span>
            </span>
        </div>
    </div>


    {* dialogs section *}
    <div class="dialog width400px height200px" id="s-product-list-delete-dialog">
        <div class="dialog-background"></div>
        <form method="post" action="">
        <div class="dialog-window">
            <div class="dialog-content">
                <div class="dialog-content-indent">
                    <h1>{if $info.hash == 'category'}[`Delete category`]{else}[`Delete set`]{/if}</h1>
                    <ul class="menu-v">
                        <li>
                            <label>
                            <input type="radio" name="s-delete-products" value="0" checked>
                            <strong>[`Don't delete products`]</strong>
                            {if $info.hash == 'category'}
                                <span class="hint">[`Products stored to this category will not be deleted`]</span>
                            {else}
                                <span class="hint">[`Products stored in this set will not be deleted`]</span>
                            {/if}
                            </label>
                        </li>
                        <li>
                            <label>
                            <input type="radio" name="s-delete-products" value="1" {if $info.hash == 'category' && $info.type == shopCategoryModel::TYPE_DYNAMIC}disabled{/if}>
                            {if $info.hash == 'category'}
                                {assign var="del_products_text" value='[`Delete all products stored in this category (%d)`]'|sprintf:$total_count}
                            {else}
                                {assign var="del_products_text" value='[`Delete all products stored in this set (%d)`]'|sprintf:$total_count}
                            {/if}
                            {$del_products_text}{if $info.hash == 'category' && $info.type == shopCategoryModel::TYPE_DYNAMIC}<em class="hint"> [`Not available for smart categories.`]</em>{/if}
                            </label>
                        </li>
                    </ul>
                    {if $info.hash == 'set'}
                        <p class="small black">
                            <br />
                            <i class="icon10 exclamation"></i> [`It is highly advisable to keep product sets with IDs <strong>promo</strong> and <strong>bestsellers</strong>, as these set IDs are used by most Shop-Script frontend design themes.`]</p>
                    {/if}
                </div>
            </div>
            <div class="dialog-buttons">
                <div class="dialog-buttons-gradient">
                    {$wa->csrf()}
                    <input class="button red" type="submit" value="[`Delete`]">
                    <i class="icon16 loading"></i>
                    [`or`] <a class="cancel" href="javascript:void(0);">[`cancel`]</a>
                </div>
            </div>
        </div>
        </form>
    </div>

    {if $info.hash == 'set'}
        {include '../dialog/DialogProductListEmbed.html' inline}
    {/if}
                    
</div>
{$title = $title|cat:" — ":{$wa->accountName(false)}}
<script type="text/javascript">
    document.title = '{$title|escape:'javascript'}';
    $.product_list.init({
        view: '{$view}',
        collection_hash: {json_encode($collection_hash)},
        collection_param: '{$collection_param}',
        sort:  '{$sort}',
        order: '{$order}',
        products: {json_encode($products)},
        total_count: {$total_count},
        category_count: {if $info && $info['hash'] == 'category' && $info['type'] == shopCategoryModel::TYPE_STATIC && !$info['include_sub_categories']}{$info['count']}{else}null{/if},
        edit: '{$wa->get("edit")}',
        sortable: {if $manual && $sort == 'sort'}true{else}false{/if},
        lazy_loading: {
            auto: true,
            count: {$count}
        }
    });
</script>