<?php include 'head.php'; ?>
        <div class="login">
            <div class="content">
                <div class="row">
                    <div class="col-12 col-md-8 col-lg-6 col-xl-4">
                        <div class="logo">
                            <img src="assets/img/img_logo_medium.svg" alt="Logo">
                        </div>
                        <form id="login">
                            <div class="form-label-group">
                                <input id="usuario" class="form-control" type='text' name='usuario' placeholder="Usuario*" required/>
                                <label for="usuario">Usuario*</label>
                            </div>
                            <div class="form-label-group">
                                <input id="password" class="form-control" type='password' name='password' placeholder="Contraseña*" required/>
                                <label for="password">Contraseña*</label>
                            </div>
                            <div class="text-center">
                                <input type="hidden" name="login" value="login">
                                <button type="submit" class="btn">Iniciar sesión</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>

        <script>
            $(document).ready(function(){
                $("form#login").submit(function(e){
                    e.preventDefault();
                    $.ajax({
                        url: "controllers/controller_login.php",
                        type: "POST",             
                        data: new FormData(this),
                        contentType: false,
                        cache: false,
                        processData: false,
                        beforeSend: function() {
                            Swal.fire('Cargando');
                            Swal.showLoading();
                        },
                        success: function(result) {
                            if(result == 1){
                                location.href="registros.php";
                            }
                            else{
                                Swal.fire({
                                    html: '<div style="margin-bottom:8px;"><div style="font-family: kings-caslon, sans-serif; font-size: 26pt; margin-bottom:10px; font-weight:bold;">Acceso denegado</div><br>Alguno de tus datos es incorrecto.</div>',
                                    confirmButtonText: 'Aceptar',
                                    confirmButtonColor: '#F15A29',
                                    background: '#F1EFF4',
                                    width: '40em',
                                    padding: '4.5em'
                                });
                            }
                        }
                    });
                });
            });
        </script>

    </body>
</html>