{include file=$phelpTop}
<br />
<div>
    <!-- Nav tabs -->
    <ul class="nav nav-tabs" role="tablist">
        <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">Naklejki</a></li>
        <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">Kategorie</a></li>
        <li role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">Ustawienia</a></li>
        {if $update}
            <li role="presentation" class="alert-danger"><a href="#upgrade" aria-controls="upgrade" role="tab" data-toggle="tab">Aktualizacja</a></li>
        {/if}
    </ul>

    <!-- Tab panes -->
    <div class="tab-content">
        <div role="tabpanel" class="tab-pane active" id="home" style="background-color: #fff;padding: 15px;">
            <div class="panel">
                <div class="panel-heading">
                    <i class="icon-cogs"></i> Lista naklejek dla produktów <span class="badge">{$stickerList|count}</span>
                    <span class="panel-heading-action">
                        <a id="desc-new" class="list-toolbar-btn" href="{$adminAddLink}">
                            <span title="" data-toggle="tooltip" class="label-tooltip" data-original-title="Dodaj nowy" data-html="true" data-placement="top">
                                <i class="process-icon-new"></i>
                            </span>
                        </a>
                    </span>
                </div>
                <div class="form-wrapper">
                    {if $stickerList}
                        <table class="table">
                            <thead>
                            <tr>
                                <th>ID</th>
                                <th>Naklejka</th>
                                <th class="text-center">Po cenach</th>
                                <th class="text-center">Po cenach przedział</th>
                                <th class="text-center">Po ilości</th>
                                <th class="text-center">Po ilości przedział</th>
                                <th class="text-center">Do producenta</th>
                                <th class="text-center">Producent</th>
                                <th class="text-center">Nowości</th>
                                <th class="text-right">Akcje</th>
                            </tr>
                            </thead>
                            <tbody>
                            {foreach $stickerList as $naklejka}
                                <tr>
                                    <td>{$naklejka.id_sticker}</td>
                                    <td><img src="{$stickerDir}{$naklejka.file_name}" alt="" style="max-width: 60px;max-height: 60px;" /></td>
                                    <td class="text-center {if $naklejka.price_on == 1}success{else}{/if}">
                                        {if $psVersion < '1.7.0.0'}
                                            <i class="icon-{if $naklejka.price_on == 1}check{else}remove{/if}"></i>
                                        {else}
                                            <i class="material-icons">{if $naklejka.price_on == 1}check{else}clear{/if}</i>
                                        {/if}
                                    </td>
                                    <td class="text-center {if $naklejka.price_on == 1}success{else}{/if}">
                                        {if $naklejka.price_on == 1}{$naklejka.price_min|number_format:2} - {$naklejka.price_max|number_format:2}{else} -- {/if}
                                    </td>
                                    <td class="text-center {if $naklejka.qty_on == 1}success{else}{/if}">
                                        {if $psVersion < '1.7.0.0'}
                                            <i class="icon-{if $naklejka.qty_on == 1}check{else}remove{/if}"></i>
                                        {else}
                                            <i class="material-icons">{if $naklejka.qty_on == 1}check{else}clear{/if}</i>
                                        {/if}
                                    </td>
                                    <td class="text-center {if $naklejka.qty_on == 1}success{else}{/if}">
                                        {if $naklejka.qty_on == 1}{$naklejka.qty_min} - {$naklejka.qty_max}{else} -- {/if}
                                    </td>
                                    <td class="text-center {if $naklejka.manu_on == 1}success{else}{/if}">
                                        {if $psVersion < '1.7.0.0'}
                                            <i class="icon-{if $naklejka.manu_on == 1}check{else}remove{/if}"></i>
                                        {else}
                                            <i class="material-icons">{if $naklejka.manu_on == 1}check{else}clear{/if}</i>
                                        {/if}
                                    </td>
                                    <td class="text-center {if $naklejka.manu_on == 1}success{else}{/if}">
                                        {if $naklejka.manu_on == 1}{$naklejka.manufacturer_name}{else} -- {/if}
                                    </td>
                                    <td class="text-center {if $naklejka.show_new == 1}success{else}{/if}">
                                        {if $psVersion < '1.7.0.0'}
                                            <i class="icon-{if $naklejka.show_new == 1}check{else}remove{/if}"></i>
                                        {else}
                                            <i class="material-icons">{if $naklejka.show_new == 1}check{else}clear{/if}</i>
                                        {/if}
                                    </td>
                                    <td>
                                        <div class="btn-group-action">
                                            <div class="btn-group pull-right">
                                                <a href="{$adminEditLink}{$naklejka.id_sticker}" title="Edytuj" class="edit btn btn-default">
                                                    <i class="icon-pencil"></i> Edytuj
                                                </a>

                                                <button class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                                                    <i class="icon-caret-down"></i>&nbsp;
                                                </button>
                                                <ul class="dropdown-menu">
                                                    <li>
                                                        <a href="{$adminDeleteLink}{$naklejka.id_sticker}" onclick="return confirm('Czy na pewno chcesz usunąć tę naklejkę?');" title="Usuń" class="delete">
                                                            <i class="icon-trash"></i> Usuń
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                            {/foreach}
                            </tbody>
                        </table>
                    {else}
                        <div class="alert alert-warning">Brak naklejek.</div>
                    {/if}
                </div>
            </div>
        </div>
        <div role="tabpanel" class="tab-pane" id="profile" style="background-color: #fff;padding: 15px;">

            <div class="panel">
                <div class="panel-heading">
                    <i class="icon-cogs"></i> Lista naklejek w kategoriach <span class="badge">{$stickerCategoryList|count}</span>
                    <span class="panel-heading-action">
                        <a id="desc-new" class="list-toolbar-btn" href="{$adminAddCategoryLink}">
                            <span title="" data-toggle="tooltip" class="label-tooltip" data-original-title="Dodaj nowy" data-html="true" data-placement="top">
                                <i class="process-icon-new"></i>
                            </span>
                        </a>
                    </span>
                </div>
                <div class="form-wrapper">
                    {if $stickerCategoryList}
                        <form method="post">
                            <table class="table">
                                <thead>
                                <tr>
                                    <th><input type="checkbox" class="selectAll" /></th>
                                    <th>ID</th>
                                    <th>Kategoria</th>
                                    <th>Naklejka</th>
                                    <th>Pozycja</th>
                                    <th></th>
                                </tr>
                                </thead>
                                <tbody>
                                {foreach $stickerCategoryList as $s}
                                    <tr>
                                        <td><input type="checkbox" class="selectItem" name="deletItem[]" value="{$s.id_sticker_category}" /></td>
                                        <td>{$s@iteration}.</td>
                                        <td>{$s.category_name}</td>
                                        <td><img src="{$stickerDir}{$s.file_name}" alt="" style="max-width: 70px;max-height: 70px;" /></td>
                                        <td>
                                            {$s.pos}
                                        </td>
                                        <td>
                                            <div class="btn-group-action">
                                                <div class="btn-group pull-right">
                                                    <a href="{$adminEditCategoryLink}{$s.id_sticker_category}" title="Edytuj" class="edit btn btn-default">
                                                        <i class="icon-pencil"></i> Edytuj
                                                    </a>

                                                    <button class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                                                        <i class="icon-caret-down"></i>&nbsp;
                                                    </button>
                                                    <ul class="dropdown-menu">
                                                        <li>
                                                            <a href="{$adminDeleteCategoryLink}{$s.id_sticker_category}" onclick="return confirm('Czy na pewno chcesz usunąć tę naklejkę?');" title="Usuń" class="delete">
                                                                <i class="icon-trash"></i> Usuń
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </td>
                                    </tr>
                                {/foreach}
                                </tbody>
                            </table>
                            <button type="submit" name="deleteCategoryMass" class="btn btn-danger deleteCategoryMass" onclick="return confirm('Czy na pewno chcesz usunąć te kategorie?');"><i class="icon-trash"></i> Usuń</button>
                        </form>
                    {else}
                        <div class="alert alert-warning">Brak przypisanych naklejek do kategorii.</div>
                    {/if}
                </div>
            </div>

        </div>
        <div role="tabpanel" class="tab-pane" id="settings" style="background-color: #fff;padding: 15px;">
            <form method="post" class="form-horizontal">
                <div class="panel">
                    <div class="panel-heading">
                        <i class="icon-cogs"></i> Ustawienia
                    </div>
                    <div class="form-wrapper">

                        <div class="form-group">
                            <label class="control-label col-lg-3">Maksymalna ilość naklejek dla 1 produktu: </label>
                            <div class="col-lg-9">
                                <input type="text" name="PHSTICKERS_PRODUCT_MAX" value="{$PHSTICKERS_PRODUCT_MAX}" />
                            </div>
                        </div>
                        <hr />
                        <div class="form-group">
                            <label class="control-label col-lg-3">Maksymalna szerokość naklejki na produkcie: </label>
                            <div class="col-lg-9">
                                <input type="text" name="PHSTICKERS_PRODUCT_STICKER_WIDTH" value="{$PHSTICKERS_PRODUCT_STICKER_WIDTH}" />
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-lg-3">Maksymalna wysokość naklejki na produkcie: </label>
                            <div class="col-lg-9">
                                <input type="text" name="PHSTICKERS_PRODUCT_STICKER_HEIGHT" value="{$PHSTICKERS_PRODUCT_STICKER_HEIGHT}" />
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-lg-3">Maksymalna szerokość naklejki na liście produktów: </label>
                            <div class="col-lg-9">
                                <input type="text" name="PHSTICKERS_PRODUCTLIST_STICKER_WIDTH" value="{$PHSTICKERS_PRODUCTLIST_STICKER_WIDTH}" />
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-lg-3">Maksymalna szerokość naklejki na liście produktów: </label>
                            <div class="col-lg-9">
                                <input type="text" name="PHSTICKERS_PRODUCTLIST_STICKER_HEIGHT" value="{$PHSTICKERS_PRODUCTLIST_STICKER_HEIGHT}" />
                            </div>
                        </div>
                        <hr />
                        <div class="form-group">
                            <label class="control-label col-lg-3">Ukryj na urządzeniach mobilnych: </label>
                            <div class="col-lg-9">
                                <span class="switch prestashop-switch fixed-width-lg">
                                    <input id="mobile_on" onClick="toggleDraftWarning(false);showOptions(true);showRedirectProductOptions(false);" name="PHSTICKERS_HIDE_MOBILE" value="1" type="radio" {if $PHSTICKERS_HIDE_MOBILE == 1}checked="checked"{/if} />
                                    <label class="radioCheck" for="mobile_on">{l s='TAK' mod='phstickers'}</label>
                                    <input id="mobile_off" onClick="toggleDraftWarning(true);showOptions(false);showRedirectProductOptions(true);" name="PHSTICKERS_HIDE_MOBILE" value="0" type="radio" {if $PHSTICKERS_HIDE_MOBILE == 0}checked="checked"{/if} />
                                    <label class="radioCheck" for="mobile_off">{l s='NIE' mod='phstickers'}</label>
                                    <a class="slide-button btn"></a>
                                </span>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-lg-3">Wyświetl naklejki na stronie promocji: </label>
                            <div class="col-lg-9">
                                <span class="switch prestashop-switch fixed-width-lg">
                                    <input id="promo_on" onClick="toggleDraftWarning(false);showOptions(true);showRedirectProductOptions(false);" name="PHSTICKERS_PROMOTION_SHOW" value="1" type="radio" {if $PHSTICKERS_PROMOTION_SHOW == 1}checked="checked"{/if} />
                                    <label class="radioCheck" for="promo_on">{l s='TAK' mod='phstickers'}</label>
                                    <input id="promo_off" onClick="toggleDraftWarning(true);showOptions(false);showRedirectProductOptions(true);" name="PHSTICKERS_PROMOTION_SHOW" value="0" type="radio" {if $PHSTICKERS_PROMOTION_SHOW == 0}checked="checked"{/if} />
                                    <label class="radioCheck" for="promo_off">{l s='NIE' mod='phstickers'}</label>
                                    <a class="slide-button btn"></a>
                                </span>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-lg-3">Wyświetl naklejki na stronie nowości: </label>
                            <div class="col-lg-9">
                                <span class="switch prestashop-switch fixed-width-lg">
                                    <input id="news_on" onClick="toggleDraftWarning(false);showOptions(true);showRedirectProductOptions(false);" name="PHSTICKERS_NEWPRODUCT_SHOW" value="1" type="radio" {if $PHSTICKERS_NEWPRODUCT_SHOW == 1}checked="checked"{/if} />
                                    <label class="radioCheck" for="news_on">{l s='TAK' mod='phstickers'}</label>
                                    <input id="news_off" onClick="toggleDraftWarning(true);showOptions(false);showRedirectProductOptions(true);" name="PHSTICKERS_NEWPRODUCT_SHOW" value="0" type="radio" {if $PHSTICKERS_NEWPRODUCT_SHOW == 0}checked="checked"{/if} />
                                    <label class="radioCheck" for="news_off">{l s='NIE' mod='phstickers'}</label>
                                    <a class="slide-button btn"></a>
                                </span>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-lg-3">Wyświetl naklejki na stronie bestsellery: </label>
                            <div class="col-lg-9">
                                <span class="switch prestashop-switch fixed-width-lg">
                                    <input id="best_on" onClick="toggleDraftWarning(false);showOptions(true);showRedirectProductOptions(false);" name="PHSTICKERS_BESTSELLER_SHOW" value="1" type="radio" {if $PHSTICKERS_BESTSELLER_SHOW == 1}checked="checked"{/if} />
                                    <label class="radioCheck" for="best_on">{l s='TAK' mod='phstickers'}</label>
                                    <input id="best_off" onClick="toggleDraftWarning(true);showOptions(false);showRedirectProductOptions(true);" name="PHSTICKERS_BESTSELLER_SHOW" value="0" type="radio" {if $PHSTICKERS_BESTSELLER_SHOW == 0}checked="checked"{/if} />
                                    <label class="radioCheck" for="best_off">{l s='NIE' mod='phstickers'}</label>
                                    <a class="slide-button btn"></a>
                                </span>
                            </div>
                        </div>

                    </div>
                    <div class="panel-footer">
                        <button id="configuration_form_submit_btn" class="btn btn-default pull-right" type="submit" value="1" name="submitSettingsProcess"><i class="process-icon-save"></i> {l s='Save' mod='phstickers'}</button>
                    </div>
                </div>
            </form>
        </div>
        {if $update}
        <div role="tabpanel" class="tab-pane" id="upgrade" style="background-color: #fff;padding: 15px;">
            <form method="post" class="form-horizontal">

                <div class="panel">
                    <div class="panel-heading">
                        <i class="icon-cogs"></i> Aktualizacja do najnowszej wersji tabel w bazie danych
                    </div>
                    <div class="form-wrapper">
                        {if isset($updateList[0])}
                            <div class="form-group">
                                <label class="control-label col-lg-3">Dodaj kolumnę <b>price_min</b> do tabeli</label>
                                <div class="col-lg-9">
                                    <button type="submit" name="addPriceMinProcess" class="btn btn-primary">Dodaj</button>
                                </div>
                            </div>
                        {/if}
                        {if isset($updateList[1])}
                            <div class="form-group">
                                <label class="control-label col-lg-3">Dodaj kolumnę <b>price_max</b> do tabeli</label>
                                <div class="col-lg-9">
                                    <button type="submit" name="addPriceMaxProcess" class="btn btn-primary">Dodaj</button>
                                </div>
                            </div>
                        {/if}
                        {if isset($updateList[2])}
                            <div class="form-group">
                                <label class="control-label col-lg-3">Dodaj kolumnę <b>inherit</b> do tabeli</label>
                                <div class="col-lg-9">
                                    <button type="submit" name="addInheritProcess" class="btn btn-primary">Dodaj</button>
                                </div>
                            </div>
                        {/if}
                        {if isset($updateList[3])}
                            <div class="form-group">
                                <label class="control-label col-lg-3">Dodaj kolumnę <b>qty_min</b> do tabeli</label>
                                <div class="col-lg-9">
                                    <button type="submit" name="addQtyMinProcess" class="btn btn-primary">Dodaj</button>
                                </div>
                            </div>
                        {/if}
                        {if isset($updateList[4])}
                            <div class="form-group">
                                <label class="control-label col-lg-3">Dodaj kolumnę <b>qty_max</b> do tabeli</label>
                                <div class="col-lg-9">
                                    <button type="submit" name="addQtyMaxProcess" class="btn btn-primary">Dodaj</button>
                                </div>
                            </div>
                        {/if}
                        {if isset($updateList[5])}
                            <div class="form-group">
                                <label class="control-label col-lg-3">Dodaj kolumnę <b>price_on</b> do tabeli</label>
                                <div class="col-lg-9">
                                    <button type="submit" name="addPriceOnProcess" class="btn btn-primary">Dodaj</button>
                                </div>
                            </div>
                        {/if}
                        {if isset($updateList[6])}
                            <div class="form-group">
                                <label class="control-label col-lg-3">Dodaj kolumnę <b>qty_on</b> do tabeli</label>
                                <div class="col-lg-9">
                                    <button type="submit" name="addQtyOnProcess" class="btn btn-primary">Dodaj</button>
                                </div>
                            </div>
                        {/if}
                        {if isset($updateList[7])}
                            <div class="form-group">
                                <label class="control-label col-lg-3">Dodaj kolumnę <b>manu_on</b> do tabeli</label>
                                <div class="col-lg-9">
                                    <button type="submit" name="addManuOnProcess" class="btn btn-primary">Dodaj</button>
                                </div>
                            </div>
                        {/if}
                        {if isset($updateList[8])}
                            <div class="form-group">
                                <label class="control-label col-lg-3">Dodaj kolumnę <b>id_manufacturer</b> do tabeli</label>
                                <div class="col-lg-9">
                                    <button type="submit" name="addIdManuProcess" class="btn btn-primary">Dodaj</button>
                                </div>
                            </div>
                        {/if}
                        {if isset($updateList[9])}
                            <div class="form-group">
                                <label class="control-label col-lg-3">Dodaj kolumnę <b>position_price</b> do tabeli</label>
                                <div class="col-lg-9">
                                    <button type="submit" name="addPosPriceProcess" class="btn btn-primary">Dodaj</button>
                                </div>
                            </div>
                        {/if}
                        {if isset($updateList[10])}
                            <div class="form-group">
                                <label class="control-label col-lg-3">Dodaj kolumnę <b>position_qty</b> do tabeli</label>
                                <div class="col-lg-9">
                                    <button type="submit" name="addPosQtyProcess" class="btn btn-primary">Dodaj</button>
                                </div>
                            </div>
                        {/if}
                        {if isset($updateList[11])}
                            <div class="form-group">
                                <label class="control-label col-lg-3">Dodaj kolumnę <b>position_manu</b> do tabeli</label>
                                <div class="col-lg-9">
                                    <button type="submit" name="addPosManuProcess" class="btn btn-primary">Dodaj</button>
                                </div>
                            </div>
                        {/if}
                        {if isset($updateList[12]) && !empty($updateList[12])}
                            <div class="form-group">
                                <label class="control-label col-lg-3">Dodaj {$updateList[12]|count} nowe naklejki</label>
                                <div class="col-lg-9">
                                    <input type="hidden" name="manyImage" value="{$updateList[12][0]}|{$updateList[12][1]}" />
                                    <button type="submit" name="addImage105Process" class="btn btn-primary">Dodaj</button>
                                </div>
                            </div>
                        {/if}
                        {if isset($updateList[13])}
                            <div class="form-group">
                                <label class="control-label col-lg-3">Dodaj kolumnę <b>position_new</b> do tabeli</label>
                                <div class="col-lg-9">
                                    <button type="submit" name="addPosNewProcess" class="btn btn-primary">Dodaj</button>
                                </div>
                            </div>
                        {/if}
                        {if isset($updateList[14])}
                            <div class="form-group">
                                <label class="control-label col-lg-3">Dodaj kolumnę <b>show_new</b> do tabeli</label>
                                <div class="col-lg-9">
                                    <button type="submit" name="addShowNewProcess" class="btn btn-primary">Dodaj</button>
                                </div>
                            </div>
                        {/if}

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

    </div>

    <div class="panel" style="margin-top: 25px;">
        <div class="panel-heading">
            Jak użyć naklejek?
        </div>
        <div class="panel-wraper">
            {if $psVersion < '1.7.0.0'}
                <p>
                    1. Aby wyświetlić naklejki dodaj znacznik do pliku w szablonie w <b>themes/{$themeName}/product.tpl</b>:
                </p>
                <input type="text" value="&#123;hook h='displayProductStickers'&#125;" readonly style="background: none;border: none;cursor: text;" />
                <p></p>
                <p class="alert-{if $ready1}success{else}danger{/if}" style="display: inline-block;padding: 5px 10px;">
                    umieść go około linii 68 po &lt;div id="image-block" class="clearfix"&gt;
                </p>
                <p><br />
                    2. Aby wyświetlić naklejki dodaj znacznik do pliku w szablonie <b>themes/{$themeName}/product-list.tpl</b>:
                </p>
                <input type="text" value="&#123;hook h='displayProductListStickers' pro=$product&#125;" readonly style="background: none;border: none;cursor: text;" />
                <p></p>
                <p class="alert-{if $ready2}success{else}danger{/if}" style="display: inline-block;padding: 5px 10px;">
                    umieść go około linii 54 po &lt;a class="product_img_link" href="" title="" itemprop="url"&gt;
                </p>
            {else}
                <p>
                    1. Aby wyświetlić naklejki dodaj znacznik do pliku w szablonie w <b>themes/{$themeName}/templates/catalog/_partials/product-cover-thumbnails.tpl</b>:
                </p>
                <input type="text" value="&#123;hook h='displayProductStickers'&#125;" readonly style="background: none;border: none;cursor: text;" />
                <p></p>
                <p class="alert-{if $ready1}success{else}danger{/if}" style="display: inline-block;padding: 5px 10px;">
                    umieść go około linii 28 po &lt;div class="product-cover"&gt;
                </p>
                <p><br />
                    2. Aby wyświetlić naklejki dodaj znacznik do pliku w szablonie <b>themes/{$themeName}/templates/catalog/_partials/miniatures/product.tpl</b>:
                </p>
                <input type="text" value="&#123;hook h='displayProductListStickers' pro=$product&#125;" readonly style="background: none;border: none;cursor: text;" />
                <p></p>
                <p class="alert-{if $ready2}success{else}danger{/if}" style="display: inline-block;padding: 5px 10px;">
                    umieść go około linii 31 po &lt;a href="$product.url" class="thumbnail product-thumbnail"&gt;
                </p>
            {/if}
        </div>
    </div>

</div>

<script type="text/javascript">
    $(document).ready(function() {
        $('.selectAll').on('click', function() {
            if ($(this).is(':checked') === true) {
                $('.selectItem').each(function() {
                    $(this).attr('checked', 'checked');
                });
            } else {
                $('.selectItem').each(function() {
                    $(this).removeAttr('checked')
                });
            }
        });

        $('.deleteCategoryMass').on('click', function(){
            var ile = 0;
            $('.selectItem').each(function() {
                if ($(this).is(':checked')) {
                    ile++;
                }
            });
            console.log(ile)
            if (ile == 0) {
                return false;
            }
        });
    });
</script>

{$banersHtml}
{include file=$phelpBtm}