{% extends "base.html" %}{% set active="search" %}{% block title %}Patient Search{% endblock %}{% block page_title %}Patient Search{% endblock %}
{% block content %}
<div class="card" style="max-width:680px;margin-bottom:1.5rem">
    <form method="GET">
        <div class="form-group" style="margin:0">
            <label>Search by name, ID, email, or phone</label>
            <div style="display:flex;gap:.75rem;margin-top:.4rem">
                <input type="text" name="q" placeholder="e.g. John, 555-1001…" value="{{ q }}" autofocus>
                <button class="btn btn-primary">🔍 Search</button>
                {% if q %}<a href="{{ url_for('receptionist_search') }}" class="btn btn-secondary">Clear</a>{% endif %}
            </div>
        </div>
    </form>
</div>
{% if q and not patients %}
    <div class="empty-state"><div class="empty-icon">🔍</div><p>No patients found for "<strong>{{ q }}</strong>".</p></div>
{% elif patients %}
<div class="card">
    <div class="card-header"><span class="card-title">{{ patients|length }} result{{ 's' if patients|length != 1 }} for "{{ q }}"</span></div>
    <div class="table-wrap"><table>
        <thead><tr><th>ID</th><th>Name</th><th>Email</th><th>Phone</th><th>Insurance</th><th>Appts</th><th>Last Visit</th><th>Actions</th></tr></thead>
        <tbody>{% for p in patients %}<tr>
            <td class="text-muted">#{{ p.patient_id }}</td>
            <td><strong>{{ p.name }}</strong>{% if not p.is_active %}<span class="badge badge-cancelled" style="margin-left:.3rem">Inactive</span>{% endif %}</td>
            <td>{{ p.email }}</td><td>{{ p.phone or '—' }}</td>
            <td>{{ p.insurance_provider or '—' }}</td><td>{{ p.total_apts }}</td>
            <td class="text-muted">{{ p.last_apt[:10] if p.last_apt else 'Never' }}</td>
            <td>
                <a href="{{ url_for('schedule', patient_id=p.patient_id) }}" class="btn btn-primary btn-sm">+ Book</a>
                <a href="{{ url_for('view_appointments', patient_id=p.patient_id) }}" class="btn btn-ghost btn-sm">History</a>
            </td>
        </tr>{% endfor %}</tbody>
    </table></div>
</div>
{% else %}
<div style="text-align:center;padding:4rem;color:var(--text-muted)"><div style="font-size:3rem;margin-bottom:1rem">🔍</div><p>Enter a search term above to find patients.</p></div>
{% endif %}
{% endblock %}