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

  <div class="d-flex justify-content-between align-items-center mb-3">
    <h4 class="mb-0"><i class="bi bi-graph-up-arrow me-2"></i>Appraisal Dashboard</h4>

    <div class="d-flex gap-2">
      {% if is_hr_admin %}
        <a class="btn btn-sm btn-outline-primary" href="{{ url_for('appraisal.budgets') }}">Budgets</a>
        <a class="btn btn-sm btn-outline-secondary" href="{{ url_for('appraisal.masters_questions') }}">Question Master</a>
        <a class="btn btn-sm btn-outline-secondary" href="{{ url_for('appraisal.masters_score_rules') }}">Score Rules</a>
        <a class="btn btn-sm btn-primary" href="{{ url_for('appraisal.initiate') }}">
          <i class="bi bi-plus-lg me-1"></i>Initiate
        </a>
      {% endif %}
    </div>
  </div>

  {# -----------------------
     Filters
     ----------------------- #}
  {% set filter_action = (request.args.get('action') or 'all')|lower %}
  <form class="card shadow-sm mb-3" method="get">
    <div class="card-body row g-2 align-items-end">
      <div class="col-md-3">
        <label class="form-label">Month</label>
        <input type="month" name="month" class="form-control" value="{{ ref_month.strftime('%Y-%m') }}">
        {% if is_hr_admin %}
          <div class="text-muted small mt-1">
            Tip: For pending items even if effective month is different, choose <b>Show = Action Required</b>.
          </div>
        {% endif %}
      </div>

      <div class="col-md-3">
        <label class="form-label">Show</label>
        <select class="form-select" name="action">
          <option value="all" {{ 'selected' if filter_action=='all' else '' }}>All</option>
          <option value="action" {{ 'selected' if filter_action=='action' else '' }}>Action Required</option>
          <option value="completed" {{ 'selected' if filter_action=='completed' else '' }}>Completed</option>
        </select>
      </div>

      {# Preserve tab on filter submit #}
      {% if request.args.get('tab') %}
        <input type="hidden" name="tab" value="{{ request.args.get('tab') }}">
      {% endif %}

      <div class="col-md-2">
        <button class="btn btn-outline-dark w-100" type="submit">Filter</button>
      </div>
    </div>
  </form>

  {# -----------------------
     Build lists for non-HR users
     ----------------------- #}
  {% set my_pending = [] %}
  {% set my_history = [] %}
  {% set my_team_pending = [] %}

  {% if not is_hr_admin %}
    {% for a in appraisals %}
      {% set s = (a.status or '')|lower %}
      {% set is_mine_emp = (a.employee_id == current_user.id) %}
      {% set is_mine_mgr = (a.manager_id == current_user.id) %}

      {# my pending #}
      {% if (s == 'awaiting_employee' and is_mine_emp) or (s == 'awaiting_manager' and is_mine_mgr) %}
        {% set _ = my_pending.append(a) %}
      {% endif %}

      {# my history (anything mine but not pending) #}
      {% if is_mine_emp or is_mine_mgr %}
        {% if not ((s == 'awaiting_employee' and is_mine_emp) or (s == 'awaiting_manager' and is_mine_mgr)) %}
          {% set _ = my_history.append(a) %}
        {% endif %}
      {% endif %}

      {# my team pending (manager stage only) #}
      {% if is_mine_mgr and s == 'awaiting_manager' %}
        {% set _ = my_team_pending.append(a) %}
      {% endif %}
    {% endfor %}
  {% endif %}

  {# -----------------------
     Pending alert (non-HR)
     ----------------------- #}
  {% if not is_hr_admin and my_pending|length > 0 %}
    {% set first = my_pending[0] %}
    {% set first_status = (first.status or '')|lower %}
    <div class="alert alert-warning d-flex justify-content-between align-items-center">
      <div>
        <i class="bi bi-exclamation-triangle-fill me-2"></i>
        You have <strong>{{ my_pending|length }}</strong> appraisal(s) requiring your action.
      </div>
      {% if first_status == 'awaiting_employee' %}
        <a class="btn btn-sm btn-dark"
           href="{{ url_for('appraisal.employee_form', appraisal_id=first.id) }}">
          Fill Now
        </a>
      {% elif first_status == 'awaiting_manager' %}
        <a class="btn btn-sm btn-dark"
           href="{{ url_for('appraisal.manager_form', appraisal_id=first.id) }}">
          Review Now
        </a>
      {% else %}
        <a class="btn btn-sm btn-dark"
           href="{{ url_for('appraisal.view', appraisal_id=first.id) }}">
          Open
        </a>
      {% endif %}
    </div>
  {% endif %}

  {# -----------------------
     Due This Month (HR only)
     ----------------------- #}
  {% if is_hr_admin %}
  <div class="card shadow-sm mb-4">
    <div class="card-header bg-light"><strong>Appraisal Due This Month</strong></div>
    <div class="card-body p-0">
      <table class="table table-sm mb-0">
        <thead>
          <tr>
            <th>Employee</th>
            <th>Code</th>
            <th>Department</th>
            <th>Due Date</th>
            <th class="text-end">Action</th>
          </tr>
        </thead>
        <tbody>
          {% for r in due_rows %}
          <tr>
            <td>{{ r.emp.full_name }}</td>
            <td>{{ r.emp.employee_code }}</td>
            <td>{{ r.dept.name if r.dept else '-' }}</td>
            <td>{{ r.due_date.strftime('%d-%b-%Y') }}</td>
            <td class="text-end">
              <a class="btn btn-sm btn-primary"
                 href="{{ url_for('appraisal.initiate', employee_id=r.emp.id) }}">Initiate</a>
            </td>
          </tr>
          {% else %}
          <tr>
            <td colspan="5" class="text-muted p-3">No employees due this month.</td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
  </div>
  {% endif %}

  {# -----------------------
     Tabs (non-HR)
     ----------------------- #}
  {% if not is_hr_admin %}
    {% set active_tab = (request.args.get('tab') or 'pending')|lower %}
    <ul class="nav nav-tabs mb-3">
      <li class="nav-item">
        <a class="nav-link {{ 'active' if active_tab=='pending' else '' }}"
           href="{{ url_for('appraisal.dashboard', month=ref_month.strftime('%Y-%m'), action=filter_action, tab='pending') }}">
          My Pending
          {% if my_pending|length > 0 %}
            <span class="badge bg-warning text-dark ms-1">{{ my_pending|length }}</span>
          {% endif %}
        </a>
      </li>

      {% if my_team_pending|length > 0 %}
      <li class="nav-item">
        <a class="nav-link {{ 'active' if active_tab=='team' else '' }}"
           href="{{ url_for('appraisal.dashboard', month=ref_month.strftime('%Y-%m'), action=filter_action, tab='team') }}">
          My Team Pending
          <span class="badge bg-warning text-dark ms-1">{{ my_team_pending|length }}</span>
        </a>
      </li>
      {% endif %}

      <li class="nav-item">
        <a class="nav-link {{ 'active' if active_tab=='history' else '' }}"
           href="{{ url_for('appraisal.dashboard', month=ref_month.strftime('%Y-%m'), action=filter_action, tab='history') }}">
          My History
        </a>
      </li>
    </ul>
  {% endif %}

  {# -----------------------
     Select list rows
     ----------------------- #}
  {% if is_hr_admin %}
    {% set list_rows = appraisals %}
  {% else %}
    {% set active_tab = (request.args.get('tab') or 'pending')|lower %}
    {% if active_tab == 'team' %}
      {% set list_rows = my_team_pending %}
    {% elif active_tab == 'history' %}
      {% set list_rows = my_history %}
    {% else %}
      {% set list_rows = my_pending %}
    {% endif %}
  {% endif %}

  {# -----------------------
     Main Table
     ----------------------- #}
  <div class="card shadow-sm">
    <div class="card-header bg-light d-flex justify-content-between align-items-center">
      <strong>
        {% if is_hr_admin %}
          {% if filter_action == 'action' %}
            Appraisals Needing Action (All Months)
          {% elif filter_action == 'completed' %}
            Completed Appraisals (All Months)
          {% else %}
            Appraisals Effective This Month
          {% endif %}
        {% else %}
          {% set active_tab = (request.args.get('tab') or 'pending')|lower %}
          {% if active_tab == 'team' %}
            My Team Pending Appraisals
          {% elif active_tab == 'history' %}
            My Appraisal History
          {% else %}
            My Pending Appraisals
          {% endif %}
        {% endif %}
      </strong>
      <div class="text-muted small">Showing {{ list_rows|length }} record(s)</div>
    </div>

    <div class="card-body p-0">
      <table class="table table-sm mb-0">
        <thead>
          <tr>
            <th>Employee</th>
            <th>Process</th>
            <th>Status</th>
            <th>Effective Month</th>
            <th class="text-end">Action</th>
          </tr>
        </thead>
        <tbody>
          {% if list_rows|length == 0 %}
            <tr>
              <td colspan="5" class="text-muted p-3">No records found.</td>
            </tr>
          {% endif %}

          {% for a in list_rows %}
            {% set e = emp_map.get(a.employee_id) %}
            {% set s = ((a.status or '')|string|lower|trim)|replace(' ', '_')|replace('-', '_') %}

            <tr>
              <td>
                {{ e.full_name if e else a.employee_id }}
                {% if e %}
                  <div class="text-muted small">{{ e.employee_code }}</div>
                {% endif %}
              </td>

              <td>
                {% if a.process_type == 'P1' %}P1 (Emp + Mgr)
                {% elif a.process_type == 'P2' %}P2 (Mgr)
                {% else %}P3 (Direct){% endif %}
              </td>

              <td>
                <span class="badge
                  {% if s in ['awaiting_employee','awaiting_manager'] %} bg-warning text-dark
                  {% elif s in ['scored'] %} bg-info text-dark
                  {% elif s in ['hr_finalized'] %} bg-primary
                  {% elif s in ['applied'] %} bg-success
                  {% elif s in ['cancelled'] %} bg-danger
                  {% else %} bg-secondary {% endif %}">
                  {% if s == 'awaiting_employee' %}
                    Pending for Employee
                  {% elif s == 'awaiting_manager' %}
                    Pending for Manager
                  {% elif s == 'scored' %}
                    Scored (HR Pending)
                  {% elif s == 'hr_finalized' %}
                    HR Finalized
                  {% elif s == 'applied' %}
                    Applied
                  {% elif s == 'cancelled' %}
                    Cancelled
                  {% else %}
                    {{ a.status }}
                  {% endif %}
                </span>
              </td>

              <td>{{ a.effective_month.strftime('%b-%Y') }}</td>

              <td class="text-end">
                {% if s == 'awaiting_employee' and a.employee_id == current_user.id %}
                  <a class="btn btn-sm btn-warning"
                     href="{{ url_for('appraisal.employee_form', appraisal_id=a.id) }}">
                    Fill Appraisal
                  </a>

                {% elif s == 'awaiting_manager' and a.manager_id == current_user.id %}
                  <a class="btn btn-sm btn-warning"
                     href="{{ url_for('appraisal.manager_form', appraisal_id=a.id) }}">
                    Fill Review
                  </a>

                {% elif is_hr_admin and (s in ['scored','initiated','hr_finalized']) %}
                  <a class="btn btn-sm btn-outline-primary"
                     href="{{ url_for('appraisal.hr_finalize', appraisal_id=a.id) }}">
                    HR Finalize
                  </a>

                {% else %}
                  <a class="btn btn-sm btn-outline-secondary"
                     href="{{ url_for('appraisal.view', appraisal_id=a.id) }}">
                    View
                  </a>
                {% endif %}
              </td>
            </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
  </div>

</div>
{% endblock %}