@extends('Templates.template_log')
@section('content')
    <div class="flex-fill d-flex flex-column justify-content-center py-4">
        <div class="container-tight py-6">
            <form class="card card-md" method="POST" autocomplete="off" id="formLogin">
                <div class="card-body">
                    <div class="text-center mb-2">
                        <a href="."><img src="{{ asset('Images/goEAT.png') }}" height="auto" alt=""></a>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Usuario</label>
                        <input type="email" name="email" id="email" class="form-control" required>
                    </div>
                    <div class="mb-2">
                        <label class="form-label">
                            Contraseña
                        </label>
                        <div class="input-group input-group-flat">
                            <input type="password" id="password" name="password" class="form-control"
                                placeholder="Contraseña" autocomplete="off" required>
                            <span class="input-group-text">
                                <a href="#" class="link-secondary" onclick="verPass()" data-bs-toggle="tooltip"><svg
                                        xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24"
                                        viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none"
                                        stroke-linecap="round" stroke-linejoin="round">
                                        <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                                        <circle cx="12" cy="12" r="2" />
                                        <path
                                            d="M22 12c-2.667 4.667 -6 7 -10 7s-7.333 -2.333 -10 -7c2.667 -4.667 6 -7 10 -7s7.333 2.333 10 7" />
                                    </svg></a>
                            </span>
                        </div>
                    </div>

                    <div class="form-footer">
                        <button type="button" class="btn w-100"
                            onclick="MakeRequestData('{{ route('iniciar-sesion') }}','','POST', 4, '#formLogin')"
                            style="background:#41495c; color: #FFF">Iniciar Sesión</button>
                    </div>
                </div>
            </form>
        </div>
    </div>


    <script>
        // $.ajax({
        //     type: "POST",
        //     url: "{{ route('iniciar-sesion') }}",
        //     data: {
        //         // _token: '{{ csrf_token() }}',
        //         email: document.getElementById('email').value,
        //         password: document.getElementById('password').value
        //     },
        //     dataType: "JSON",
        //     success: function(response) {
        //         console.log(response);
        //     },
        //     error: function(error) {
        //         console.log(error);
        //     }
        // });
    </script>
@endsection