{% extends 'base.html' %}
{% block content %}
<div class="row justify-content-center g-4">
  <div class="col-lg-8">
    <div class="card shadow-sm border-0 rounded-4">
      <div class="card-body p-4">
        <h2 class="h4 mb-1">Mi perfil profesional</h2>
        <p class="text-muted mb-4">Datos visibles del profesional y configuración personal.</p>
        <form method="post" class="row g-3">
          <input type="hidden" name="action" value="profile">
          <div class="col-md-6"><label class="form-label">Nombre visible</label><input class="form-control" name="display_name" value="{{ profile.display_name }}" required></div>
          <div class="col-md-6"><label class="form-label">Especialidad</label><input class="form-control" name="specialty" value="{{ profile.specialty }}" required></div>
          <div class="col-md-6"><label class="form-label">Ubicación</label><input class="form-control" name="location" value="{{ profile.location }}"></div>
          <div class="col-md-6"><label class="form-label">Teléfono</label><input class="form-control" name="phone" value="{{ profile.phone or '' }}"></div>
          <div class="col-12"><label class="form-label">Bio</label><textarea class="form-control html-editor" name="bio" rows="5">{{ profile.bio or '' }}</textarea></div>
          <div class="col-12 d-grid"><button class="btn btn-primary">Guardar cambios</button></div>
        </form>
      </div>
    </div>
  </div>

  <div class="col-lg-10">
    <div class="card shadow-sm border-0 rounded-4">
      <div class="card-body p-4">
        <div class="d-flex justify-content-between align-items-start gap-3 flex-wrap mb-3">
          <div>
            <h2 class="h4 mb-1">Mis templates de episodios</h2>
            <p class="text-muted mb-0">Modelos para abrir episodios frecuentes. No duplican la Historia Clínica; solo precargan la apertura del problema/cuadro.</p>
          </div>
          <span class="badge text-bg-primary rounded-pill">{{ episode_templates|length if episode_templates else 0 }} activos</span>
        </div>
        <div class="table-responsive">
          <table class="table align-middle">
            <thead><tr><th>Template</th><th>Especialidad / categoría</th><th>Nivel</th><th>Uso</th><th class="text-end">Acciones</th></tr></thead>
            <tbody>
              {% for tpl in episode_templates %}
              <tr>
                <td><div class="fw-semibold">{{ tpl.title }}</div><small class="text-muted">Creado {{ tpl.created_at.strftime('%d/%m/%Y') if tpl.created_at else '' }}</small></td>
                <td>{{ tpl.category or tpl.specialty_name or 'General' }}</td>
                <td>{{ tpl.care_level or 'Ambulatorio' }}</td>
                <td>{{ tpl.usage_count or 0 }}</td>
                <td class="text-end">
                  <form method="post" class="d-inline" data-confirm="¿Deseás eliminar este template de episodio de tu perfil?" data-confirm-title="Eliminar template de episodio">
                    <input type="hidden" name="action" value="delete_episode_template">
                    <input type="hidden" name="template_id" value="{{ tpl.id }}">
                    <button class="btn btn-sm btn-outline-danger"><i class="bi bi-trash"></i></button>
                  </form>
                </td>
              </tr>
              {% else %}
              <tr><td colspan="5" class="text-center text-muted py-4">Todavía no guardaste templates de episodios. En Historia Clínica, abrí un episodio y activá “Guardar este episodio como template de mi perfil”.</td></tr>
              {% endfor %}
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>

  <div class="col-lg-10">
    <div class="card shadow-sm border-0 rounded-4">
      <div class="card-body p-4">
        <div class="d-flex justify-content-between align-items-start gap-3 flex-wrap mb-3">
          <div>
            <h2 class="h4 mb-1">Mis templates de evoluciones</h2>
            <p class="text-muted mb-0">Modelos para registros repetitivos dentro de un episodio o legajo. Se separan por especialidad/categoría y se ajustan antes de firmar.</p>
          </div>
          <span class="badge text-bg-success rounded-pill">{{ entry_templates|length if entry_templates else 0 }} activos</span>
        </div>
        <div class="table-responsive">
          <table class="table align-middle">
            <thead><tr><th>Template</th><th>Especialidad / categoría</th><th>Tipo</th><th>Uso</th><th class="text-end">Acciones</th></tr></thead>
            <tbody>
              {% for tpl in entry_templates %}
              <tr>
                <td><div class="fw-semibold">{{ tpl.title }}</div><small class="text-muted">Creado {{ tpl.created_at.strftime('%d/%m/%Y') if tpl.created_at else '' }}</small></td>
                <td>{{ tpl.category or tpl.specialty_name or 'General' }}</td>
                <td>{{ tpl.encounter_type or 'Evolución médica' }}</td>
                <td>{{ tpl.usage_count or 0 }}</td>
                <td class="text-end">
                  <form method="post" class="d-inline" data-confirm="¿Deseás eliminar este template de evolución de tu perfil?" data-confirm-title="Eliminar template de evolución">
                    <input type="hidden" name="action" value="delete_template">
                    <input type="hidden" name="template_id" value="{{ tpl.id }}">
                    <button class="btn btn-sm btn-outline-danger"><i class="bi bi-trash"></i></button>
                  </form>
                </td>
              </tr>
              {% else %}
              <tr><td colspan="5" class="text-center text-muted py-4">Todavía no guardaste templates de evoluciones. Creá una evolución y activá “Guardar esta evolución como template de mi perfil”.</td></tr>
              {% endfor %}
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
</div>
{% endblock %}