{% extends "base.html" %}
{% set active = "medicina" %}
{% block title %}Expediente · {{ exp.cliente_nombre }} · ArcaBeauty Club{% endblock %}

{% block content %}
<div class="topbar">
    <div>
        <div class="eyebrow"><a href="{{ url_for('medicina_panel') }}">&larr; Medicina Estética</a></div>
        <h1>{{ exp.cliente_nombre }}</h1>
    </div>
</div>

<div class="grid cols-4" style="margin-bottom:22px;">
    <div class="card kpi">
        <span class="label">Teléfono</span>
        <span class="value" style="font-size:18px;">{{ exp.cliente_telefono or "—" }}</span>
    </div>
    <div class="card kpi">
        <span class="label">Expediente abierto</span>
        <span class="value" style="font-size:18px;">{{ exp.fecha_apertura }}</span>
    </div>
    <div class="card kpi">
        <span class="label">Sesiones registradas</span>
        <span class="value">{{ evoluciones|length }}</span>
    </div>
    <div class="card kpi">
        <span class="label">Médico responsable</span>
        <span class="value" style="font-size:18px;">{{ exp.medico_nombre or "—" }}</span>
    </div>
</div>

{% if exp.embarazo or exp.anticoagulantes %}
<div class="card" style="margin-bottom:16px; background:rgba(194,83,61,0.08); border-color:var(--alerta);">
    <strong style="color:var(--alerta);">&#9888; Alertas médicas:</strong>
    {% if exp.embarazo %} Embarazo actual.{% endif %}
    {% if exp.anticoagulantes %} Toma anticoagulantes.{% endif %}
</div>
{% endif %}

<div class="grid cols-2" style="margin-bottom:22px;">
    <div class="card">
        <h2 style="font-size:18px; margin-bottom:14px;">Historia clínica</h2>
        <form method="post" action="{{ url_for('expediente_editar', expediente_id=exp.id) }}">
            <div class="field"><label>Alergias</label><input type="text" name="alergias" value="{{ exp.alergias or '' }}"></div>
            <div class="field"><label>Medicamentos actuales</label><input type="text" name="medicamentos" value="{{ exp.medicamentos or '' }}"></div>
            <div class="field"><label>Enfermedades crónicas</label><input type="text" name="enfermedades" value="{{ exp.enfermedades or '' }}"></div>
            <div class="field"><label>Cirugías previas</label><input type="text" name="cirugias_previas" value="{{ exp.cirugias_previas or '' }}"></div>
            <div style="display:flex; gap:20px; margin-bottom:14px;">
                <label style="display:flex; align-items:center; gap:6px; font-weight:400; text-transform:none; font-size:13px;">
                    <input type="checkbox" name="embarazo" style="width:auto;" {{ "checked" if exp.embarazo }}> Embarazo
                </label>
                <label style="display:flex; align-items:center; gap:6px; font-weight:400; text-transform:none; font-size:13px;">
                    <input type="checkbox" name="anticoagulantes" style="width:auto;" {{ "checked" if exp.anticoagulantes }}> Anticoagulantes
                </label>
            </div>
            <div class="field"><label>Notas del médico</label><textarea name="notas_medico" rows="3">{{ exp.notas_medico or '' }}</textarea></div>
            <div class="field">
                <label>Médico responsable</label>
                <select name="medico_id">
                    <option value="">Sin asignar</option>
                    {% for m in medicos %}<option value="{{ m.id }}" {{ "selected" if exp.medico_id==m.id }}>{{ m.nombre }}</option>{% endfor %}
                </select>
            </div>
            <button type="submit" class="btn accent" style="width:100%;">Guardar historia clínica</button>
        </form>
    </div>

    <div>
        <div class="card" style="margin-bottom:16px;">
            <h2 style="font-size:18px; margin-bottom:14px;">Registrar sesión / evolución</h2>
            <form method="post" action="{{ url_for('evolucion_crear', expediente_id=exp.id) }}">
                <div class="field"><label>Tratamiento</label>
                    <select name="tratamiento_id">
                        <option value="">Sin especificar</option>
                        {% for t in tratamientos %}<option value="{{ t.id }}">{{ t.nombre }}</option>{% endfor %}
                    </select>
                </div>
                <div class="field"><label>Médico</label>
                    <select name="medico_id">
                        <option value="">Sin asignar</option>
                        {% for m in medicos %}<option value="{{ m.id }}" {{ "selected" if exp.medico_id==m.id }}>{{ m.nombre }}</option>{% endfor %}
                    </select>
                </div>
                <div class="field"><label>Observaciones</label><textarea name="observaciones" rows="2" required></textarea></div>
                <div class="grid cols-2">
                    <div class="field"><label>Producto/sustancia usada</label><input type="text" name="producto_usado"></div>
                    <div class="field"><label>Dosis</label><input type="text" name="dosis" placeholder="Ej. 20 UI"></div>
                </div>
                <div class="field"><label>Resultado observado</label><input type="text" name="resultado"></div>
                <div class="field"><label>Próxima sesión sugerida</label><input type="date" name="proxima_sesion"></div>
                <button type="submit" class="btn accent" style="width:100%;">Guardar evolución</button>
            </form>
        </div>

        <div class="card">
            <h2 style="font-size:18px; margin-bottom:14px;">Generar consentimiento informado</h2>
            <form method="post" action="{{ url_for('consentimiento_crear', expediente_id=exp.id) }}">
                <div class="field"><label>Tratamiento</label>
                    <select name="tratamiento_id" required>
                        <option value="">Selecciona tratamiento</option>
                        {% for t in tratamientos %}<option value="{{ t.id }}">{{ t.nombre }}</option>{% endfor %}
                    </select>
                </div>
                <button type="submit" class="btn secondary" style="width:100%;">Generar e imprimir consentimiento</button>
            </form>
        </div>
    </div>
