@extends('auth.layouts.master')

@section('content')


    <script type="text/javascript" src="{{ asset('dashboard/assets/scripts/jquery-2.1.3.min.js') }}"></script>


    <script type="text/javascript" src="{{ asset('dashboard/assets/scripts/jquery-2.1.3.min.js') }}"></script>

    <link href="{{ asset('dashboard/assets/css/loginsidbar.css') }}" rel="stylesheet">


    <div class="app-container app-theme-white body-tabs-shadow">
        <div class="app-container">
            <div class="h-100">
                <div class="h-100 no-gutters row">
                    <div class="sidebox  d-lg-block col-lg-4" style="background-color: #00447c !important;">

                        <div id='stars'></div>
                        <div id='stars2'></div>
                        <div id='stars3'></div>
                        <div id='title'>

                            <span>
                                <img src="{{ asset('/assets/img/logos.png') }}" />
                            </span>

                            <br>
                            <span>


                            </span>
                        </div>

                    </div>
                    <div class="h-100 d-flex bg-white justify-content-center align-items-center col-md-12 col-lg-8">
                        <div class="mx-auto app-login-box col-sm-12 col-md-10 col-lg-9">


                            <h4 class="mb-0">
                                <span class="d-block"> Admin Dashboard
                                    <small>(v{{ Config::get('app.version') }})</small></span>
                            </h4>
                            <div class="flash-message">

                                @if (Session::has('status'))
                                    <div class="alert alert-danger" role="alert">
                                        <p class="alert" style="position: relative;">{{ Session::get('status') }}
                                        </p>
                                    </div>
                                @endif

                            </div>
                            <div class="divider row"></div>
                            <div>
                                <form method="POST" action="{{ route('login') }}">
                                    @csrf
                                    <div class="form-row">
                                        <div class="col-md-6">
                                            <div class="position-relative form-group"><label for="exampleEmail"
                                                    class="">Email</label><input id="email" type="email"
                                                    class="form-control @error('email') is-invalid @enderror" name="email"
                                                    value="{{ old('email') }}" required autocomplete="email" autofocus>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="position-relative form-group"><label for="examplePassword"
                                                    class="">Password</label><input id="password"
                                                    type="password"
                                                    class="form-control @error('password') is-invalid @enderror"
                                                    name="password" required autocomplete="current-password">
                                                @error('password')
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                    <div class="position-relative form-check">
                                        <label for="remember" class=""><input class="form-check-input"
                                                type="checkbox" name="remember" id="remember"
                                                {{ old('remember') ? 'checked' : '' }}>Keep
                                            me logged in</label>
                                    </div>
                                    <div class="divider row"></div>
                                    <div class="d-flex align-items-center">
                                        <div class="ml-auto">
                                            <button type='submit' class="btn btn-primary btn-lg">Login to Dashboard
                                            </button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection