@extends('layouts.auth.app', ['title' => 'Login'])

@section('content')

@if ($message = Session::get('error'))
<div class="alert alert-danger alert-block">
    <button type="button" class="close text-white" data-dismiss="alert">×</button>
    <strong>{{ $message }}</strong>
</div>
@endif

<div class="card card-primary">

    <div class="card-header">
        <h4>LOGIN</h4>
    </div>

    <div class="card-body">
        <form class="needs-validation" action="{{ route('login') }}" method="POST" id="form-login" novalidate="">
            @csrf
            <div class="form-group">
                <label for="email">Email</label>
                <input type="email" name="email" id="email" class="form-control" placeholder="Email" required>
                <div class="invalid-feedback">
                    Harap Isi Email
                </div>
            </div>

            <div class="form-group">
                <label for="password" class="control-label">Password</label>
                <input type="password" name="password" id="password" class="form-control" placeholder="Password"
                    required minlength="6">
                <div class="invalid-feedback">
                    Harap Isi Password
                </div>
            </div>

            <div class="form-group">
                <button type="submit" id="login" class="btn btn-primary btn-lg btn-block">
                    LOGIN
                </button>
            </div>
        </form>
    </div>
</div>
@endsection
{{--
@push('js')
<script>
    function login() {
            // $.get('/sanctum/csrf-cookie', function(){

            $.ajax({
                url: '/api/login',
                type: "Post",
                cache: false,
                data: {
                    "email": $('#email').val(),
                    "password": $('#password').val()
                },
                
                success: function (response) {
                                  localStorage.setItem('token', response.token);

                        window.location.href = "{{ route('dashboard.index') }}";

                    // Swal.fire({
                    //     icon: 'success',
                    //     title: response.data.message,
                    //     showConfirmButton: false,
                    //     timer: 500
                    // }).then(() => {

                    // });
                },
                error: function (xhr, ajaxOptions, thrownError) {
                    alert(xhr.status);
                    alert(thrownError);
                }
            })
        }
    // )}
        $(document).ready(function () {
                            const form = document.getElementById('form-login');

            $('#login').click(function (e) {
                e.preventDefault();

                if (form.checkValidity()) {
                    login();
                    console.log('halo')
                }
            });
        });
</script>
@endpush --}}