</div>

{% if evoluciones %}
<div class="card" style="margin-bottom:22px;">
    <h2 style="font-size:18px; margin-bottom:14px;">Evolución del tratamiento</h2>
    <table>
        <thead><tr><th>Fecha</th><th>Tratamiento</th><th>Sesión</th><th>Médico</th><th>Observaciones</th><th>Resultado</th><th>Próxima sesión</th></tr></thead>
        <tbody>
        {% for ev in evoluciones %}
            <tr>
                <td class="mono">{{ ev.fecha[:16] }}</td>
                <td>{{ ev.tratamiento_nombre or "—" }}</td>
                <td class="mono">#{{ ev.sesion_num }}</td>
                <td>{{ ev.medico_nombre or "—" }}</td>
                <td>{{ ev.observaciones }}</td>
                <td>{{ ev.resultado or "—" }}</td>
                <td class="mono">{{ ev.proxima_sesion or "—" }}</td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
</div>
{% endif %}

{% if consentimientos %}
<div class="card">
    <h2 style="font-size:18px; margin-bottom:14px;">Consentimientos informados</h2>
    <table>
        <thead><tr><th>Tratamiento</th><th>Fecha</th><th>Estado</th><th></th></tr></thead>
        <tbody>
        {% for c in consentimientos %}
            <tr>
                <td>{{ c.tratamiento_nombre }}</td>
                <td class="mono">{{ c.fecha }}</td>
                <td><span class="badge {{ 'completada' if c.firmado else 'pendiente' }}">{{ "Firmado" if c.firmado else "Pendiente firma" }}</span></td>
                <td>
                    <a href="{{ url_for('consentimiento_ver', consentimiento_id=c.id) }}" class="btn ghost sm" target="_blank">Ver / Imprimir</a>
                    {% if not c.firmado %}
                    <form method="post" action="{{ url_for('consentimiento_firmar', consentimiento_id=c.id) }}" style="display:inline;">
                        <button type="submit" class="btn accent sm">Marcar firmado</button>
                    </form>
                    {% endif %}
                </td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
</div>
{% endif %}
{% endblock %}