{% extends "pos/base.html" %}
{% load static %}

{% block title %}Tax Department Configuration{% endblock %}
{% block stylesheets %}
  <link href="{% static 'vendor/datatables/dataTables.bootstrap4.min.css' %}" rel="stylesheet"/>
{% endblock %}

{% block heading %}Tax Department Configuration{% endblock %}

{% block content %}

<!-- Load Defaults -->
<div class="mb-3">
  <form method="post" action="{% url 'tax_registrations:config_list' %}" class="d-inline-block mr-1">
    {% csrf_token %}
    <button type="submit" name="load_fbr_defaults" class="btn btn-info">
      <i class="fas fa-download"></i> Load FBR Defaults
    </button>
  <a href="{% url 'tax_registrations:dashboard' %}?dept=FBR" class="btn btn-primary btn-sm">
    <i class="fas fa-chart-bar"></i> FBR Dashboard
  </a>
  <a href="{% url 'tax_registrations:fbr_sandbox' %}" class="btn btn-primary btn-sm">
    <i class="fas fa-chart-bar"></i> Sandbox
  </a>


    
  </form>
  <form method="post" action="{% url 'tax_registrations:config_list' %}" class="d-inline-block mr-1">
    {% csrf_token %}
    <button type="submit" name="load_pra_defaults" class="btn btn-secondary btn-sm">
      <i class="fas fa-download"></i> Load PRA Defaults
    </button>
  </form>


</div>

<!-- Department filter -->
<form method="get" class="form-inline mb-3">
  <label for="dept_filter" class="mr-2">Department:</label>
  <select name="dept" id="dept_filter" class="form-control mr-2">
    <option value="">All Departments</option>
    <option value="FBR" {% if dept_filter == 'FBR' %}selected{% endif %}>FBR (Federal Board of Revenue)</option>
    <option value="PRA" {% if dept_filter == 'PRA' %}selected{% endif %}>PRA (Punjab Revenue Authority)</option>
    {% for d in all_depts %}
      {% if d != 'FBR' and d != 'PRA' %}
        <option value="{{ d }}" {% if d == dept_filter %}selected{% endif %}>{{ d }}</option>
      {% endif %}
    {% endfor %}
  </select>
  <button type="submit" class="btn btn-primary btn-sm">Filter</button>
</form>

{% if not configs %}
  <div class="alert alert-info">
    Koi config nahi mili. <strong>"Load FBR Defaults"</strong> button dabayein.
  </div>
{% else %}
  <table id="cfgTable" class="table table-bordered table-hover text-nowrap">
    <thead class="thead-light">
      <tr>
        <th>#</th>
        <th>Department</th>
        <th>Key</th>
        <th>Value</th>
        <th>Description</th>
        <th>Action</th>
      </tr>
    </thead>
    <tbody>
      {% for cfg in configs %}
      <tr>
        <td>{{ cfg.t_id }}</td>
        <td>
          {% if cfg.department == 'FBR' %}
            <span class="badge badge-primary">FBR</span>
          {% elif cfg.department == 'PRA' %}
            <span class="badge badge-info">PRA</span>
          {% else %}
            <span class="badge badge-secondary">{{ cfg.department }}</span>
          {% endif %}
        </td>
        <td><code>{{ cfg.config_key }}</code></td>
        <td>
          <form method="post"
                action="{% url 'tax_registrations:config_update' cfg.pk %}"
                class="form-inline"
                id="form-{{ cfg.pk }}">
            {% csrf_token %}
            <input type="hidden" name="dept_filter" value="{{ dept_filter }}">

            {% if cfg.config_key == 'mode' %}
              <select name="config_value" class="form-control form-control-sm" style="width:150px;">
                <option value="sandbox" {% if cfg.config_value == 'sandbox' %}selected{% endif %}>sandbox</option>
                <option value="production" {% if cfg.config_value == 'production' %}selected{% endif %}>production</option>
              </select>
            {% elif cfg.config_key == 'api_version' %}
              <select name="config_value" class="form-control form-control-sm" style="width:150px;">
                <option value="di" {% if cfg.config_value == 'di' %}selected{% endif %}>di (new)</option>
                <option value="legacy" {% if cfg.config_value == 'legacy' %}selected{% endif %}>legacy (old)</option>
              </select>
            {% elif cfg.config_key == 'auto_fiscalize_sale' or cfg.config_key == 'auto_fiscalize_purchase' or cfg.config_key == 'auto_fiscalize_restaurant' or cfg.config_key == 'auto_fiscalize_checkout' or cfg.config_key == 'auto_fiscalize_board' or cfg.config_key == 'print_qr_on_receipt' %}
              <select name="config_value" class="form-control form-control-sm" style="width:100px;">
                <option value="True" {% if cfg.config_value == 'True' %}selected{% endif %}>True</option>
                <option value="False" {% if cfg.config_value == 'False' %}selected{% endif %}>False</option>
              </select>
            {% else %}
              <input type="text" name="config_value" value="{{ cfg.config_value }}"
                     class="form-control form-control-sm" style="width:280px;" />
            {% endif %}
          </form>
        </td>
        <td><small>{{ cfg.description }}</small></td>
        <td>
          <button type="submit" form="form-{{ cfg.pk }}" class="btn btn-sm btn-primary">
            Update
          </button>
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
{% endif %}

{% endblock %}

{% block javascripts %}
<script>
  $(document).ready(function(){
    $('#cfgTable').DataTable({ pageLength: 30, ordering: false });
  });
</script>
{% endblock %}