@extends('layout.layout4')

@php
    $headTitle = 'Log In';
    $header = 'header2';
@endphp

@section('content')
    <!-- Start Sign up Area  -->
    <div class="signup-area rainbow-section-gapTop-big" data-black-overlay="2">
        <div class="sign-up-wrapper rainbow-section-gap">
            <div class="sign-up-box bg-flashlight">
                <div class="signup-box-top top-flashlight light-xl">
                    <img src="{{ asset('assets/images/logo/boxed-logo.png') }}" alt="sign-up logo">
                </div>
                <div class="separator-animated animated-true"></div>
                <div class="signup-box-bottom">
                    <div class="signup-box-content">
                        <h4 class="title">Welcome Back!</h4>
                        <form class="form-login" method="post">
                            @csrf
                            <div class="input-section mail-section">
                                <div class="icon"><i class="feather-mail"></i></div>
                                <input type="email" name="email" placeholder="Enter email address">
                            </div>
                            <div class="input-section password-section">
                                <div class="icon"><i class="feather-lock"></i></div>
                                <input type="password" name="password" placeholder="Password">
                            </div>
                            <div class="forget-text"><a class="btn-read-more" href="/pages/forgotpassword"><span>Forgot
                                        password</span></a></div>
                            <button type="submit" class="btn-default">Sign In</button>
                        </form>
                    </div>
                    <div class="signup-box-footer">
                        <div class="bottom-text">
                            Don't have an account? <a class="btn-read-more" href="{{ route('signup') }}"><span>Sign
                                    Up</span></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End Sign up Area  -->

    <script>
        $(function() {

            $('.form-login').submit(function(e) {
                e.preventDefault();

                var form = $(this);
                var token = $('input[name=_token]');

                hitApi(
                    '/auth-user',
                    'post', {
                        _token: token.val(),
                        email: form.find('input[name=email]').val(),
                        password: form.find('input[name=password]').val(),
                    },
                    function(response) {
                        token.val(response.newToken);
                        if (response.isSuccess) {
                            // toastr.success(response.message)
                            Swal.fire({
                                title: "Success!",
                                text: response.message,
                                icon: "success"
                            });
                            
                            if (response.data.role_id == '2') {
                                window.location.href = "/dashboard"
                            }
                        } else {
                            // toastr.error(response.message)
                            Swal.fire({
                                title: "Warning!",
                                text: response.message,
                                icon: "warning"
                            });
                        }
                    }
                );

            });

        });
    </script>
@endsection