@include('dashboard.layout.partials.header')

    <link href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/2.0.1/css/toastr.css" rel="stylesheet"/>


<div class="accountbg"></div> 

<!-- Begin page -->
<div class="home-btn d-none d-sm-block">
</div>

<div class="wrapper-page">

    <div class="container">
        <div class="row align-items-center justify-content-center">
            <div class="col-lg-5">
                <div class="card card-pages shadow-none mt-4">
                    <div class="card-body">
                        <div class="text-center mt-0 mb-3">
                            <a href="index.html" class="logo logo-admin">
                                <img src="{{ asset('images/logo.png') }}" class="mt-3" alt=""
                                     height="26"></a>
                            <p class="text-muted w-75 mx-auto mb-4 mt-4">Enter your email address and password to access
                                admin panel. </p>
                        </div>

                        <form class="form-horizontal mt-4" action="{{ route('user.login') }}" method="POST">
                            @csrf
                            <div class="form-group">
                                <div class="col-12">
                                    <label for="username">Email</label>
                                    <input class="form-control" type="email" required="" id="username"
                                           name="email"
                                           placeholder="Email">
                                </div>
                            </div>

                            <div class="form-group">
                                <div class="col-12">
                                    <label for="password">Password</label>
                                    <input class="form-control" type="password" required="" id="password"
                                           name="password"
                                           placeholder="Password">
                                </div>
                            </div>

                            <div class="form-group">
                                <div class="col-12">
                                    <div class="checkbox checkbox-primary">
                                        <div class="custom-control custom-checkbox">
                                            <input type="checkbox" class="custom-control-input" id="customCheck1">
                                            <label class="custom-control-label" for="customCheck1"> Remember me</label>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="form-group text-center mt-3">
                                <div class="col-12">
                                    <button class="btn btn-primary btn-block waves-effect waves-light" type="submit">Log
                                        In
                                    </button>
                                </div>
                            </div>

                        

                        </form>
                      
                    </div>

                </div>

            </div>
        </div>
     
    </div>
</div>


 <script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/2.0.1/js/toastr.js"></script>
<script>
    $(document).ready(function () {
        toastr.options.timeOut = 10000;
        @if (Session::has('error'))
        toastr.error('{{ Session::get('error') }}');
        @elseif(Session::has('success'))
        toastr.success('{{ Session::get('success') }}');
        @endif
    });

</script>