{strip}

{*
@var array $set array of available sets
@var array $types array of available product types
@var array $hint array of hash hints
@var string $hash
@var boolean $subcategory
*}

{$hash = shopImportexportHelper::parseHash($hash)}

{/strip}

<div class="field s-products-selection-wrapper js-product-selector-field">
    <div class="name">[`Applied to`]</div>
    <div class="value small">
        <div class="flexbox space-16">
            <ul class="unstyled nowrap">
                <li class="flexbox middle full-width custom-mb-12">
                    <label>
                        <span class="wa-radio">
                            <input type="radio" value="" name="hash" {if empty($hash.type)}checked{/if}>
                            <span></span>
                        </span>
                        <span>[`Entire order except for shipping`]</span>
                    </label>
                    <span class="wa-tooltip custom-ml-4" data-wa-tooltip-content="[`The coupon will be applied to products and services and will not affect the shipping cost.`]">
                        <i class="fas fa-info-circle text-dark-gray fa-xs top"></i>
                    </span>
                </li>
                <li>
                    <span>[`To specified products:`]</span>
                    <span class="wa-tooltip" data-wa-tooltip-content="[`The coupon will be applied only to products and will not affect the cost of services or the shipping cost.`]">
                        <i class="fas fa-info-circle text-dark-gray fa-xs top"></i>
                    </span>
                </li>
                <li class="flexbox middle full-width">
                    <label>
                        <span class="wa-radio">
                            <input type="radio" value="id" name="hash"{if $hash.type eq 'id'} checked="checked"{/if}>
                            <span></span>
                        </span>
                        <span data-text="{_wd('shop',"Selected products (%d)")|escape}">{if $hash.type eq 'id'}{$hash.count|string_format:"{_wd('shop',"Selected products (%d)")|escape}"}{else}{'0'|string_format:"{_wd('shop',"Selected products (%d)")|escape}"}{/if}</span>
                    </label>
                    <input type="hidden" value="{$hash.product_ids|default:''}" name="product_ids">
                </li>
                <li class="flexbox middle full-width"{if $hash.type neq 'category' && empty($hash.data.categories)} style="display: none;"{/if}>
                    <label>
                        <span class="wa-radio">
                            <input type="radio" value="category" name="hash"{if $hash.type eq 'category'} checked="checked"{/if}>
                            <span></span>
                        </span>
                        <span data-text="{_wd('shop','Category')|escape}">[`Category`]</span>
                    </label>
                    <input type="hidden" value="{$hash.category_ids|default:''}" name="category_ids">
                </li>
                <li class="flexbox middle full-width">
                    <label>
                        <span class="wa-radio">
                            <input type="radio" value="set" name="hash"{if $hash.type eq 'set'} checked="checked"{/if}>
                            <span></span>
                        </span>
                        <span>[`Set`]</span>
                    </label>
                </li>
                <li class="flexbox middle full-width">
                    <label>
                        <span class="wa-radio">
                            <input type="radio" value="type" name="hash"{if $hash.type eq 'type'} checked="checked"{/if}>
                            <span></span>
                        </span>
                        <span>[`Type`]</span>
                    </label>
                </li>
            </ul>
            <div class="s-values-column bordered-left box">
                <div class="js-hash-values js-hash-">
                    <div class="">
                        <ul class="unstyled"><li>&nbsp;</li></ul>
                        {if !empty($hints.all)}<br/><span class="small">{$hints.all}</span>{/if}
                    </div>
                </div>
                <div class="js-hash-values js-hash-all">
                    <div class="">
                        <ul class="unstyled"><li>&nbsp;</li></ul>
                    </div>
                </div>
                <div class="js-hash-values js-hash-set">
                    <div class="">
                        <ul class="unstyled">
                            {foreach $sets as $set}
                                <li class="flexbox middle full-width">
                                    <label>
                                        <span class="wa-radio custom-mr-8">
                                            <input type="radio" name="set_id" value="{$set.id}"{if ($set@first && empty($hash.set_id))||($hash.set_id eq $set.id)} checked="checked"{/if}>
                                            <span></span>
                                        </span>
                                        <i class="text-gray fas fa-{if $set.type == shopSetModel::TYPE_DYNAMIC}filter{else}bars{/if}"></i>
                                        <span class="custom-ml-8">{$set.name|escape}</span>
                                    </label>
                                    <span class="count custom-ml-16">{$set.count}</span>
                                </li>
                            {/foreach}
                        </ul>
                        {if !empty($hints.set)}<br/><span class="small">{$hints.set}</span>{/if}
                    </div>
                </div>
                <div class="js-hash-values js-hash-type">
                    <div class="">
                        <ul class="unstyled">
                            {strip}
                                {foreach $types as $type}
                                    {if $type.count}
                                        <li class="flexbox middle full-width">
                                            <label>
                                                <span class="wa-radio custom-mr-8">
                                                    <input type="radio" name="type_id" value="{$type.id}" {if ($type@first && empty($hash.type_id))||($hash.type_id eq $type.id)} checked="checked"{/if}>
                                                    <span></span>
                                                </span>
                                                {if !empty($type.icon)}
                                                    <span class="icon text-gray">{$wa->shop->getIcon($type.icon)}</span>
                                                {else}
                                                    <i class="icon" style="visibility: hidden;"></i>
                                                {/if}
                                                 <span class="custom-ml-8">{$type.name|escape}</span>
                                            </label>
                                            <span class="count custom-ml-16">{$type.count}</span>
                                        </li>
                                    {/if}
                                {/foreach}
                            {/strip}
                        </ul>
                        {if !empty($hints.type)}<br/><span class="small">{$hints.type}</span>{/if}
                    </div>
                </div>
                <div class="js-hash-values js-hash-id">
                    <div class="">
                        {if $hash.type eq 'id' && $hash.count > 0}
                            <ul class="unstyled">
                                <li><a href="{$wa_app_url}?action=products#/products/hash={"id/`$hash.product_ids`"|escape:'url'}" target="_blank" class="inline-link">{_wd('shop','%d product','%d products',$hash.count)|escape} <i class="fas fa-external-link-alt fa-xs"></i></a></li>
                            </ul>
                            {if !empty($hints.id)}<br/><span class="small">{$hints.id}</span>{/if}
                        {else}
                            <h5><i class="fas fa-exclamation-triangle text-yellow"></i> <strong>[`No products are selected.`]</strong></h5>
                            <p>{sprintf('[`Select products and execute a corresponding action in the bulk action panel in the “%s” section.`]', "<a href='{$wa_app_url}products/'>[`Products`]</a>")}</p>
                        {/if}
                    </div>
                </div>

                {if !empty($hash.data.categories) || !empty($hints.category)}
                    <div class="js-hash-values js-hash-category">
                        <div class="">
                            {if !empty($hash.data.categories)}
                                {wa_print_tree tree=$hash.data.categories elem='<label><span class="wa-radio custom-mr-8"><input type="radio" name="category_ids" data-selected=":selected" value=":id"/><span></span></span><i class="text-gray fas fa-:icon"></i> :name</label>' class="unstyled"}
                            {/if}
                            {if !empty($hints.category)}<br/><span class="hint">{$hints.category}</span>{/if}
                        </div>
                    </div>
                {/if}
            </div>
        </div>
    </div>
</div>