{% extends "admin/base.html" %}
{% block page_title %}Налаштування{% endblock %}
{% block content %}
<h1>⚙️ Налаштування</h1>

<div class="card" style="max-width:760px;margin:0 auto;">
  <form method="post" enctype="multipart/form-data">
      <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
    <h2 style="margin-top:0;">Заклад</h2>
    <label>Логотип</label>
    {% if values.logo_url %}
      <img src="{{ values.logo_url }}" alt="Логотип" style="width:56px;height:56px;border-radius:10px;object-fit:cover;margin-bottom:8px;display:block;">
    {% endif %}
    <input type="file" name="logo" accept="image/*">
    <label>Назва</label>
    <input type="text" name="cafe_name" value="{{ values.cafe_name }}">
    <label>Телефон</label>
    <input type="text" name="phone" value="{{ values.phone }}">
    <label>Адреса</label>
    <input type="text" name="address" value="{{ values.address }}">
    <label>Адреса EN <span class="muted">(необов'язково — для перемикача мов у Mini App)</span></label>
    <input type="text" name="address_en" value="{{ values.address_en }}">
    <div class="row">
      <div><label>Графік з</label><input type="text" name="work_hours_from" value="{{ values.work_hours_from }}" placeholder="11:00"></div>
      <div><label>Графік до</label><input type="text" name="work_hours_to" value="{{ values.work_hours_to }}" placeholder="21:00"></div>
    </div>
    <label style="display:flex;align-items:center;gap:8px;">
      <input type="checkbox" name="allow_orders_outside_hours" class="admin-checkbox" {{ 'checked' if values.allow_orders_outside_hours == '1' }}>
      Приймати замовлення поза графіком (виконання під час роботи)
    </label>

    <label style="display:flex;align-items:center;gap:8px;margin-top:16px;" id="force-closed-toggle">
      <input type="checkbox" name="force_closed" class="admin-checkbox" {{ 'checked' if values.force_closed == '1' }} onchange="document.getElementById('force-closed-message-wrap').style.display = this.checked ? 'block' : 'none';">
      🚧 Тимчасово закрито (форс-мажор / вихідний день) — заблокувати весь Mini App для клієнтів
    </label>
    <div id="force-closed-message-wrap" style="{{ 'display:none;' if values.force_closed != '1' }}">
      <label>Пояснення для клієнтів (необов'язково)</label>
      <textarea name="force_closed_message" rows="3" placeholder="напр. Сьогодні заклад не працює через технічні причини. Перепрошуємо за незручності!">{{ values.force_closed_message }}</textarea>
    </div>
    <p class="muted field-hint">На відміну від звичайного графіку роботи (де клієнт все ще може переглянути меню поза годинами), цей перемикач одразу показує клієнту в Mini App повноекранну заглушку замість меню й кошика — для екстрених випадків: аварія, немає персоналу, закладу немає в наявності товарів тощо. Не забудьте вимкнути після відновлення роботи.</p>

    <label style="display:flex;align-items:center;gap:8px;margin-top:16px;" id="announcement-toggle">
      <input type="checkbox" name="announcement_enabled" class="admin-checkbox" {{ 'checked' if values.announcement_enabled == '1' }} onchange="document.getElementById('announcement-message-wrap').style.display = this.checked ? 'block' : 'none';">
      📢 Показати оголошення клієнтам у Mini App
    </label>
    <div id="announcement-message-wrap" style="{{ 'display:none;' if values.announcement_enabled != '1' }}">
      <label>Текст оголошення</label>
      <textarea name="announcement_message" rows="3" placeholder="напр. 25 серпня — вихідний. 26-го працюємо як завжди!">{{ values.announcement_message }}</textarea>
    </div>
    <p class="muted field-hint">На відміну від форс-мажору, це не блокує застосунок — клієнт бачить спливаюче вікно з текстом один раз і може закрити його. Якщо змінити текст пізніше, попап покажеться знову навіть тим, хто вже закривав попередній.</p>

    <label>Instagram (посилання)</label>
    <input type="text" name="instagram_url" value="{{ values.instagram_url }}">
    <label>Google Maps (посилання)</label>
    <input type="text" name="maps_url" value="{{ values.maps_url }}">

    <h2>🎨 Вигляд</h2>
    <div class="row">
      <div>
        <label>Колір адмінки</label>
        <div style="display:flex;gap:8px;align-items:center;">
          <input type="color" name="admin_theme_accent" value="{{ values.admin_theme_accent }}" style="width:48px;height:38px;padding:2px;margin:0;flex-shrink:0;" oninput="document.getElementById('admin_theme_accent_hex').textContent=this.value;">
          <span id="admin_theme_accent_hex" class="muted">{{ values.admin_theme_accent }}</span>
        </div>
      </div>
      <div>
        <label>Колір застосунку для клієнтів (Mini App)</label>
        <div style="display:flex;gap:8px;align-items:center;">
          <input type="color" name="webapp_theme_accent" value="{{ values.webapp_theme_accent }}" style="width:48px;height:38px;padding:2px;margin:0;flex-shrink:0;" oninput="document.getElementById('webapp_theme_accent_hex').textContent=this.value;">
          <span id="webapp_theme_accent_hex" class="muted">{{ values.webapp_theme_accent }}</span>
        </div>
      </div>
    </div>
    <p class="muted field-hint">Оберіть один колір — усі відтінки (для кнопок, бейджів, підсвітки) підберуться автоматично. Зміни адмінки видно одразу після збереження, застосунок клієнтів оновиться після наступного відкриття.</p>

    <label style="display:flex;align-items:center;gap:8px;margin-top:14px;">
      <input type="checkbox" name="sidebar_collapsible_menu" class="admin-checkbox" {{ 'checked' if values.sidebar_collapsible_menu == '1' }}>
      Дозволити згортати розділи бічного меню (Замовлення, Меню, Аналітика тощо)
    </label>
    <p class="muted field-hint">Кожен співробітник сам вирішує, які розділи згорнути — цей стан запам'ятовується лише в його браузері. Вимкніть, якщо меню має завжди показувати всі пункти без можливості згортання.</p>

    <h2>Доставка та самовивіз</h2>
    <div class="row">
      <div><label>Вартість доставки, грн</label><input type="number" name="delivery_fee" value="{{ values.delivery_fee }}"></div>
      <div><label>Безкоштовна доставка від, грн</label><input type="number" name="free_delivery_threshold" value="{{ values.free_delivery_threshold }}"></div>
    </div>
    <label>Мінімальна сума замовлення на доставку, грн (0 — без обмеження)</label>
    <input type="number" name="min_delivery_order_amount" value="{{ values.min_delivery_order_amount }}">
    <label>Знижка на самовивіз, %</label>
    <input type="number" name="pickup_discount_percent" value="{{ values.pickup_discount_percent }}">

    <h2>Telegram-чати для замовлень</h2>
    <label>Chat ID — Доставка</label>
    <input type="text" name="delivery_chat_id" value="{{ values.delivery_chat_id }}" placeholder="-1001234567890">
    <label>Chat ID — Самовивіз</label>
    <input type="text" name="pickup_chat_id" value="{{ values.pickup_chat_id }}" placeholder="-1001234567890">
    <label>Chat ID — У закладі</label>
    <input type="text" name="dine_in_chat_id" value="{{ values.dine_in_chat_id }}" placeholder="-1001234567890">
    <p class="muted field-hint">Бот має бути доданий у ці чати як адміністратор. ID чату можна дізнатись, переславши будь-яке повідомлення з чату боту <a href="https://t.me/userinfobot" target="_blank">@userinfobot</a> або аналогічному. Якщо чат «У закладі» не вказано — сповіщення про такі замовлення йдуть власнику напряму.</p>

    <h2>Сповіщення клієнтів</h2>
    <label style="display:flex;align-items:center;gap:8px;">
      <input type="checkbox" name="customer_status_notifications" class="admin-checkbox" {{ 'checked' if values.customer_status_notifications == '1' }}>
      Автоматично повідомляти клієнта в Telegram при зміні статусу замовлення
    </label>
    <label style="display:flex;align-items:center;gap:8px;margin-top:10px;">
      <input type="checkbox" name="order_rating_enabled" class="admin-checkbox" {{ 'checked' if values.order_rating_enabled == '1' }}>
      Запитувати оцінку замовлення (1-5) у клієнта після статусу «Виконано»
    </label>

    <h2>Облік сировини</h2>
    <label style="display:flex;align-items:center;gap:8px;">
      <input type="checkbox" name="inventory_enabled" class="admin-checkbox" {{ 'checked' if values.inventory_enabled == '1' }}>
      📦 Увімкнути облік сировини — автоматичне списання інгредієнтів за рецептурою при кожному замовленні
    </label>
    <p class="muted field-hint">Коли увімкнено: у меню з'являється розділ «Склад» — інгредієнти, склад страв (рецептура), рухи по складу й автоматичні заявки на поповнення при нестачі. Скасування замовлення повертає списані інгредієнти назад. Вимкнення не видаляє дані складу — просто зупиняє автосписання.</p>

    <h2>🚚 Постачальники</h2>
    <label style="display:flex;align-items:center;gap:8px;">
      <input type="checkbox" name="suppliers_manager_access" class="admin-checkbox" {{ 'checked' if values.suppliers_manager_access == '1' }}>
      Дозволити менеджерам доступ до розділу «Постачальники»
    </label>
    <p class="muted field-hint">Там видно суми поставок і борги перед постачальниками — за замовчуванням доступний лише адміністратору. Видалення постачальника завжди лишається тільки для адміністратора, незалежно від цього перемикача.</p>

    <h2>📋 Тех карти</h2>
    <label style="display:flex;align-items:center;gap:8px;">
      <input type="checkbox" name="tech_cards_manager_access" class="admin-checkbox" {{ 'checked' if values.tech_cards_manager_access == '1' }}>
      Дозволити менеджерам доступ до розділу «Тех карти»
    </label>
    <p class="muted field-hint">Інструкції приготування і фото подачі для кухні — за замовчуванням доступні лише адміністратору. Вирішує тільки адміністратор, хто з менеджерів побачить цей розділ.</p>

    <h2>💳 Оплата карткою</h2>

    <label>Активний платіжний провайдер</label>
    <select name="payment_provider">
      <option value="monobank" {{ 'selected' if values.payment_provider == 'monobank' }}>Monobank</option>
      <option value="liqpay" {{ 'selected' if values.payment_provider == 'liqpay' }}>LiqPay</option>
    </select>
    <p class="muted field-hint">
      Визначає, через кого створюються НОВІ платежі карткою. Замовлення, які вже отримали посилання на оплату
      від іншого провайдера, продовжують перевірятись саме через нього, незалежно від цього перемикача.
    </p>

    <h3>Monobank</h3>

    {% if values.monobank_test_mode == '1' %}
    <div class="flash error" style="margin-top:0;">
      ⚠️ Увімкнено тестовий режим оплати — картки клієнтів зараз <b>не списуються</b>. Не забудьте вимкнути перед стартом продажів.
    </div>
    {% endif %}

    <label style="display:flex;align-items:center;gap:8px;">
      <input type="checkbox" name="monobank_test_mode" class="admin-checkbox" {{ 'checked' if values.monobank_test_mode == '1' }}>
      Тестовий режим оплати (платежі йдуть через тестовий токен, гроші не списуються)
    </label>

    <label>Бойовий токен еквайрингу (X-Token)</label>
    <div class="field-with-button" style="display:flex;gap:8px;align-items:center;flex-wrap:wrap;">
      <input type="password" name="monobank_token" value="{{ values.monobank_token }}" placeholder="вставте токен з Monobank для бізнесу" autocomplete="off" style="flex:1;min-width:200px;margin:0;">
      <button class="btn secondary small" type="submit" formaction="{{ url_for('admin.settings_test_monobank') }}?field=monobank_token" style="white-space:nowrap;flex-shrink:0;">Перевірити</button>
    </div>
    <p class="muted field-hint">
      Видається в застосунку Monobank: Ще → Мій бізнес → Прийом платежів → Токени.
    </p>

    <label>Тестовий токен</label>
    <div class="field-with-button" style="display:flex;gap:8px;align-items:center;flex-wrap:wrap;">
      <input type="password" name="monobank_test_token" value="{{ values.monobank_test_token }}" placeholder="тестовий токен з особистого кабінету" autocomplete="off" style="flex:1;min-width:200px;margin:0;">
      <button class="btn secondary small" type="submit" formaction="{{ url_for('admin.settings_test_monobank') }}?field=monobank_test_token" style="white-space:nowrap;flex-shrink:0;">Перевірити</button>
    </div>
    <p class="muted field-hint">
      Єдиного спільного тестового ключа немає — беріть свій особистий у кабінеті
      <a href="https://api.monobank.ua/" target="_blank" style="color:var(--accent-2);">api.monobank.ua</a> (звичайний акаунт monobank, бізнес не обов'язковий).
      У тестовому режимі підходить будь-який номер картки, коректний за алгоритмом Луна — гроші не рухаються.
      Кнопка «Перевірити» лише звіряється з Monobank і не створює платіж.
    </p>

    <label>Опис платежу (показується клієнту на сторінці оплати)</label>
    <input type="text" name="payment_destination_template" value="{{ values.payment_destination_template }}" placeholder="Оплата замовлення {number} {{ cafe_name }}">
    <p class="muted field-hint">{number} буде замінено на номер замовлення, напр. №1005.</p>

    <label style="display:flex;align-items:center;gap:8px;">
      <input type="checkbox" name="monobank_show_basket" class="admin-checkbox" {{ 'checked' if values.monobank_show_basket == '1' }}>
      Показувати список товарів на сторінці оплати
    </label>

    <h3>LiqPay</h3>

    {% if values.liqpay_sandbox_mode == '1' %}
    <div class="flash error" style="margin-top:0;">
      ⚠️ Увімкнено тестовий режим LiqPay (sandbox) — картки клієнтів зараз <b>не списуються</b>. Не забудьте вимкнути перед стартом продажів.
    </div>
    {% endif %}

    <label style="display:flex;align-items:center;gap:8px;">
      <input type="checkbox" name="liqpay_sandbox_mode" class="admin-checkbox" {{ 'checked' if values.liqpay_sandbox_mode == '1' }}>
      Тестовий режим оплати (sandbox — той самий ключ, гроші не списуються)
    </label>

    <label>Публічний ключ (public_key)</label>
    <div class="field-with-button" style="display:flex;gap:8px;align-items:center;flex-wrap:wrap;">
      <input type="text" name="liqpay_public_key" value="{{ values.liqpay_public_key }}" placeholder="вставте public_key з кабінету LiqPay" autocomplete="off" style="flex:1;min-width:200px;margin:0;">
    </div>

    <label>Приватний ключ (private_key)</label>
    <div class="field-with-button" style="display:flex;gap:8px;align-items:center;flex-wrap:wrap;">
      <input type="password" name="liqpay_private_key" value="{{ values.liqpay_private_key }}" placeholder="вставте private_key з кабінету LiqPay" autocomplete="off" style="flex:1;min-width:200px;margin:0;">
      <button class="btn secondary small" type="submit" formaction="{{ url_for('admin.settings_test_liqpay') }}" style="white-space:nowrap;flex-shrink:0;">Перевірити</button>
    </div>
    <p class="muted field-hint">
      Видається в кабінеті <a href="https://www.liqpay.ua/" target="_blank" style="color:var(--accent-2);">liqpay.ua</a> для вашого магазину.
      Кнопка «Перевірити» звіряється з LiqPay і не створює реальний платіж.
    </p>

    <h2>🧾 Фіскалізація (ПРРО Checkbox)</h2>
    {% if values.checkbox_enabled == '1' %}
    <div class="flash warning" style="margin-top:0;">
      Увімкнено — після позначення замовлення оплаченим (готівка) або оплати карткою система автоматично формуватиме фіскальний чек через Checkbox.
    </div>
    {% endif %}
    <label style="display:flex;align-items:center;gap:8px;">
      <input type="checkbox" name="checkbox_enabled" class="admin-checkbox" {{ 'checked' if values.checkbox_enabled == '1' }}>
      Увімкнути автоматичну фіскалізацію через Checkbox
    </label>
    <p class="muted field-hint">
      Checkbox — сервіс програмного РРО (checkbox.ua), тариф «Стандартний» 249 грн/міс за касу, перші 30 днів безкоштовно.
      Дані каси видаються у кабінеті Checkbox після реєстрації: Пристрої → Каси. Це налаштування розраховане на 2 групу єдиного податку без ПДВ —
      чеки формуються без ПДВ-ставки.
    </p>

    <label>Логін касира</label>
    <input type="text" name="checkbox_login" value="{{ values.checkbox_login }}" autocomplete="off">
    <label>Пароль касира</label>
    <input type="password" name="checkbox_password" value="{{ values.checkbox_password }}" autocomplete="off">
    <label>Ліцензійний ключ каси</label>
    <input type="text" name="checkbox_license_key" value="{{ values.checkbox_license_key }}" autocomplete="off" placeholder="видається у кабінеті Checkbox для конкретної каси">

    <label style="display:flex;align-items:center;gap:8px;margin-top:14px;">
      <input type="checkbox" name="checkbox_deliver_receipt_to_customer" class="admin-checkbox" {{ 'checked' if values.checkbox_deliver_receipt_to_customer == '1' }}>
      Надсилати чек клієнту у Telegram після фіскалізації
    </label>

    <label style="display:flex;align-items:center;gap:8px;margin-top:10px;" id="checkbox-autoclose-toggle">
      <input type="checkbox" name="checkbox_auto_close_enabled" class="admin-checkbox" {{ 'checked' if values.checkbox_auto_close_enabled == '1' }} onchange="document.getElementById('checkbox-autoclose-time-wrap').style.display = this.checked ? 'block' : 'none';">
      Автоматично закривати зміну каси щодня
    </label>
    <div id="checkbox-autoclose-time-wrap" style="{{ 'display:none;' if values.checkbox_auto_close_enabled != '1' }}">
      <label>Час закриття зміни</label>
      <input type="time" name="checkbox_auto_close_time" value="{{ values.checkbox_auto_close_time }}" style="max-width:160px;">
    </div>
    <p class="muted field-hint">
      За законом зміна ПРРО не може лишатись відкритою довше 24 годин. Якщо увімкнено — система сама закриє зміну щойно мине вказаний час
      (перевірка раз на ~10 хв), з формуванням Z-звіту. Якщо після цього надійде нове оплачене замовлення — зміна відкриється знову автоматично й теж закриється у визначений час наступного дня.
    </p>

    <div style="margin-top:14px;display:flex;gap:10px;flex-wrap:wrap;">
      <button class="btn secondary small" type="submit" formaction="{{ url_for('admin.settings_test_checkbox') }}">🔌 Перевірити підключення</button>
      <button class="btn secondary small" type="submit" formaction="{{ url_for('admin.settings_close_checkbox_shift') }}">🔒 Закрити зміну зараз</button>
    </div>

    <button class="btn" type="submit" style="margin-top:16px;">Зберегти</button>
  </form>
</div>
{% endblock %}