{% extends "base.html" %}
{% block content %}
<div class="container-fluid mt-3" style="max-width: 900px;">

  <div class="d-flex justify-content-between align-items-center mb-3">
    <h4 class="mb-0">
      <i class="bi bi-gear me-1"></i>
      Loan Settings
    </h4>
    <a href="{{ url_for('loan.admin_dashboard') }}" class="btn btn-outline-secondary btn-sm">
      <i class="bi bi-arrow-left-short"></i> Back to Loan Admin
    </a>
  </div>

  <div class="card shadow-sm mb-3">
    <div class="card-header bg-light fw-semibold">
      Eligibility &amp; Global Rules
    </div>
    <div class="card-body">
      <form method="post">
        {{ csrf_token() if csrf_token is defined }}

        <div class="row g-3">
          <div class="col-md-4">
            <label class="form-label small mb-1">Minimum Months of Service</label>
            <input type="number" name="min_months_service"
                   class="form-control form-control-sm"
                   value="{{ settings.min_months_service or 12 }}">
            <div class="form-text small">
              Used in eligibility check for employees.
            </div>
          </div>

          {# Placeholder: you can add more global numeric settings here later #}
        </div>

        <hr class="mt-4">

        <div class="mb-2">
          <label class="form-label small mb-1">Loan Policy Snapshot (right panel text)</label>
          <textarea name="policy_html"
                    rows="8"
                    class="form-control form-control-sm"
                    placeholder="<ul><li>Maximum loan amount as per grade &amp; salary.</li>...</ul>">{{ settings.policy_html or "" }}</textarea>
          <div class="form-text small">
            You can enter plain text or simple HTML (like &lt;ul&gt;, &lt;li&gt;, &lt;b&gt;).
            This appears on the "Loan Policy Snapshot" card in the Apply Loan screen.
          </div>
        </div>

        <div class="d-flex justify-content-end mt-3">
          <button type="submit" class="btn btn-primary btn-sm">
            <i class="bi bi-save me-1"></i> Save Settings
          </button>
        </div>
      </form>
    </div>
  </div>

</div>
{% endblock %}