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

{% block content %}
<div class="container-fluid mt-3">
  <div class="d-flex justify-content-between align-items-center mb-3">
    <h4>
      {% if contract %}Edit Contract #{{ contract.contract_no }}{% else %}New Contract{% endif %}
    </h4>
    <a href="{% url 'sales:contracts_list' %}" class="btn btn-secondary btn-sm">
      Back to List
    </a>
  </div>

  <div class="card">
    <div class="card-body">
      <form method="post" novalidate>
        {% csrf_token %}

        <div class="form-row">
          <!-- Contract No (read-only) -->
          <div class="form-group col-md-3">
            <label>Contract No</label>
            <input type="text"
                   class="form-control form-control-sm"
                   value="{% if contract %}{{ contract.contract_no }}{% else %}Auto{% endif %}"
                   readonly>
          </div>

          <!-- Title -->
          <div class="form-group col-md-5">
            <label>Title</label>
            <input type="text"
                   name="title"
                   class="form-control form-control-sm"
                   value="{% if contract %}{{ contract.title }}{% endif %}">
          </div>

          <!-- Status -->
          <div class="form-group col-md-4">
            <label>Status</label>
            <select name="status" class="form-control form-control-sm">
              {% with cur=contract.status|default:"OPEN" %}
              <option value="OPEN" {% if cur == "OPEN" %}selected{% endif %}>OPEN</option>
              <option value="CLOSED" {% if cur == "CLOSED" %}selected{% endif %}>CLOSED</option>
              <option value="CANCELLED" {% if cur == "CANCELLED" %}selected{% endif %}>CANCELLED</option>
              {% endwith %}
            </select>
          </div>
        </div>

        <div class="form-row">
          <!-- Customer -->
          <div class="form-group col-md-4">
            <label>Customer</label>
            <select name="customer_id" class="form-control form-control-sm">
              <option value="0">— Select Customer —</option>
              {% for cust in customers %}
                <option value="{{ cust.t_id }}"
                  {% if contract and contract.customer_id == cust.t_id %}selected{% endif %}>
                  {{ cust.name }}
                </option>
              {% endfor %}
            </select>
          </div>

          <!-- Total Contract Amount -->
          <div class="form-group col-md-4">
            <label>Total Contract Amount</label>
            <input type="number" step="0.01"
                   name="total_contract_amount"
                   class="form-control form-control-sm"
                   value="{% if contract %}{{ contract.total_contract_amount }}{% else %}0{% endif %}">
          </div>

          <!-- Default Bank -->
          <div class="form-group col-md-4">
            <label>Default Bank</label>
            <select name="default_bank_id" class="form-control form-control-sm">
              <option value="0">— Select Bank —</option>
              {% for b in banks %}
                <option value="{{ b.t_id }}"
                  {% if contract and contract.default_bank_id == b.t_id %}selected{% endif %}>
                  {{ b.name }}
                </option>
              {% endfor %}
            </select>
          </div>
        </div>

        <div class="form-row">
          <!-- Start Date -->
          <div class="form-group col-md-3">
            <label>Start Date</label>
            <input type="date"
                   name="start_date"
                   class="form-control form-control-sm"
                   value="{% if contract and contract.start_date %}{{ contract.start_date|date:'Y-m-d' }}{% endif %}">
          </div>

          <!-- End Date -->
          <div class="form-group col-md-3">
            <label>End Date</label>
            <input type="date"
                   name="end_date"
                   class="form-control form-control-sm"
                   value="{% if contract and contract.end_date %}{{ contract.end_date|date:'Y-m-d' }}{% endif %}">
          </div>

          <!-- Remarks -->
          <div class="form-group col-md-6">
            <label>Remarks</label>
            <textarea name="remarks"
                      rows="2"
                      class="form-control form-control-sm">{% if contract %}{{ contract.remarks }}{% endif %}</textarea>
          </div>
        </div>

        <button type="submit" class="btn btn-primary">
          {% if contract %}Update Contract{% else %}Create Contract{% endif %}
        </button>
      </form>
    </div>
  </div>
</div>
{% endblock %}