{% extends "./base.html" %}

{% block bodyPage %}
<div class="container mt-5" dir="rtl">
  <h1 class="title is-4">تنظیمات سامانه پیامک</h1>

  <div class="box">
    <form method="post" action="{% url 'admin_panel:sms_settings' %}">
      {% csrf_token %}
      <div class="columns is-multiline">
        <div class="field column is-4-desktop is-12-mobile">
          <label class="label">سرویس‌دهنده</label>
          <div class="control">
            <div class="select is-fullwidth">
              <select name="provider">
                {% for value, label in provider_choices %}
                <option value="{{ value }}" {% if config.provider == value %}selected{% endif %}>{{ label }}</option>
                {% endfor %}
              </select>
            </div>
          </div>
        </div>

        <div class="field column is-4-desktop is-12-mobile">
          <label class="label">وضعیت ارسال</label>
          <div class="control">
            <label class="checkbox">
              <input type="checkbox" name="is_enabled" {% if config.is_enabled %}checked{% endif %}>
              فعال باشد
            </label>
          </div>
        </div>

        <div class="field column is-4-desktop is-12-mobile">
          <label class="label">مهلت ارتباط (ثانیه)</label>
          <div class="control">
            <input class="input" type="number" name="timeout_seconds" value="{{ config.timeout_seconds }}">
          </div>
        </div>

        <div class="field column is-12-mobile">
          <label class="label">آدرس سرویس پیامک (URL)</label>
          <div class="control">
            <input class="input" type="text" name="api_url" value="{{ config.api_url }}" dir="ltr">
          </div>
          <p class="help">
            برای 0098SMS همین آدرس لینکی ارسال است
            (<span dir="ltr">http://www.0098sms.com/sendsmslink.aspx</span>)؛ این سرویس
            WSDL/SOAP ندارد و آدرس WSDL باعث خطای «Invalid XML content» می‌شود.
          </p>
        </div>

        <div class="field column is-12-mobile">
          <label class="label">آدرس وب‌سرویس (SOAP/WSDL) — فقط provider وب‌سرویس</label>
          <div class="control">
            <input class="input" type="text" name="webservice_url" value="{{ config.webservice_url }}" dir="ltr">
          </div>
          <p class="help">
            ارسال با شناسهٔ پیامک (<span dir="ltr">smsid</span>) و استعلام تحویل به گوشی
            از همین آدرس انجام می‌شود. پیش‌فرض:
            <span dir="ltr">https://webservice.0098sms.com/service.asmx</span>
          </p>
        </div>

        <div class="field column is-4-desktop is-12-mobile">
          <label class="label">شمارهٔ پنل (PnlNo)</label>
          <div class="control">
            <input class="input" type="text" name="panel_no" value="{{ config.panel_no }}" dir="ltr">
          </div>
          <p class="help">اگر خالی بماند از «شماره خط فرستنده» استفاده می‌شود.</p>
        </div>

        <div class="field column is-4-desktop is-12-mobile">
          <label class="label">نام کاربری</label>
          <div class="control">
            <input class="input" type="text" name="username" value="{{ config.username }}" dir="ltr">
          </div>
        </div>

        <div class="field column is-4-desktop is-12-mobile">
          <label class="label">رمز عبور</label>
          <div class="control">
            <input class="input" type="password" name="password" placeholder="{% if config.password %}(بدون تغییر)‌{% endif %}" dir="ltr">
          </div>
        </div>

        <div class="field column is-4-desktop is-12-mobile">
          <label class="label">شماره خط فرستنده</label>
          <div class="control">
            <input class="input" type="text" name="sender" value="{{ config.sender }}" dir="ltr">
          </div>
        </div>

        <div class="field column is-12-mobile">
          <label class="label">توکن API (فقط برای provider HTTP)</label>
          <div class="control">
            <input class="input" type="password" name="api_token" placeholder="{% if config.api_token %}(بدون تغییر)‌{% endif %}" dir="ltr">
          </div>
        </div>
      </div>

      <hr>
      <h2 class="title is-5">کنترل جریان ارسال</h2>
      <p class="help mb-3">
        برای جلوگیری از سیل پیامک: تنها مواردی ارسال می‌شوند که پنجرهٔ یادآوری‌شان از
        «خط شروع» به بعد باز شود. موارد قدیمی‌تر تنها با روشن‌کردن «اجازهٔ موارد قدیمی»
        و در سقف تعیین‌شده ارسال می‌شوند. بین هر پیامک هم فاصلهٔ زمانی رعایت می‌شود.
      </p>

      <div class="columns is-multiline">
        <div class="field column is-6-desktop is-12-mobile">
          <label class="label">تاریخ شروع دوره</label>
          <div class="control">
            <input class="input" type="text" name="scan_since"
                   value="{{ scan_since_jalali }}"
                   placeholder="مثلاً 1403/07/18 — خالی = همین حالا" dir="ltr">
          </div>
          <p class="help">
            فقط یادآوری‌هایی صف می‌شوند که «پنجرهٔ» آن‌ها از این تاریخ به بعد باز شده باشد.
            مشتریان قدیمی‌تری که پنجره‌شان پیش از این تاریخ باز شده، وارد صف نمی‌شوند.
            قالب: <span dir="ltr">YYYY/MM/DD</span> (شمسی) — خالی = همین حالا.
          </p>
        </div>

        <div class="field column is-3-desktop is-6-mobile">
          <label class="label">حداکثر پیامک هر اسکنر در هر اجرا</label>
          <div class="control">
            <input class="input" type="number" min="0" name="max_per_run" value="{{ config.max_per_run }}">
          </div>
        </div>

        <div class="field column is-3-desktop is-6-mobile">
          <label class="label">فاصلهٔ بین هر پیامک (ثانیه)</label>
          <div class="control">
            <input class="input" type="number" min="0" name="send_interval_seconds" value="{{ config.send_interval_seconds }}">
          </div>
        </div>

        <div class="field column is-3-desktop is-6-mobile">
          <label class="label">اجازهٔ ارسال موارد قدیمی</label>
          <div class="control">
            <label class="checkbox">
              <input type="checkbox" name="allow_backlog" {% if config.allow_backlog %}checked{% endif %}>
              فعال باشد
            </label>
          </div>
        </div>

        <div class="field column is-3-desktop is-6-mobile">
          <label class="label">حداکثر موارد قدیمی در هر اجرا</label>
          <div class="control">
            <input class="input" type="number" min="0" name="backlog_max" value="{{ config.backlog_max }}">
          </div>
          <p class="help">صفر = هیچ مورد قدیمی ارسال نمی‌شود.</p>
        </div>
      </div>

      <div class="buttons">
        <button class="button is-success" type="submit">ذخیره تنظیمات</button>
      </div>
    </form>
  </div>

  <div class="box">
    <h2 class="title is-5">ارسال پیامک آزمایشی</h2>
    <form method="post" action="{% url 'admin_panel:sms_settings' %}">
      {% csrf_token %}
      <input type="hidden" name="action" value="test">
      <div class="field">
        <label class="label">متن پیامک آزمایشی</label>
        <div class="control">
          <textarea class="textarea" name="test_message" rows="3">{{ config.test_message }}</textarea>
        </div>
        <p class="help">این متن ذخیره می‌شود و در ارسال‌های بعدی هم استفاده خواهد شد.</p>
      </div>
      <div class="field has-addons">
        <div class="control is-expanded">
          <input class="input" type="text" name="test_phone" placeholder="مثلاً 09120000000" dir="ltr">
        </div>
        <div class="control">
          <button class="button is-info" type="submit">ارسال آزمایشی</button>
        </div>
      </div>
    </form>
    <p class="help">پیامک آزمایشی در صف قرار می‌گیرد و توسط worker ارسال می‌شود.</p>
  </div>
</div>
{% endblock %}