{% extends 'base.html' %}
{% block content %}
<div class="row g-4">
  <div class="col-lg-7">
    <div class="card shadow-sm">
      <div class="card-body">
        <div class="d-flex justify-content-between align-items-start gap-3 mb-3">
          <div>
            <h1 class="h4 mb-1">Config. SISA</h1>
            <p class="text-muted mb-0">Configuración del conector al servicio oficial para autocompletar profesionales y especialidad.</p>
          </div>
          <span class="badge {% if settings.enabled %}text-bg-primary{% else %}text-bg-secondary{% endif %}">{% if settings.enabled %}Activo{% else %}Inactivo{% endif %}</span>
        </div>
        <form method="post" class="row g-3">
          <div class="col-12"><label class="form-label">SISA_WSDL</label><input class="form-control" name="sisa_wsdl" value="{{ settings.wsdl }}"></div>
          <div class="col-md-6"><label class="form-label">SISA_USUARIO</label><input class="form-control" name="sisa_user" value="{{ settings.user }}"></div>
          <div class="col-md-6"><label class="form-label">SISA_CLAVE</label><input class="form-control" type="password" name="sisa_password" value="{{ settings.password }}"></div>
          <div class="col-md-6"><label class="form-label">SISA_OPERATION</label><input class="form-control" name="sisa_operation" value="{{ settings.operation }}"></div>
          <div class="col-md-6 d-flex align-items-end"><div class="form-check ms-2"><input class="form-check-input" type="checkbox" name="sisa_enabled" {% if settings.enabled %}checked{% endif %}><label class="form-check-label">Activar acceso a SISA</label></div></div>
          <div class="col-12 d-flex gap-2 flex-wrap">
            <button class="btn btn-primary">Guardar configuración</button>
          </div>
        </form>
      </div>
    </div>
  </div>
  <div class="col-lg-5">
    <div class="card shadow-sm mb-3">
      <div class="card-body">
        <h2 class="h5">Comprobación de comunicación</h2>
        <p class="text-muted small">Valida que el WSDL y la operación configurada sean accesibles desde el sistema.</p>
        <form method="post" action="{{ url_for('admin_config_sisa_test') }}">
          <button class="btn btn-outline-primary">Probar conexión</button>
        </form>
      </div>
    </div>
    <div class="card shadow-sm">
      <div class="card-body">
        <h2 class="h5">Comportamiento esperado</h2>
        <ul class="mb-0 text-muted small">
          <li>Si está activo, en Profesionales se habilita el buscador por DNI, nombre/apellido y matrícula.</li>
          <li>Si hay error de comunicación, el sistema muestra alerta y lo registra en Logs.</li>
          <li>Si está desactivado, el alta de profesionales vuelve al modo manual con Especialidades.</li>
        </ul>
      </div>
    </div>
  </div>
</div>
{% endblock %}