@extends('layouts.cultura.home-bs4')
@section('content')
    <!-- contact section -->
    <section class="contact_section long_section">
        <div class="container">
            <div class="row" style="margin-bottom: 30px">
                <div class="col-md-12" align="center">
                    <img src="{{url('TMEdgeCut/images/ico-paulo.png')}}" class="img-fluid rounded mx-auto d-block" width="40%">
                </div>
            </div>
            <div class="row">
                <div class="col-md-4"></div>
                <div class="col-md-4">
                    <div class="form_container">
                        <div class="heading_container" style="margin-bottom: 50px; text-align: center">
                            <h3>Login do Gerenciador</h3>
                        </div>
                        <form name="FrmLogin" class="form-horizontal" action="{{route('login-gerenciador')}}" method="post" autocomplete="off">
                            @csrf
                            <div>
                                <input type="text" name="cpf" placeholder="Digite seu CPF"/>
                            </div>
                            <div>
                                <input type="email" name="email" placeholder="Digite seu e-mail"/>
                            </div>
                            <div>
                                <input type="password" name="password" placeholder="Digite sua senha" maxlength="20"/>
                            </div>
                            <div class="btn_box">
                                <button type="submit" class="btn btn-primary btn-block"> Acessar</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- end contact section -->
@endsection
@push('script')
    <script>
        $(function () {
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });

            $('form[name="FrmLogin"]').submit(function (event) {
                event.preventDefault();

                const form = $(this);
                const action = form.attr('action');
                const cpf = form.find('input[name="cpf"]').val();
                const email = form.find('input[name="email"]').val();
                const password = form.find('input[name="password"]').val();

                $.post(action, {
                    cpf: cpf,
                    email: email,
                    password: password
                }, function (response) {
                    if (response.message) {
                        $.blockUI({
                            message: '<div class="alert alert-warning alert-dismissible" role="alert"><strong><span class="glyphicon glyphicon-alert" aria-hidden="true"></span> </strong> ' + response.message + ' ):',
                            timeout: 6000,
                            onOverlayClick: $.unblockUI
                        });
                    }

                    if (response.redirect) {
                        window.location.href = response.redirect;
                    }
                });
            });
        });
    </script>
@endpush