{% extends "base.html" %}

{% block title %}Prueba de Login para {{ company_short_name }}{% endblock %}

{% block content %}
<div class="container-fluid">
  <div class="row flex-fill mt-5 justify-content-center">
    <div class="col-12 col-lg-6">
      <div class="border rounded p-4 p-md-5 shadow-sm bg-light">
        <h3 class="text-muted fw-semibold text-start mb-3">
          Login Externo para <span style="color:#0d6efd;">{{ company_short_name }}</span>
        </h3>
        <div class="text-center mb-4">
          <p class="text-muted widget-intro-text">
            Este formulario simula el inicio de una sesión externa. Al enviar, serás redirigido a la URL de login final.
          </p>
        </div>

        <!-- Formulario HTML estándar que hace un POST a la misma URL -->
        <form method="POST" action="">
          <div class="mb-3">
            <label for="external_user_id" class="form-label d-block">External user ID</label>
            <input type="text" id="external_user_id" name="external_user_id" class="form-control" required>
          </div>
          <button type="submit" class="btn btn-primary">
            Redirigir a External Login
          </button>
        </form>
      </div>
    </div>
  </div>
</div>
{% endblock %}