{% extends "base.html" %}
{% block content %}

<div class="container mt-4" style="max-width: 1250px;">

  <div class="d-flex justify-content-between align-items-center mb-3">
    <h4 class="mb-0">
      <i class="bi bi-card-checklist me-2"></i> Appraisals
    </h4>
    <div class="d-flex gap-2">
      <a href="{{ url_for('appraisal.dashboard') }}" class="btn btn-outline-secondary btn-sm">
        <i class="bi bi-speedometer2 me-1"></i> Dashboard
      </a>
      {% if is_hr_admin %}
      <a href="{{ url_for('appraisal.initiate') }}" class="btn btn-primary btn-sm">
        <i class="bi bi-plus-circle me-1"></i> Initiate Appraisal
      </a>
      {% endif %}
    </div>
  </div>

  <!-- Filters -->
  <form method="GET" class="card shadow-sm mb-3">
    <div class="card-body row g-3 align-items-end">

      <div class="col-md-2">
        <label class="form-label">Month</label>
        <input type="month" name="month" value="{{ filters.month }}" class="form-control">
      </div>

      <div class="col-md-2">
        <label class="form-label">Status</label>
        <select class="form-select" name="status">
          <option value="">All</option>
          {% for s in status_choices %}
            <option value="{{ s }}" {% if filters.status == s %}selected{% endif %}>
              {{ s.replace("_"," ").title() }}
            </option>
          {% endfor %}
        </select>
      </div>

      <div class="col-md-3">
        <label class="form-label">Department</label>
        <select class="form-select" name="department_id">
          <option value="">All</option>
          {% for d in departments %}
            <option value="{{ d.id }}" {% if filters.department_id == d.id %}selected{% endif %}>
              {{ d.name }}
            </option>
          {% endfor %}
        </select>
      </div>

      <div class="col-md-3">
        <label class="form-label">Search</label>
        <input type="text" name="search" value="{{ filters.search }}" class="form-control"
               placeholder="Name or Employee Code">
      </div>

      <div class="col-md-2 d-flex gap-2">
        <button class="btn btn-primary w-100" type="submit">
          <i class="bi bi-funnel me-1"></i> Apply
        </button>
        <a class="btn btn-outline-secondary w-100" href="{{ url_for('appraisal.list_appraisals') }}">
          Clear
        </a>
      </div>

    </div>
  </form>

  <!-- Table -->
  <div class="card shadow-sm">
    <div class="card-body p-0">
      <div class="table-responsive">
        <table class="table table-hover align-middle mb-0">
          <thead class="table-light">
            <tr>
              <th style="width: 80px;">ID</th>
              <th>Employee</th>
              <th style="width: 140px;">Dept</th>
              <th style="width: 90px;">Type</th>
              <th style="width: 120px;">Effective</th>
              <th style="width: 130px;" class="text-end">Current Gross</th>
              <th style="width: 130px;" class="text-end">Final Gross</th>
              <th style="width: 120px;" class="text-end">Final %</th>
              <th style="width: 140px;">Status</th>
              <th style="width: 220px;">Actions</th>
            </tr>
          </thead>
          <tbody>

          {% if not rows %}
            <tr>
              <td colspan="10" class="text-center text-muted py-4">
                No appraisals found for the selected filters.
              </td>
            </tr>
          {% endif %}

          {% for a, emp, dept in rows %}
            {% set st = (a.status or '') %}
            <tr>
              <td class="text-muted">#{{ a.id }}</td>

              <td>
                <div class="fw-semibold">{{ emp.full_name }}</div>
                <div class="text-muted small">
                  {{ emp.employee_code or '' }}
                  {% if a.manager_id %}
                    · Manager ID: {{ a.manager_id }}
                  {% endif %}
                </div>
              </td>

              <td>{{ dept.name if dept else '-' }}</td>

              <td>
                <span class="badge bg-info text-dark">{{ a.process_type or '-' }}</span>
              </td>

              <td>
                {% if a.effective_month %}
                  {{ a.effective_month.strftime("%Y-%m") }}
                {% else %}
                  -
                {% endif %}
              </td>

              <td class="text-end">
                {{ "%.2f"|format(a.current_gross or 0) }}
              </td>

              <td class="text-end">
                {{ "%.2f"|format(a.final_new_gross or 0) }}
              </td>

              <td class="text-end">
                {{ "%.2f"|format(a.final_increment_pct or 0) }}
              </td>

              <td>
                {% if st in ["awaiting_employee"] %}
                  <span class="badge bg-warning text-dark">Awaiting Employee</span>
                {% elif st in ["awaiting_manager"] %}
                  <span class="badge bg-warning text-dark">Awaiting Manager</span>
                {% elif st in ["scored"] %}
                  <span class="badge bg-primary">Scored</span>
                {% elif st in ["hr_finalized"] %}
                  <span class="badge bg-success">HR Finalized</span>
                {% elif st in ["applied"] %}
                  <span class="badge bg-success">Applied</span>
                {% elif st in ["rejected"] %}
                  <span class="badge bg-danger">Rejected</span>
                {% elif st in ["initiated"] %}
                  <span class="badge bg-secondary">Initiated</span>
                {% else %}
                  <span class="badge bg-secondary">{{ st or "Unknown" }}</span>
                {% endif %}
              </td>

              <td>
                <div class="d-flex flex-wrap gap-2">

                  <a class="btn btn-outline-primary btn-sm"
                     href="{{ url_for('appraisal.view', appraisal_id=a.id) }}">
                    <i class="bi bi-eye me-1"></i> View
                  </a>

                  {% if is_hr_admin %}
                    <a class="btn btn-outline-success btn-sm"
                       href="{{ url_for('appraisal.hr_finalize', appraisal_id=a.id) }}">
                      <i class="bi bi-check2-circle me-1"></i> Finalize
                    </a>

                    {% if a.status == "hr_finalized" %}
                    <form method="POST" action="{{ url_for('appraisal.apply', appraisal_id=a.id) }}"
                          onsubmit="return confirm('Apply this appraisal and redirect to Assign Salary?');">
                      <button class="btn btn-success btn-sm" type="submit">
                        <i class="bi bi-box-arrow-in-right me-1"></i> Apply
                      </button>
                    </form>
                    {% endif %}

                    <a class="btn btn-outline-secondary btn-sm"
                       href="{{ url_for('appraisal.audit', appraisal_id=a.id) }}">
                      <i class="bi bi-clock-history me-1"></i> Audit
                    </a>
                  {% endif %}

                </div>
              </td>
            </tr>
          {% endfor %}

          </tbody>
        </table>
      </div>
    </div>
  </div>

</div>

{% endblock %}