{% extends 'base.html' %}
{% block content %}
<div class="container-fluid mt-3" style="max-width: 1100px;">
  <div class="d-flex justify-content-between align-items-center mb-3">
    <h4 class="mb-0">
      <i class="bi bi-briefcase me-2"></i>
      Requisition {{ req.code or ('#' ~ req.id) }}
    </h4>
    <div>
      <a href="{{ url_for('recruitment.my_requisitions') }}" class="btn btn-outline-secondary btn-sm">
        ← Back to list
      </a>
      <a href="{{ url_for('recruitment.manage_requisition_stages', req_id=req.id) }}"
         class="btn btn-primary btn-sm ms-2">
        Interview Stages
      </a>
    </div>
  </div>

  {% set snap = snap or req.snapshot_json or {} %}

  <!-- Top summary -->
  <div class="card shadow-sm mb-3">
    <div class="card-body row">
      <div class="col-md-6">
        <p class="mb-1"><strong>Job Title:</strong> {{ req.designation.title if req.designation else '-' }}</p>
        <p class="mb-1"><strong>Location:</strong> {{ req.location or '-' }}</p>
        <p class="mb-1"><strong>Requested By:</strong> {{ req.raised_by.full_name if req.raised_by else '-' }}</p>
        <p class="mb-1"><strong>Positions:</strong> {{ req.positions or 1 }}</p>
      </div>

      <div class="col-md-6">
        <p class="mb-1"><strong>Department:</strong> {{ req.department.name if req.department else '-' }}</p>

        <p class="mb-1">
          <strong>Status:</strong>
          <span class="badge
            {% if req.status in ['approved','open'] %}bg-success
            {% elif req.status == 'on_hold' %}bg-warning text-dark
            {% elif 'pending' in (req.status or '') %}bg-warning text-dark
            {% elif req.status in ['rejected','closed'] %}bg-danger
            {% else %}bg-secondary{% endif %}">
            {{ req.status|replace('_',' ')|title }}
          </span>
        </p>

        <p class="mb-1"><strong>Created On:</strong>
          {{ req.created_on.strftime('%d-%b-%Y %H:%M') if req.created_on else '-' }}</p>
        <p class="mb-1"><strong>Work Mode:</strong> {{ req.work_mode or '-' }}</p>
      </div>
    </div>
  </div>

  <!-- ✅ HOLD / RESUME PANEL -->
  {% set can_manage_req =
      is_hr_admin
      or (req.raised_by_id == current_user.id)
      or (req.manager_id == current_user.id)
      or (req.hr_owner_id == current_user.id)
  %}

  {% if can_manage_req %}
    <div class="card shadow-sm mb-3">
      <div class="card-body">
        <div class="d-flex flex-wrap justify-content-between align-items-center gap-2">
          <div>
            <div class="fw-semibold">Requisition Control</div>
            <div class="small text-muted">
              Put the requisition on hold (pauses hiring) or resume it back to previous status.
            </div>
          </div>

          <div class="d-flex align-items-center gap-2">
            {% if (req.status or '') == 'on_hold' %}
              <form method="POST" action="{{ url_for('recruitment.requisition_resume', req_id=req.id) }}">
                <button class="btn btn-success btn-sm">
                  <i class="bi bi-play-fill me-1"></i> Resume Requisition
                </button>
              </form>
            {% else %}
              <button class="btn btn-warning btn-sm" data-bs-toggle="modal" data-bs-target="#holdReqModal">
                <i class="bi bi-pause-fill me-1"></i> Put On Hold
              </button>
            {% endif %}
          </div>
        </div>

        {% if (req.status or '') == 'on_hold' %}
          <hr class="my-3">
          <div class="alert alert-warning mb-0">
            <div class="d-flex justify-content-between flex-wrap gap-2">
              <div>
                <div class="fw-semibold">
                  <i class="bi bi-pause-circle me-1"></i> This requisition is currently <b>On Hold</b>
                </div>
                {% if req.hold_reason %}
                  <div class="small mt-1" style="white-space: pre-wrap;">{{ req.hold_reason }}</div>
                {% else %}
                  <div class="small mt-1 text-muted">No reason captured.</div>
                {% endif %}
              </div>
              <div class="small text-muted text-end">
                {% if req.hold_on %}
                  <div><b>On:</b> {{ req.hold_on.strftime('%d-%b-%Y %H:%M') }}</div>
                {% endif %}
                {% if req.hold_by %}
                  <div><b>By:</b> {{ req.hold_by.full_name }}</div>
                {% endif %}
                {% if req.hold_prev_status %}
                  <div><b>Prev:</b> {{ req.hold_prev_status|replace('_',' ')|title }}</div>
                {% endif %}
              </div>
            </div>
          </div>
        {% endif %}
      </div>
    </div>

    <!-- Hold Modal -->
    <div class="modal fade" id="holdReqModal" tabindex="-1" aria-hidden="true">
      <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
          <form method="POST" action="{{ url_for('recruitment.requisition_hold', req_id=req.id) }}">
            <div class="modal-header">
              <h5 class="modal-title">
                <i class="bi bi-pause-circle me-2"></i> Put Requisition On Hold
              </h5>
              <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>

            <div class="modal-body">
              <div class="mb-2 small text-muted">
                This will pause hiring on this requisition. Public apply will not be possible while on hold.
              </div>

              <label class="form-label fw-semibold">Reason (Required)</label>
              <textarea name="hold_reason" class="form-control" rows="4" required
                placeholder="Eg: Budget freeze, role re-scoped, business priority changed..."></textarea>

              <div class="form-text">
                Once resumed, requisition will move back to previous status automatically.
              </div>
            </div>

            <div class="modal-footer">
              <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Cancel</button>
              <button type="submit" class="btn btn-warning">
                <i class="bi bi-pause-fill me-1"></i> Put On Hold
              </button>
            </div>
          </form>
        </div>
      </div>
    </div>
  {% endif %}
  <!-- ✅ END HOLD/RESUME -->

  <!-- Interview Stages -->
  {% if stage_stats %}
  <div class="card shadow-sm mb-4">
    <div class="card-header bg-light py-2 d-flex justify-content-between align-items-center">
      <strong>Interview Stages &amp; Progress</strong>
      <a href="{{ url_for('recruitment.manage_requisition_stages', req_id=req.id) }}"
         class="btn btn-outline-primary btn-sm">Manage Stages</a>
    </div>
    <div class="card-body p-0">
      <div class="table-responsive">
        <table class="table table-sm mb-0 align-middle">
          <thead class="table-light">
            <tr>
              <th>Stage</th><th>Order</th><th>Total</th><th>Scheduled</th>
              <th>Completed</th><th>Cancelled</th><th>Last Interview</th>
            </tr>
          </thead>
          <tbody>
            {% for s in stage_stats %}
            <tr>
              <td>{{ s.stage.name }}</td>
              <td>{{ s.stage.order }}</td>
              <td><span class="badge bg-secondary">{{ s.total }}</span></td>
              <td><span class="badge bg-info text-dark">{{ s.scheduled }}</span></td>
              <td><span class="badge bg-success">{{ s.completed }}</span></td>
              <td><span class="badge bg-danger">{{ s.cancelled }}</span></td>
              <td class="small">
                {% if s.last_dt %}
                  {{ s.last_dt.strftime('%d-%b-%Y %H:%M') }}
                {% else %}
                  <span class="text-muted">No interviews</span>
                {% endif %}
              </td>
            </tr>
            {% endfor %}
          </tbody>
        </table>
      </div>
    </div>
  </div>
  {% endif %}

  <!-- ========================= -->
  <!-- HR FINAL SELECTION PANEL -->
  <!-- ========================= -->
  {% if is_hr_admin %}
  <div class="card shadow-sm mb-4">
    <div class="card-header bg-primary text-white py-2">
      <strong>HR Final Selection</strong>
    </div>
    <div class="card-body">

      {% if req.status == 'closed' %}
        <div class="alert alert-success">
          <strong>Requisition already closed.</strong> Final candidate has been selected.
        </div>

      {% elif req.status == 'on_hold' %}
        <div class="alert alert-warning mb-0">
          <strong>Requisition is on hold.</strong> Resume it to finalize a candidate.
        </div>

      {% else %}
        <form method="POST" action="{{ url_for('recruitment.finalize_candidate', req_id=req.id) }}">
          <label class="form-label fw-semibold">Select Final Candidate</label>
          <select name="candidate_id" class="form-select mb-3" required>
            <option value="">-- Select Candidate --</option>

            {% for item in final_list %}
            <option value="{{ item.application.id }}">
              {{ item.candidate.full_name }}
              — Rating: {{ item.avg_rating }} ({{ item.feedback_count }} fb)
            </option>
            {% endfor %}
          </select>

          <label class="form-label fw-semibold">HR Final Notes</label>
          <textarea name="remarks" class="form-control mb-3" rows="3"
            placeholder="Optional HR remarks / justification"></textarea>

          <button class="btn btn-success">
            <i class="bi bi-check2-circle me-1"></i> Confirm Candidate & Close Requisition
          </button>
        </form>
      {% endif %}

    </div>
  </div>
  {% endif %}
  <!-- END HR PANEL -->

  <!-- Requirements snapshot -->
  <div class="row g-3 mb-3">
    <div class="col-md-6">
      <div class="card shadow-sm h-100">
        <div class="card-header bg-light py-2"><strong>Requirement Summary</strong></div>
        <div class="card-body small">
          <p><strong>Min Education:</strong> {{ snap.min_education or '-' }}</p>
          <p><strong>Min Experience:</strong> {{ snap.min_experience_years or '-' }}</p>
          <p><strong>Age Bracket:</strong> {{ snap.age_bracket or '-' }}</p>
          <p><strong>Salary Bracket:</strong> {{ snap.salary_bracket or '-' }}</p>
          <p><strong>Expected DOJ:</strong>
            {{ req.expected_doj.strftime('%d-%b-%Y') if req.expected_doj else '-' }}</p>
        </div>
      </div>
    </div>

    <div class="col-md-6">
      <div class="card shadow-sm h-100">
        <div class="card-header bg-light py-2"><strong>Justification</strong></div>
        <div class="card-body small">
          {% if req.justification %}
            <p style="white-space: pre-wrap;">{{ req.justification }}</p>
          {% else %}
            <p class="text-muted">No justification provided.</p>
          {% endif %}
        </div>
      </div>
    </div>
  </div>

  <!-- JD -->
  <div class="card shadow-sm mb-3">
    <div class="card-body">
      <h6 class="fw-semibold mb-2">Accountability</h6>
      {% if snap.accountability %}
        <p class="small" style="white-space: pre-wrap;">{{ snap.accountability }}</p>
      {% else %}
        <p class="small text-muted">No accountability provided.</p>
      {% endif %}

      <hr>

      <h6 class="fw-semibold mb-2">Job Description</h6>
      {% if snap.job_description %}
        <p class="small mb-0" style="white-space: pre-wrap;">{{ snap.job_description }}</p>
      {% else %}
        <p class="small text-muted mb-0">No job description provided.</p>
      {% endif %}
    </div>
  </div>

  <!-- Remarks -->
  <div class="card shadow-sm mb-4">
    <div class="card-body">
      <h6 class="fw-semibold mb-2">Remarks</h6>
      {% if req.remarks %}
        <p class="small mb-0" style="white-space: pre-wrap;">{{ req.remarks }}</p>
      {% else %}
        <p class="small text-muted mb-0">No remarks.</p>
      {% endif %}
    </div>
  </div>
</div>
{% endblock %}