<!DOCTYPE html>
<html lang="en">
@php
$website = website_header();
@endphp

<!-- auth-login.html  21 Nov 2019 03:49:32 GMT -->

<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no" name="viewport">
    <title>{{$website->title}}</title>
    <!-- General CSS Files -->
    <link rel="stylesheet" href="{{asset('admin_assets/css/app.min.css')}}">
    <link rel="stylesheet" href="{{asset('admin_assets/bundles/bootstrap-social/bootstrap-social.css')}}">
    <!-- Template CSS -->
    <link rel="stylesheet" href="{{asset('admin_assets/bundles/izitoast/css/iziToast.min.css')}}">
    <link rel='shortcut icon' type='image/x-icon' href="{{asset($website->logo)}}" />

    <link rel="stylesheet" href="{{asset('admin_assets/css/style.css')}}">
    <link rel="stylesheet" href="{{asset('admin_assets/css/components.css')}}">
    <!-- Custom style CSS -->
    <link rel="stylesheet" href="{{asset('admin_assets/css/custom.css')}}">
    <link rel='shortcut icon' type='image/x-icon' href="{{asset('admin_assets/img/favicon.ico')}}" />
</head>

<body>
    <div class="loader"></div>
    <div id="app">
        <div class="main-wrapper main-wrapper-1">

            <section class="section">
                <div class="container mt-5">
                    <div class="row">
                        <div class="col-12 col-sm-8 offset-sm-2 col-md-6 offset-md-3 col-lg-6 offset-lg-3 col-xl-4 offset-xl-4">
                            <div class="card card-primary">
                                <div class="card-header">
                                    <h4>Login</h4>
                                </div>
                                <div class="card-body">
                                    <form method="POST" action="{{url('/admin/login')}}" class="needs-validation" novalidate="">
                                        @csrf
                                        <div class="form-group">
                                            <label for="username">Username</label>
                                            <input id="username" type="text" class="form-control" name="username" tabindex="1" required autofocus>
                                            <div class="invalid-feedback">
                                                Please fill in your email
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <div class="d-block">
                                                <label for="password" class="control-label">Password</label>
                                            </div>
                                            <input id="password" type="password" class="form-control" name="password" tabindex="2" required>
                                            <div class="invalid-feedback">
                                                please fill in your password
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <button type="submit" class="btn btn-primary btn-lg btn-block" tabindex="4">
                                                Login
                                            </button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
        <script src="https://code.jquery.com/jquery-3.6.3.min.js" integrity="sha256-pvPw+upLPUjgMXY0G+8O0xUf+/Im1MZjXxxgOcBQBXU=" crossorigin="anonymous"></script>
        <script src="{{asset('admin_assets/bundles/izitoast/js/iziToast.min.js')}}"></script>
        <!-- Page Specific JS File -->
        <script src="{{asset('admin_assets/js/page/toastr.js')}}"></script>
        <!-- General JS Scripts -->
        <script src="{{asset('admin_assets/js/app.min.js')}}"></script>
        <!-- JS Libraies -->
        <!-- Page Specific JS File -->
        <!-- Template JS File -->
        <script src="{{asset('admin_assets/js/scripts.js')}}"></script>
        <!-- Custom JS File -->
        <script src="{{asset('admin_assets/js/custom.js')}}"></script>

        <script>
            <?php
            if (Session::has('message')) { ?>
                let type = "{{Session::get('alert-type','info')}}";
                switch (type) {
                    case 'info':
                        iziToast.show({
                            message: " {{Session::get('message')}} ",
                            position: 'topRight',
                            color: 'blue'
                        });
                        toastr.info(" {{Session::get('message')}} ");
                        break;

                    case 'success':
                        iziToast.show({
                            message: " {{Session::get('message')}} ",
                            position: 'topRight',
                            color: 'green'
                        });
                        break;

                    case 'warning':
                        iziToast.show({
                            message: " {{Session::get('message')}} ",
                            position: 'topRight',
                            color: 'yellow'
                        });
                        break;

                    case 'error':
                        iziToast.show({
                            message: " {{Session::get('message')}} ",
                            position: 'topRight',
                            color: 'red'
                        });
                        break;
                }

            <?php } ?>
        </script>
</body>


<!-- auth-login.html  21 Nov 2019 03:49:32 GMT -->

</html>