@extends('layout.layout')

@section('content')
<div id="app" class="container login-form">
    <h2 class="text-center pb-4 fw-bold fancy-text">Inventariere Moneygold</h2>
    <form id="submit_form">
        <div id="errors-welcome"></div>
        @csrf
        <div class="form-group  form-login-group">
            <input type="text" name="username" class="login-input" placeholder="Introduceti nume">
            <input type="password" name="password" class="login-input" placeholder="Introduceti parola">
            <button type="submit" class="login-button">Sa incepem</button>
        </div>
    </form>
</div>
@push('js')
<script>
    $(function () {
        $("#submit_form").on('submit', function (e) {
            e.preventDefault();
            $.ajax({
                url: '/auth',
                method: 'POST',
                data: new FormData(this),
                processData: false,
                dataType: 'json',
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                contentType: false,

                success: function (data) {
                    if (data.status == 1) {
                        $("#errors-welcome").html(data.fail);
                        $("#errors-welcome").fadeTo(8000, 500).slideUp(500);
                        $("#errors-welcome").slideUp(500);
                    }
                    if (data.status == 0) {
                        location.reload();
                    }
                }
            });
        });
    });

</script>
@endpush
@endsection