@extends('layout')

@section('content')
<div class="background-image">
    <div class="square-container">
        <img src="{{ asset('images/logo.png') }}" alt="Logo" class="logo">
        <h2>Consulta de correo electrónico<span id="title-email-toggle"></span><br></h2>
        <form id="email-form" action="{{ route('consultar-email') }}" method="POST">
            @csrf
            <div class="input-container">
                <label for="email">
                    <input
                        type="email"
                        name="email"
                        id="email"
                        placeholder="Correo electrónico"
                        required
                    >
                    {{-- <button
                        id="toggle-matriz"
                        type="button"
                    >
                        Sin matriz
                    </button> --}}
                </label>

            </div>
            <button type="submit" class="consultar-button">Consultar</button>
        </form>
    </div>
</div>
{{--
<script>
    const form = document.getElementById('email-form');
    const toggleMatriz = document.getElementById('toggle-matriz');
    const titleEmailToggle = document.getElementById('title-email-toggle');
    const emailInput = document.getElementById('email');

    // Inicialización: verifica el action del formulario
    if (form.action === '{{ route('consultar-email-matriz') }}') {
        toggleMatriz.textContent = 'Sin matriz';
        titleEmailToggle.textContent = ' matriz';
        emailInput.placeholder = 'Correo electrónico matriz';
    } else {
        toggleMatriz.textContent = 'Matriz';
        titleEmailToggle.textContent = '';
        emailInput.placeholder = 'Correo electrónico';
    }

    let isMatriz = false;

    // Función para alternar entre "Matriz" y "Sin matriz"
    toggleMatriz.addEventListener('click', function() {
        isMatriz = !isMatriz;
        if (isMatriz) {
            toggleMatriz.textContent = 'Sin matriz';
            form.action = '{{ route('consultar-email-matriz') }}';
            titleEmailToggle.textContent = ' matriz';
            emailInput.placeholder = 'Correo electrónico matriz';
        } else {
            toggleMatriz.textContent = 'Matriz';
            form.action = '{{ route('consultar-email') }}';
            titleEmailToggle.textContent = '';
            emailInput.placeholder = 'Correo electrónico';
        }
    });
</script> --}}

@endsection