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

<div class="container mt-4">
  <!-- Header -->
  <div class="d-flex justify-content-between align-items-center mb-3">
    <h3 class="fw-bold text-success">Doctors</h3>

    {% if session['role'] == 'admin' %}
    <a class="btn btn-success shadow-sm" href="{{ url_for('add_doctor') }}">
      ➕ Add Doctor
    </a>
    {% endif %}
  </div>

  <!-- Filter/Search Section -->
  <form class="row g-2 mb-3" method="GET" action="{{ url_for('doctor_list')
  }}">
    <div class="col-md-4">
      <input type="text" name="search" class="form-control"
             placeholder="Search by name or specialization..." 
             value="{{ request.args.get('search', '') }}">
    </div>
    <div class="col-md-3">
      <select name="specialization" class="form-select">
        <option value="">-- Filter by Specialization --</option>
        {% for spec in specializations %}
          <option value="{{ spec }}" {% if request.args.get('specialization') == spec %}selected{% endif %}>
            {{ spec }}
          </option>
        {% endfor %}
      </select>
    </div>
    <div class="col-md-2">
      <button class="btn btn-outline-success w-100">Search</button>
    </div>
  </form>

  <!-- Doctors Table -->
  <div class="table-responsive shadow-sm">
    <table class="table table-bordered table-hover align-middle">
      <thead class="table-success text-center">
        <tr>
          <th>ID</th>
          <th>Name</th>
          <th>Specialization</th>
          <th>Contact</th>
          <th>Fees (₹)</th>
          <th>Department</th>
          <th>Schedule</th>
        </tr>
      </thead>
      <tbody>
        {% if doctors %}
          {% for d in doctors %}
          <tr>
            <td class="text-center">{{ d.doctor_id }}</td>
            <td>{{ d.name }}</td>
            <td>{{ d.specialization or '-' }}</td>
            <td>{{ d.contact_no }}</td>
            <td class="text-center">{{ d.fees }}</td>
            <td>{{ d.dept_name or '-' }}</td>
            <td class="text-center">
              <a href="{{ url_for('doctor_schedule', doctor_id=d.doctor_id) }}"
                 class="btn btn-sm btn-outline-primary">
                 View Schedule
              </a>
            </td>
          </tr>
          {% endfor %}
        {% else %}
          <tr>
            <td colspan="7" class="text-center text-muted py-3">No doctors found.</td>
          </tr>
        {% endif %}
      </tbody>
    </table>
  </div>
</div>

{% endblock %}