{% extends "base.html" %}
{% set active_nav = "clinicians" %}

{% block title %}Clinicians - LSMC Hub{% endblock %}

{% block content %}
<div class="page-header">
    <div>
        <h1 class="page-title">Clinicians</h1>
        <p class="page-subtitle">View and manage clinician records</p>
    </div>
    {% if user.can_write %}
    <a href="/clinicians/new" class="btn btn-primary">+ New Clinician</a>
    {% endif %}
</div>

<div class="card">
    <div class="card-header">
        <form method="get" action="/clinicians" class="flex gap-md items-center">
            <input type="search" name="search" class="form-input" style="width: 300px;" 
                   placeholder="Search by name..." value="{{ search }}">
            <button type="submit" class="btn btn-secondary">Search</button>
            {% if search %}
            <a href="/clinicians" class="btn btn-ghost">Clear</a>
            {% endif %}
        </form>
        <span class="text-muted text-sm">{{ clinicians|length }} clinicians</span>
    </div>
    
    {% if clinicians %}
    <div class="table-container">
        <table class="table">
            <thead>
                <tr>
                    <th>Name</th>
                    <th>EUID</th>
                    <th>Credentials</th>
                    <th>NPI</th>
                    <th>Specialty</th>
                    <th>Contact</th>
                    <th>Status</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                {% for clinician in clinicians %}
                <tr>
                    <td>
                        <a href="/clinicians/{{ clinician.id }}" class="font-medium">
                            {{ clinician.full_name }}
                        </a>
                    </td>
                    <td><a class="text-mono text-sm" href="/tapdb/object/{{ clinician.id }}">{{ clinician.id }}</a></td>
                    <td>{{ clinician.credentials or "—" }}</td>
                    <td class="text-mono">{{ clinician.npi or "—" }}</td>
                    <td>{{ clinician.specialty or "—" }}</td>
                    <td>
                        {% if clinician.email %}
                        <span class="text-sm">{{ clinician.email }}</span>
                        {% elif clinician.phone %}
                        <span class="text-sm">{{ clinician.phone }}</span>
                        {% else %}
                        —
                        {% endif %}
                    </td>
                    <td>
                        {% if clinician.is_active %}
                        <span class="status-pill status-active">Active</span>
                        {% else %}
                        <span class="status-pill status-inactive">Inactive</span>
                        {% endif %}
                    </td>
                    <td>
                        <a href="/clinicians/{{ clinician.id }}" class="btn btn-sm btn-ghost">View</a>
                    </td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
    {% else %}
    <div class="empty-state">
        <div class="empty-state-icon">⚕</div>
        <p>No clinicians found</p>
        {% if search %}
        <p class="text-muted text-sm">Try a different search term</p>
        {% else %}
        {% if user.can_write %}
        <a href="/clinicians/new" class="btn btn-primary mt-md">Add Clinician</a>
        {% endif %}
        {% endif %}
    </div>
    {% endif %}
</div>
{% endblock %}