@extends('layouts.auth')

@section('content')
<form id="form-login" action="{{ route('login') }}" method="POST">
    <div class="form-group form-group-stacked">
        <div class="input-group">
            <div class="input-group-prepend">
                <span class="input-group-text"><i class="fas fa-user"></i></span>
            </div>

            <input type="text" class="form-control form-control-lg" name="username" placeholder="Username" autofocus autocomplete="off">
        </div>

        <div class="input-group">
            <div class="input-group-prepend">
                <span class="input-group-text"><i class="fas fa-lock"></i></span>
            </div>

             <input type="password" class="form-control form-control-lg" name="password" placeholder="Password" autocomplete="off">
        </div>
    </div>

    <div class="text-center">
        <button type="submit" class="btn btn-block btn-lg btn-secondary"><i class="fas fa-sign-in-alt"></i> Log In</button>
    </div>
</form>
@endsection

@section('js')
<script>
    $('#form-login').submit(function(e)
    {
        $.Event(e).preventDefault();

        $.ajax({
            url: $(this).attr('action'),
            type: $(this).attr('method'),
            data: $(this).serialize(),
            dataType: 'json'

        }).done(function(data)
        {
            showNoty(data);

            if (data.status == 'success')
            {
                location.reload();
            }
        });
    });
</script>
@endsection