{% extends "base.html" %}
{% block content %}
<div class="container mt-4">

  <div class="d-flex justify-content-between align-items-center mb-3">
    <div>
      <h3 class="mb-1">Full &amp; Final Settlement</h3>
      <p class="text-muted mb-0">
        <strong>Employee:</strong> {{ er.employee.full_name }} ({{ er.employee.employee_code }}) |
        <strong>Proposed LWD:</strong> {{ er.proposed_lwd.strftime('%d-%m-%Y') if er.proposed_lwd else '' }}
      </p>
      <p class="mb-0 mt-1">
        <strong>Status:</strong>
        {% if fnf.status == 'draft' %}
          <span class="badge bg-secondary">Draft</span>
        {% elif fnf.status == 'approved' %}
          <span class="badge bg-warning text-dark">Approved</span>
        {% elif fnf.status == 'paid' %}
          <span class="badge bg-success">Paid</span>
        {% else %}
          <span class="badge bg-info">{{ fnf.status }}</span>
        {% endif %}
      </p>
    </div>

    <div class="d-flex gap-2">
      <a href="{{ url_for('exit.download_fnf_detail', exit_id=er.id) }}" class="btn btn-success">
        Download Excel
      </a>

      {% if fnf.status != 'paid' %}
      <form method="POST" action="{{ url_for('exit.approve_fnf', exit_id=er.id) }}">
        <button type="submit" class="btn btn-warning">Approve F&amp;F</button>
      </form>
      {% endif %}

      {% if fnf.status == 'approved' %}
      <form method="POST" action="{{ url_for('exit.mark_fnf_paid', exit_id=er.id) }}">
        <button type="submit" class="btn btn-success">Mark F&amp;F Paid</button>
      </form>
      {% endif %}
    </div>
  </div>

  <form method="POST" action="{{ url_for('exit.save_fnf', exit_id=er.id) }}">
    <table class="table table-bordered align-middle">

      <tr><td><strong>Salary</strong></td><td>{{ fnf.salary_amount }}</td></tr>
      <tr><td><strong>Deductions</strong></td><td>{{ fnf.deductions_amount }}</td></tr>

      <tr><td><strong>Penalty</strong></td><td><input class="form-control" name="penalty_recovery" value="{{ fnf.penalty_recovery }}"></td></tr>
      <tr><td><strong>Loan</strong></td><td><input class="form-control" name="loan_advance_recovery" value="{{ fnf.loan_advance_recovery }}"></td></tr>
      <tr><td><strong>Assets</strong></td><td><input class="form-control" name="asset_recovery" value="{{ fnf.asset_recovery }}"></td></tr>
      <tr><td><strong>Handover</strong></td><td><input class="form-control" name="handover_recovery" value="{{ fnf.handover_recovery }}"></td></tr>

      <tr><td><strong>Bonus</strong></td><td>{{ fnf.bonus_amount }}</td></tr>
      <tr><td><strong>Gratuity</strong></td><td>{{ fnf.gratuity_amount }}</td></tr>

      <tr><td><strong>Other</strong></td><td><input class="form-control" name="other_benefits" value="{{ fnf.other_benefits }}"></td></tr>

      <tr class="table-success">
        <td><strong>Net Payable</strong></td>
        <td><strong>{{ fnf.net_payable }}</strong></td>
      </tr>

    </table>

    <div class="d-flex justify-content-between">
      <a href="{{ url_for('exit.fnf_list') }}" class="btn btn-outline-secondary">Back</a>
      {% if fnf.status != 'paid' %}
      <button class="btn btn-primary">Save</button>
      {% endif %}
    </div>
  </form>

</div>
{% endblock %}