{$settings_url='#/yandexmarket/'}

{if !empty($error)}
    {include file="../../includes/api.error.html"
        message='Для отображения списка точек продаж настройте <a href="?action=plugins#/yandexmarket/api/">авторизацию партнерского API</a> и проверьте настройки кампании в личном кабинете «Яндекс.Маркета».'}

{else}
    <h1>Кампания №{$campaign_id|escape} — справочник точек продаж</h1>
    {if empty($outlets)}
        <strong class="highlighted">В вашем личном кабинете на сайте «Яндекс.Маркета» не настроено ни одной точки продаж.</strong>
    {else}
        <form method="post" action="?plugin=yandexmarket&module=settings&action=campaignSave" id="s-plugin-yandexmarket-campaign-outlets-form">
            <input type="hidden" name="campaign_id" value="{$campaign_id|escape}">
            <input type="hidden" name="section" value="outlets">
            <div class="form">
                <div class="box">
                    <div class="alert outlined">
                        <p><i class="fas fa-info-circle text-dark-gray"></i>&nbsp;Открывайте этот раздел каждый раз после изменения точек продаж в личном кабинете «Яндекс.Маркета»,
                            чтобы обновлять кеш точек продаж в Shop-Script.<br>
                        Или настройте задание CRON для автоматического обновления кеша — с частотой выполнения не реже, чем каждые {$ttl} секунд:</p>
                        <code>{$cron_command|escape}</code>
                    </div>
                </div>

                <div class="field-group custom-mt-0">
                    {foreach $outlets as $outlet}
                        <div class="field">
                            <div class="name for-switch">
                                {if !empty($outlet.type)}
                                    <span class="icon baseline">{$wa->shop->getIcon($outlet.typeIcon)}</span>
                                {/if}
                                <strong class="large">{$outlet.name|escape}</strong>
                                <ul class="menu custom-mt-4" style="white-space: nowrap;">

                                    {if !empty($outlet.statusIcon)}
                                        <li class="small">
                                            <span class="icon" title="{$outlet.statusName|escape}">{$wa->shop->getIcon($outlet.statusIcon)}</span>
                                            <span>{$outlet.statusName|escape}</span>
                                        </li>
                                    {/if}

                                    {if !empty($outlet.visibility)}
                                        <li class="small">
                                            <span class="icon" title="{$outlet.visibilityName|escape}">{$wa->shop->getIcon($outlet.visibilityIcon)}</span>
                                            <span>{$outlet.visibilityName|escape}</span>
                                        </li>
                                    {/if}
                                </ul>
                            </div>

                            <div style="padding-left: 3rem;">
                                <div class="value">
                                    <span class="hint">Тип <tt>{$outlet.type|escape}</tt> — «{$outlet.typeName|escape}».</span>
                                </div>

                                {if !empty($stocks) && in_array($outlet.type, ['RETAIL','MIXED'])}
                                    <div class="value">
                                        <div class="name">Торговый зал:</div>
                                        <div class="value not-implemented">
                                            <select class="small" name="campaign[booking][{$outlet.id}]">
                                                <option value="0">Выберете склад</option>
                                                {foreach $stocks as $stock}
                                                    <option value="{$stock.id}"{if !empty($campaign.booking[$outlet.id]) && ($campaign.booking[$outlet.id]==$stock.id)} selected="selected"{/if}>{$stock.name|escape}</option>
                                                {/foreach}
                                            </select>
                                            <br/>
                                            <span class="hint">Укажите склад</span>
                                        </div>
                                    </div>
                                {/if}
                                {if !empty($shipping_methods) && in_array($outlet.type, ['DEPOT','MIXED'])}
                                    <div class="value">
                                        <div class="name">Плагин доставки:</div>
                                        <div class="value">
                                            <select class="small" name="campaign[pickup_map][{$outlet.id}]">
                                                <option value="">—</option>
                                                {foreach $shipping_methods as $_id => $_info}
                                                    <option value="{$_id}"{if !empty($campaign.pickup_map[$outlet.id]) && ($campaign.pickup_map[$outlet.id]==$_id)} selected="selected"{/if}>{$_info.name|escape}</option>
                                                {/foreach}
                                            </select>
                                            <br>
                                            <span class="hint">Выберите службу доставки, для которой указанная точка продаж является пунктом выдачи заказов.<br>
                                                Настройте этот вид доставки в конфигурации кампании для программы «Заказ на маркете»
                                                и выберите для него «Тип доставки → Самовывоз (пункты выдачи заказов)».</span>
                                        </div>
                                    </div>
                                {/if}
                            </div>
                        </div>
                    {/foreach}

                </div>

            <div class="field-group custom-mt-0">
                <div class="field">
                    <div class="value">
                        {$wa->csrf()}
                        <input type="submit" value="Сохранить" class="button green">
                        <span id="s-plugin-yandexmarket-campaign-outlets-form-status" style="display:none"><!-- message placeholder --></span>
                    </div>
                </div>
                <div class="field">
                    <div class="box small">
                        <i class="fas fa-info-circle text-dark-gray"></i>&nbsp;Список доступных точек продаж настраивается в личном кабинете «Яндекс.Маркета».
                    </div>
                </div>
            </div>

        </div>
        </form>

        {if count($outlets) > 5}
            <h1 class="js-bread-crumbs"><a href="{$settings_url}" class="back">&larr; Кампании на Маркете</a></h1>
        {/if}
    {/if}

{/if}

<script type="text/javascript">
    (function () {
        "use strict";
        var $form = $('#s-plugin-yandexmarket-campaign-outlets-form');

        var timer = null;
        var icon = {
            submit: '<i class="fas fa-spinner fa-spin text-gray custom-pr-4"></i>',
            success: '<i class="fas fa-check-circle text-green custom-pr-4"></i>',
            error: '<i class="fas fa-times-circle text-red custom-pr-4"></i>'
        };
        var displayMessage = function (status, message) {
            /* enable previous disabled inputs */

            var $container = $('#s-plugin-yandexmarket-campaign-outlets-form-status');
            $container.empty().show();
            var $parent = $container.parents('div.value');
            $parent.removeClass('state-error state-success status');

            if (timer) {
                clearTimeout(timer);
            }
            var timeout = null;
            $container.append(icon[status] || '');
            switch (status) {
                case 'submit':
                    $parent.addClass('status');
                    break;
                case 'error':
                    $parent.addClass('state-error');
                    for (var i = 0; i < message.length; i++) {
                        $container.append(message[i][0]);
                    }
                    timeout = 10000;
                    break;
                case 'success':
                    if (message) {
                        $parent.addClass('state-success');
                        $container.append(message);
                    }
                    timeout = 1500;
                    break;
            }
            if (timeout) {
                timer = setTimeout(function () {
                    $parent.removeClass('state-error state-success status');
                    $container.empty().show();
                }, timeout);
            }
        };

        $form.submit(function () {
            displayMessage('submit');
            $.ajax({
                type: 'POST',
                url: $form.attr('action'),
                data: $form.serializeArray(),
                iframe: true,
                dataType: 'json',
                success: function (data, textStatus, jqXHR) {
                    if (data && (data.status === 'ok')) {
                        var message = '[s`Saved`]';
                        if (data.data && data.data.message) {
                            message = data.data.message;
                        }
                        displayMessage('success', message);
                    } else {
                        displayMessage('error', data.errors || []);
                    }
                },
                error: function (jqXHR, errorText) {
                    displayMessage('error', [
                        [errorText]
                    ]);
                }
            });
            return false;
        });
    }());
</script>