{% extends "base.html" %}
{% block title %}Синхронизация — Мои Товары{% endblock %}
{% block page_title %}Синхронизация{% endblock %}

{% block content %}
<div class="pg-title">Синхронизация</div>
<div class="pg-sub">Настройка и управление синхронизацией товаров Эвотор → VK Market</div>

{% if saved %}
<div class="alert alert-gr">
  <span><i class="bi bi-check-circle"></i></span>
  <div>Настройки сохранены.</div>
</div>
{% endif %}

<form method="post" action="/sync/settings">

<div class="g2" style="align-items:start; margin-bottom:16px;">

  <div class="card">
    <div class="card-hd">
      <div>
        <div class="card-title">Фоновые задачи</div>
        <div class="card-sub">Включайте поочерёдно: сначала Эвотор, затем ВК, затем синхронизацию</div>
      </div>
    </div>

    <div style="display:flex;flex-direction:column;gap:0;">

      <div style="display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #E4E6EE;">
        <div>
          <div style="font-size:13px;font-weight:600;color:#1C1F2E;">Зеркало Эвотор</div>
          <div style="font-size:12px;color:#9EA8BE;margin-top:2px;">Импортирует товары, группы и магазины из Эвотор в локальную базу</div>
        </div>
        <label style="display:flex;align-items:center;gap:8px;cursor:pointer;margin:0;">
          <input type="hidden" name="evo_mirror_enabled" value="0">
          <input type="checkbox" name="evo_mirror_enabled" value="1"
                 {% if config and config.evo_mirror_enabled %}checked{% endif %}
                 id="evo_mirror_cb" style="display:none;">
          <div class="tog {% if config and config.evo_mirror_enabled %}on{% endif %}"
               onclick="this.previousElementSibling.click(); this.classList.toggle('on')"
               id="evo_mirror_tog"></div>
        </label>
      </div>

      <div style="display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #E4E6EE;">
        <div>
          <div style="font-size:13px;font-weight:600;color:#1C1F2E;">Зеркало ВК</div>
          <div style="font-size:12px;color:#9EA8BE;margin-top:2px;">Импортирует альбомы и товары из VK Market в локальный кэш</div>
        </div>
        <label style="display:flex;align-items:center;gap:8px;cursor:pointer;margin:0;">
          <input type="hidden" name="vk_mirror_enabled" value="0">
          <input type="checkbox" name="vk_mirror_enabled" value="1"
                 {% if config and config.vk_mirror_enabled %}checked{% endif %}
                 id="vk_mirror_cb" style="display:none;">
          <div class="tog {% if config and config.vk_mirror_enabled %}on{% endif %}"
               onclick="this.previousElementSibling.click(); this.classList.toggle('on')"></div>
        </label>
      </div>

      <div style="display:flex;align-items:center;justify-content:space-between;padding:12px 0;">
        <div>
          <div style="font-size:13px;font-weight:600;color:#1C1F2E;">Синхронизация</div>
          <div style="font-size:12px;color:#9EA8BE;margin-top:2px;">Зеркалит каталог Эвотор в VK Market: создаёт, обновляет и удаляет товары</div>
        </div>
        <label style="display:flex;align-items:center;gap:8px;cursor:pointer;margin:0;">
          <input type="hidden" name="is_enabled" value="0">
          <input type="checkbox" name="is_enabled" value="1"
                 {% if config and config.is_enabled %}checked{% endif %}
                 id="sync_cb" style="display:none;">
          <div class="tog {% if config and config.is_enabled %}on{% endif %}"
               onclick="this.previousElementSibling.click(); this.classList.toggle('on')"></div>
        </label>
      </div>

    </div>
  </div>

  <div class="card">
    <div class="card-hd">
      <div>
        <div class="card-title">Настройки цены</div>
        <div class="card-sub">Трансформация цен при передаче в VK Market</div>
      </div>
    </div>
    <div class="form-row">
      <label class="form-lbl">Множитель цены</label>
      <input class="inp" type="number" name="price_multiplier" step="0.0001" min="0.0001"
             value="{{ config.price_multiplier if config else '1' }}"
             placeholder="1" style="max-width:160px;">
      <div style="font-size:11px;color:#9EA8BE;margin-top:5px;">Цена из Эвотор умножается на это значение перед отправкой в ВК. По умолчанию: 1.</div>
    </div>
  </div>

</div>

<button type="submit" class="btn btn-primary">
  <i class="bi bi-save"></i> Сохранить настройки
</button>

</form>
{% endblock %}