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

  <div class="d-flex justify-content-between align-items-center mb-3">
    <div>
      <h4 class="mb-0"><i class="bi bi-plus-circle me-2"></i>Initiate Loan (HR/Admin)</h4>
      <div class="text-muted small">Create a loan request on behalf of any employee.</div>
    </div>
    <a class="btn btn-outline-secondary btn-sm" href="{{ url_for('loan.admin_dashboard') }}">
      <i class="bi bi-arrow-left"></i> Back to Dashboard
    </a>
  </div>

  <div class="card shadow-sm">
    <div class="card-body">

      {% if ineligible_reasons %}
        <div class="alert alert-danger">
          <b>Employee is not eligible:</b>
          <ul class="mb-0">
            {% for r in ineligible_reasons %}
              <li>{{ r }}</li>
            {% endfor %}
          </ul>
        </div>
      {% endif %}

      <form method="POST">

        <div class="row g-3">
          <div class="col-md-6">
            <label class="form-label fw-bold">Employee</label>
            <select class="form-select" name="employee_id" required>
              <option value="">-- Select Employee --</option>
              {% for e in employees %}
                <option value="{{ e.id }}"
                  {% if form_data and form_data.get('employee_id') and form_data.get('employee_id')|int == e.id %}selected{% endif %}>
                  {{ e.employee_code }} — {{ e.full_name }}{% if e.department %} ({{ e.department.name }}){% endif %}
                </option>
              {% endfor %}
            </select>
          </div>

          <div class="col-md-6">
            <label class="form-label fw-bold">Loan Type</label>
            <select class="form-select" name="loan_type" required>
              <option value="">-- Select Loan Type --</option>
              {% for lt in loan_types %}
                <option value="{{ lt.name }}"
                  {% if form_data and form_data.get('loan_type') == lt.name %}selected{% endif %}>
                  {{ lt.label }}
                </option>
              {% endfor %}
            </select>
            <div class="text-muted small mt-1">
              Uses LoanType.name for storage; display uses LoanType.label.
            </div>
          </div>

          <div class="col-md-4">
            <label class="form-label fw-bold">Amount</label>
            <input type="number" step="0.01" min="1" class="form-control" name="amount"
                   value="{{ (form_data.get('amount') if form_data else '') }}" required>
          </div>

          <div class="col-md-4">
            <label class="form-label fw-bold">Tenure (months)</label>
            <input type="number" min="1" class="form-control" name="tenure_months"
                   value="{{ (form_data.get('tenure_months') if form_data else '') }}" required>
          </div>

          <div class="col-md-4">
            <label class="form-label fw-bold">Start Month</label>
            <input type="month" class="form-control" name="start_month"
                   value="{% if form_data and form_data.get('start_month') %}{{ form_data.get('start_month') }}{% else %}{{ default_start_month }}{% endif %}">
            <div class="text-muted small mt-1">Defaults to next month if not set.</div>
          </div>

          <div class="col-md-12">
            <label class="form-label fw-bold">Remarks (optional)</label>
            <textarea class="form-control" name="remarks" rows="2"
                      placeholder="Reason / notes for approver / employee...">{{ (form_data.get('remarks') if form_data else '') }}</textarea>
          </div>

          <div class="col-md-12">
            <div class="form-check">
              <input class="form-check-input" type="checkbox" id="ignore_eligibility" name="ignore_eligibility"
                     {% if form_data and form_data.get('ignore_eligibility') %}checked{% endif %}>
              <label class="form-check-label" for="ignore_eligibility">
                Ignore eligibility checks (override)
              </label>
            </div>
          </div>

        </div>

        <hr class="my-3">

        <div class="d-flex gap-2">
          <button class="btn btn-primary">
            <i class="bi bi-check2-circle me-1"></i> Create Loan Request
          </button>
          <a class="btn btn-outline-secondary" href="{{ url_for('loan.admin_dashboard') }}">
            Cancel
          </a>
        </div>

      </form>
    </div>
  </div>

</div>
{% endblock %}