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

{% block title %}{{ clinician.full_name }} - LSMC Hub{% endblock %}

{% block content %}
<div class="page-header">
    <div>
        <nav class="breadcrumb">
            <a href="/clinicians">Clinicians</a>
            <span>/</span>
            <span>{{ clinician.full_name }}</span>
        </nav>
        <h1 class="page-title">{{ clinician.full_name }}{% if clinician.credentials %}, {{ clinician.credentials }}{% endif %}</h1>
        <p class="page-subtitle">
            Clinician ID: {{ clinician.id[:8] }}... • Revision {{ clinician.revision_no }}
            {% if not clinician.is_active %}<span class="status-pill status-inactive ml-sm">Inactive</span>{% endif %}
        </p>
    </div>
    {% if user.can_write %}
    <a href="/clinicians/{{ clinician.id }}/edit" class="btn btn-secondary">Edit Clinician</a>
    {% endif %}
</div>

<div class="grid grid-cols-2 gap-lg">
    <!-- Professional Info -->
    <div class="card">
        <div class="card-header">
            <h2 class="card-title">Professional Information</h2>
        </div>
        <div class="card-body">
            <dl class="detail-list">
                <div class="detail-item">
                    <dt>Full Name</dt>
                    <dd>{{ clinician.first_name }} {{ clinician.last_name }}</dd>
                </div>
                <div class="detail-item">
                    <dt>Credentials</dt>
                    <dd>{{ clinician.credentials or "Not provided" }}</dd>
                </div>
                <div class="detail-item">
                    <dt>NPI</dt>
                    <dd class="text-mono">{{ clinician.npi or "Not provided" }}</dd>
                </div>
                <div class="detail-item">
                    <dt>Specialty</dt>
                    <dd>{{ clinician.specialty or "Not provided" }}</dd>
                </div>
                <div class="detail-item">
                    <dt>Status</dt>
                    <dd>
                        {% if clinician.is_active %}
                        <span class="status-pill status-active">Active</span>
                        {% else %}
                        <span class="status-pill status-inactive">Inactive</span>
                        {% endif %}
                    </dd>
                </div>
            </dl>
        </div>
    </div>

    <!-- Contact Info -->
    <div class="card">
        <div class="card-header">
            <h2 class="card-title">Contact Information</h2>
        </div>
        <div class="card-body">
            <dl class="detail-list">
                <div class="detail-item">
                    <dt>Email</dt>
                    <dd>{{ clinician.email or "Not provided" }}</dd>
                </div>
                <div class="detail-item">
                    <dt>Phone</dt>
                    <dd>{{ clinician.phone or "Not provided" }}</dd>
                </div>
                <div class="detail-item">
                    <dt>Fax</dt>
                    <dd>{{ clinician.fax or "Not provided" }}</dd>
                </div>
            </dl>
        </div>
    </div>
</div>

{% if clinician.addresses %}
<div class="card mt-lg">
    <div class="card-header">
        <h2 class="card-title">Practice Addresses</h2>
    </div>
    <div class="card-body">
        {% for addr in clinician.addresses %}
        <div class="mb-md {% if not loop.last %}border-b pb-md{% endif %}">
            <p>
                {% if addr.address_line1 %}{{ addr.address_line1 }}<br>{% endif %}
                {% if addr.address_line2 %}{{ addr.address_line2 }}<br>{% endif %}
                {% if addr.city %}{{ addr.city }}, {% endif %}
                {% if addr.state %}{{ addr.state }} {% endif %}
                {% if addr.postal_code %}{{ addr.postal_code }}{% endif %}
            </p>
        </div>
        {% endfor %}
    </div>
</div>
{% endif %}

<!-- Organization Users Section -->
{% if users is defined and users %}
<div class="card mt-lg">
    <div class="card-header">
        <h2 class="card-title">Organization Users</h2>
        {% if user.is_org_admin %}
        <a href="/clinicians/{{ clinician.id }}/users/new" class="btn btn-sm btn-secondary">+ Add User</a>
        {% endif %}
    </div>
    <div class="table-container">
        <table class="table">
            <thead>
                <tr>
                    <th>Name</th>
                    <th>Email</th>
                    <th>Roles</th>
                    <th>Status</th>
                </tr>
            </thead>
            <tbody>
                {% for user in users %}
                <tr>
                    <td>{{ user.name or "—" }}</td>
                    <td>{{ user.email }}</td>
                    <td>
                        {% for role in user.roles %}
                        <span class="badge badge-secondary">{{ role }}</span>
                        {% endfor %}
                    </td>
                    <td>
                        {% if user.is_active %}
                        <span class="status-pill status-active">Active</span>
                        {% else %}
                        <span class="status-pill status-inactive">Inactive</span>
                        {% endif %}
                    </td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
</div>
{% elif users is defined %}
<div class="card mt-lg">
    <div class="card-header">
        <h2 class="card-title">Organization Users</h2>
        {% if user.is_org_admin %}
        <a href="/clinicians/{{ clinician.id }}/users/new" class="btn btn-sm btn-secondary">+ Add User</a>
        {% endif %}
    </div>
    <div class="card-body">
        <p class="text-muted">No users in this organization yet.</p>
    </div>
</div>
{% endif %}

<!-- Revision History -->
<div class="card mt-lg">
    <div class="card-header">
        <h2 class="card-title">Revision History</h2>
    </div>
    <div class="table-container">
        <table class="table">
            <thead>
                <tr>
                    <th>Rev #</th>
                    <th>Name</th>
                    <th>NPI</th>
                    <th>Status</th>
                    <th>Date</th>
                    <th>Note</th>
                </tr>
            </thead>
            <tbody>
                {% for rev in revisions|reverse %}
                <tr>
                    <td>{{ rev.revision_no }}</td>
                    <td>{{ rev.first_name }} {{ rev.last_name }}</td>
                    <td class="text-mono">{{ rev.npi or "—" }}</td>
                    <td>
                        {% if rev.is_active %}
                        <span class="text-sm text-success">Active</span>
                        {% else %}
                        <span class="text-sm text-muted">Inactive</span>
                        {% endif %}
                    </td>
                    <td class="text-muted text-sm">{{ rev.created_at }}</td>
                    <td class="text-sm">{{ rev.note or "—" }}</td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
</div>
{% endblock %}