{% extends 'base.html' %}
{% block content %}
<div class="container mt-4">
  <h3 class="mb-3">My Leave History</h3>
  <table class="table table-bordered">
    <thead class="table-light">
      <tr>
        <th>#</th>
        <th>Code</th>
        <th>Type</th>
        <th>From</th>
        <th>To</th>
        <th>Total Days</th>
        <th>Half Day</th>
        <th>Status</th>
        <th>Manager Remark</th>
        <th>HR Remark</th>
        <th>Actions</th>
      </tr>
    </thead>
    <tbody>
      {% for r in leave_requests %}
      <tr>
        <td>{{ loop.index }}</td>
        <td>{{ r.leave_type.code }}</td>
        <td>{{ r.leave_type.name }}</td>
        <td>{{ r.start_date }}</td>
        <td>{{ r.end_date }}</td>
        <td>{{ r.total_days }}</td>
        <td>{{ 'Yes' if r.half_day else 'No' }}</td>
        <td>{{ r.status|capitalize }}</td>
        <td>
          {% for log in r.approval_logs if log.approver_role == 'manager' %}
            {{ log.status|capitalize }} - {{ log.remark }}
          {% endfor %}
        </td>
        <td>
          {% for log in r.approval_logs if log.approver_role == 'hr' %}
            {{ log.status|capitalize }} - {{ log.remark }}
          {% endfor %}
        </td>
        <td>
          {% if r.status == 'pending' %}
          <form method="POST" action="{{ url_for('leave.cancel_leave', req_id=r.id) }}">
            <button class="btn btn-sm btn-danger" onclick="return confirm('Cancel this request?')">Cancel</button>
          </form>
          {% endif %}
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% endblock %}