{% extends "base.html" %}

{% block title %}Login Test - {{ branding.name }}{% endblock %}
{% block styles %}
    <style>
        {{ branding.css_variables | safe }}
    </style>
    <link rel="stylesheet" href="{{ url_for('static', filename='styles/chat_public.css') }}">
{% endblock %}

{% block content %}
<div class="container mt-4">

{% include '_company_header.html' %}

<div class="container-fluid">
  <div class="row flex-fill mt-5 justify-content-center">
    <div class="col-12 col-lg-6">
      <div class="branded-form-container">
        <h4 class="branded-form-title">
          Login Externo para {{ company_short_name }}
        </h4>
        <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-branded-primary">
            Redirigir a External Login
          </button>
        </form>
      </div>
    </div>
  </div>
</div>
</div>
{% endblock %}