{% extends 'base.html' %}
{% block content %}
<div class="container mt-4">
  <h3 class="mb-3 text-primary">Leave Type Master</h3>

  <!-- Flash messages -->
  {% with messages = get_flashed_messages(with_categories=true) %}
    {% if messages %}
      {% for category, message in messages %}
        <div class="alert alert-{{ category }} alert-dismissible fade show" role="alert">
          {{ message }}
          <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
        </div>
      {% endfor %}
    {% endif %}
  {% endwith %}

  <!-- Add Form -->
  <div class="card mb-4 shadow-sm">
    <div class="card-header bg-primary text-white">
      Add New Leave Type
    </div>
    <div class="card-body">
      <form action="{{ url_for('leave.add_leave_type') }}" method="POST">
        <div class="row mb-2">
          <div class="col-md-4">
            <label for="name" class="form-label">Leave Name</label>
            <input type="text" name="name" required class="form-control">
          </div>
          <div class="col-md-2">
            <label for="code" class="form-label">Code</label>
            <input type="text" name="code" required class="form-control">
          </div>
          <div class="col-md-2">
            <label for="default_quota" class="form-label">Quota</label>
            <input type="number" step="0.5" name="default_quota" class="form-control">
          </div>
          <div class="col-md-4">
            <label for="remarks" class="form-label">Remarks</label>
            <input type="text" name="remarks" class="form-control">
          </div>
        </div>

        <div class="row mb-2">
          <div class="col-md-2"><input type="checkbox" name="allow_half_day"> Allow Half-Day</div>
          <div class="col-md-2"><input type="checkbox" name="requires_approval" checked> Requires Approval</div>
          <div class="col-md-2"><input type="checkbox" name="carry_forward"> Carry Forward</div>
          <div class="col-md-2"><input type="checkbox" name="encashable"> Encashable</div>
          <div class="col-md-2"><input type="checkbox" name="sandwich_applicable" checked> Sandwich Policy</div>
          <div class="col-md-2"><input type="checkbox" name="probation_restricted"> Probation Restricted</div>
        </div>

        <button class="btn btn-success mt-2" type="submit">➕ Add Leave Type</button>
      </form>
    </div>
  </div>

  <!-- Existing Leave Types -->
  <div class="card shadow-sm">
    <div class="card-header bg-secondary text-white">
      Existing Leave Types
    </div>
    <div class="card-body p-0">
      <table class="table table-bordered table-striped m-0">
        <thead class="table-light">
          <tr>
            <th>ID</th>
            <th>Name</th>
            <th>Code</th>
            <th>Quota</th>
            <th>Flags</th>
            <th>Remarks</th>
            <th>Actions</th>
          </tr>
        </thead>
        <tbody>
          {% for lt in leave_types %}
          <tr>
            <td>{{ lt.id }}</td>
            <td>{{ lt.name }}</td>
            <td>{{ lt.code }}</td>
            <td>{{ lt.default_quota }}</td>
            <td>
              {% if lt.allow_half_day %}<span class="badge bg-info">Half-Day</span>{% endif %}
              {% if lt.requires_approval %}<span class="badge bg-warning text-dark">Approval</span>{% endif %}
              {% if lt.carry_forward %}<span class="badge bg-success">Carry Fwd</span>{% endif %}
              {% if lt.encashable %}<span class="badge bg-primary">Encash</span>{% endif %}
              {% if lt.sandwich_applicable %}<span class="badge bg-dark">Sandwich</span>{% endif %}
              {% if lt.probation_restricted %}<span class="badge bg-danger">Probation</span>{% endif %}
            </td>
            <td>{{ lt.remarks or '' }}</td>
            <td>
              <a href="{{ url_for('leave.edit_leave_type', type_id=lt.id) }}" class="btn btn-sm btn-outline-primary">✏️ Edit</a>
              <form method="POST" action="{{ url_for('leave.delete_leave_type', type_id=lt.id) }}" class="d-inline-block" onsubmit="return confirm('Delete this leave type?');">
                <button class="btn btn-sm btn-outline-danger">🗑 Delete</button>
              </form>
            </td>
          </tr>
          {% else %}
          <tr><td colspan="7" class="text-center">No leave types found.</td></tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
  </div>
</div>
{% endblock %}