<!DOCTYPE html>
<html lang="en">
<head>

    <meta charset="UTF-8">
    <meta name='viewport' content='width=device-width, initial-scale=1.0, user-scalable=0'>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="Description" content="">
    <meta name="Author" content="AGBONON Kankoe Yaovi">
    <meta name="Keywords" content=""/>

    <!-- Title -->
    <title> {{config('app.name')}} | Connexion </title>

    <!-- Favicon -->
    <link rel="icon" href="{{url('assets/img/brand/favicon.png')}}" type="image/x-icon"/>

    <!-- Icons css -->
    <link href="{{url('assets/css/icons.css')}}" rel="stylesheet">

    <!--  Right-sidemenu css -->
    <link href="{{url('assets/plugins/sidebar/sidebar.css')}}" rel="stylesheet">

    <!--  Custom Scroll bar-->
    <link href="{{url('assets/plugins/mscrollbar/jquery.mCustomScrollbar.css')}}" rel="stylesheet"/>

    <!--  Left-Sidebar css -->
    <link rel="stylesheet" href="{{url('assets/css/sidemenu1.css')}}">

    <!--- Style css --->
    <link href="{{url('assets/css/style.css')}}" rel="stylesheet">

    <!--- Dark-mode css --->
    <link href="{{url('assets/css/style-dark.css')}}" rel="stylesheet">

    <!---Skinmodes css-->
    <link href="{{url('assets/css/skin-modes.css')}}" rel="stylesheet" />

    <!--- Animations css-->
    <link href="{{url('assets/css/animate.css')}}" rel="stylesheet">

    <style>
        .login, .image {
            min-height: 80vh;
        }
    </style>
</head>
<body class="main-body bg-light">

<!-- Loader -->
<div id="global-loader">
    <img src="{{url('assets/img/loader.svg')}}" class="loader-img" alt="Loader">
</div>
<!-- /Loader -->

<!-- Page -->
<div class="page">
    <div class="container-fluid">
        <div class="row no-gutter">

            <div class="col-md-5 col-lg-5 col-xl-4 bg-white mx-auto mt-5">
                <div class="login d-flex align-items-center py-2">
                    <!-- Demo content-->
                    <div class="container p-0">
                        <div class="row">
                            <div class="col-md-11 col-lg-11 col-xl-10 mx-auto">
                                <div class="card-sigin">
                                    <div class="mb-5 d-flex">
                                        <img src="{{url('assets/img/brand/logo.png')}}" class="sign-favicon ht-100" alt="logo">
                                    </div>
                                    <div class="mb-5">
                                        @if($errors->count() > 0)
                                            @foreach($errors->all() as $message)
                                                <div class="alert alert-danger mg-b-0" role="alert">
                                                    <button aria-label="Close" class="close" data-dismiss="alert" type="button">
                                                        <span aria-hidden="true">×</span>
                                                    </button>
                                                    {!! $message !!}
                                                </div>
                                            @endforeach
                                        @endif

                                        @if(Session::has('success'))
                                            <div class="alert alert-success mg-b-0" role="alert">
                                                <button aria-label="Close" class="close" data-dismiss="alert" type="button">
                                                    <span aria-hidden="true">×</span>
                                                </button>
                                                {!! Session::get('success') !!}
                                            </div>
                                        @endif

                                        @if(Session::has('error'))
                                            <div class="alert alert-danger mg-b-0" role="alert">
                                                <button aria-label="Close" class="close" data-dismiss="alert" type="button">
                                                    <span aria-hidden="true">×</span>
                                                </button>
                                                {!! Session::get('error') !!}
                                            </div>
                                        @endif
                                    </div>
                                    <div class="card-sigin">
                                        <div class="main-signup-header">
                                            <form method="post" action="{{url(Request::path())}}">
                                                {{csrf_field()}}
                                                <div class="form-group">
                                                    <label for="email">Username</label>
                                                    <input required name="username" id="username" class="form-control" placeholder="Username" type="text">
                                                </div>
                                                <div class="form-group">
                                                    <label for="password">Mot de passe</label>
                                                    <input required id="password" name="password" class="form-control" placeholder="Mot de passe" type="password">
                                                </div>
                                                <div class="form-group">
                                                    <div class="checkbox">
                                                        <div class="custom-checkbox custom-control">
                                                            <input  type="checkbox" data-checkboxes="mygroup" class="custom-control-input" id="remember" name="remember">
                                                            <label for="remember" class="custom-control-label mt-1">Garder ma session active</label>
                                                        </div>
                                                    </div>
                                                </div>

                                                <button class="btn btn-main-primary btn-block">Se connecter</button>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div><!-- End -->
                </div>
            </div><!-- End -->
        </div>
    </div>

</div>
<!-- End Page -->

<!-- JQuery min js -->
<script src="{{url('assets/plugins/jquery/jquery.min.js')}}"></script>

<!-- Bootstrap Bundle js -->
<script src="{{url('assets/plugins/bootstrap/js/bootstrap.bundle.min.js')}}"></script>

<!-- Ionicons js -->
<script src="{{url('assets/plugins/ionicons/ionicons.js')}}"></script>

<!-- Moment js -->
<script src="{{url('assets/plugins/moment/moment.js')}}"></script>

<!-- eva-icons js -->
<script src="{{url('assets/js/eva-icons.min.js')}}"></script>

<!-- Rating js-->
<script src="{{url('assets/plugins/rating/jquery.rating-stars.js')}}"></script>
<script src="{{url('assets/plugins/rating/jquery.barrating.js')}}"></script>

<!-- custom js -->
<script src="{{url('assets/js/custom.js')}}"></script>

</body>
</html>
