{% extends 'base.html' %}
{% block content %}
<div class="container mt-4">
  <h3 class="mb-3">My Leave History</h3>
  <table class="table table-bordered align-middle">
    <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.strftime('%d-%m-%Y') if r.start_date else '' }}</td>
        <td>{{ r.end_date.strftime('%d-%m-%Y') if r.end_date else '' }}</td>
        <td>{{ r.total_days }}</td>
        <td>{{ 'Yes' if r.half_day else 'No' }}</td>

        {# Overall status with badges #}
        <td>
          {% if r.status == 'pending' %}
            <span class="badge bg-secondary">Pending (Manager)</span>
          {% elif r.status == 'manager_approved' %}
            <span class="badge bg-info text-dark">Pending HR</span>
          {% elif r.status == 'final_approved' %}
            <span class="badge bg-success">Approved</span>
          {% elif r.status == 'rejected' %}
            <span class="badge bg-danger">Rejected</span>
          {% elif r.status == 'cancelled' %}
            <span class="badge bg-warning text-dark">Cancelled</span>
          {% else %}
            <span class="badge bg-light text-dark">{{ r.status|replace('_',' ')|capitalize }}</span>
          {% endif %}
        </td>

        {# Manager remark: only show logs once manager has actually acted #}
        <td>
          {% if r.status == 'pending' %}
            <span class="badge bg-secondary">Pending</span>
          {% else %}
            {% set mgr_logs = r.approval_logs
                              | selectattr('approver_role', 'equalto', 'manager')
                              | list %}
            {% if mgr_logs %}
              {% set mlog = mgr_logs[-1] %}
              <span class="badge
                          {% if mlog.status in ['approved','manager_approved'] %}
                            bg-success
                          {% elif mlog.status == 'rejected' %}
                            bg-danger
                          {% else %}
                            bg-secondary
                          {% endif %}">
                {{ mlog.status|replace('_',' ')|capitalize }}
              </span>
              {% if mlog.remark %}
                <div class="small text-muted mt-1">
                  {{ mlog.remark }}
                </div>
              {% endif %}
            {% else %}
              <span class="badge bg-secondary">Pending</span>
            {% endif %}
          {% endif %}
        </td>

        {# HR remark: only show logs once HR has actually acted #}
        <td>
          {% if r.status in ['pending', 'manager_approved'] %}
            <span class="badge bg-secondary">Pending</span>
          {% else %}
            {% set hr_logs = r.approval_logs
                             | selectattr('approver_role', 'equalto', 'hr')
                             | list %}
            {% if hr_logs %}
              {% set hlog = hr_logs[-1] %}
              <span class="badge
                          {% if hlog.status in ['approved','final_approved'] %}
                            bg-success
                          {% elif hlog.status == 'rejected' %}
                            bg-danger
                          {% else %}
                            bg-secondary
                          {% endif %}">
                {{ hlog.status|replace('_',' ')|capitalize }}
              </span>
              {% if hlog.remark %}
                <div class="small text-muted mt-1">
                  {{ hlog.remark }}
                </div>
              {% endif %}
            {% else %}
              <span class="badge bg-secondary">Pending</span>
            {% endif %}
          {% endif %}
        </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 %}