@extends('layouts.inscription-connexion')

@section('css')
    <!-- This Page CSS -->
    <link rel="stylesheet" type="text/css" href="{{asset('assets/libs/select2/dist/css/select2.min.css')}}">
    <!-- Custom CSS -->
	<link rel="stylesheet" type="text/css" href="{{asset('assets/libs/quill/dist/quill.snow.css')}}">
    <!-- Custom CSS -->
    <link href="{{asset('assets/extra-libs/toastr/dist/build/toastr.min.css')}}" rel="stylesheet">
@endsection

@section('content')
    <div class="auth-wrapper d-flex no-block justify-content-center align-items-center" style="background:url(assets/images/big/auth-bg.jpg) no-repeat center center;">
        <div class="auth-box">
            <div id="loginform">
                <div class="logo">
                    <span class="db"><img src="assets/images/logos/logotic.png" width="120" alt="logo" /></span>
                    <h5 class="font-medium mb-3">Se connecter sur GEST TASK</h5>
                </div>
                <!-- Form -->
                <div class="row">
                    <div class="col-12">
                        <form class="form-horizontal mt-3" id="loginform" method="POST" action="{{ route('connexion-user') }}">
                            @csrf
                            <div class="input-group mb-3">
                                <div class="input-group-prepend">
                                    <span class="input-group-text" id="basic-addon1"><i class="ti-user"></i></span>
                                </div>
                                <input
                                    type="text"
                                    class="form-control form-control-lg @error('username') is-invalid @enderror"
                                    name="username"
                                    placeholder="username"
                                    aria-label="Username"
                                    aria-describedby="basic-addon1"
                                    required
                                >
                                @error('username')
                                    <div class="invalid-feedback">
                                        {{ $errors->first('username') }}
                                    </div>
                                @enderror
                            </div>
                            <div class="input-group mb-3">
                                <div class="input-group-prepend">
                                    <span class="input-group-text" id="basic-addon2"><i class="ti-pencil"></i></span>
                                </div>
                                <input
                                    type="password"
                                    class="form-control form-control-lg @error('password') is-invalid @enderror"
                                    name="password"
                                    placeholder="Mot de passe"
                                    aria-label="Password"
                                    aria-describedby="basic-addon1"
                                    required
                                >
                                @error('password')
                                    <div class="invalid-feedback">
                                        {{ $errors->first('password') }}
                                    </div>
                                @enderror
                            </div>
                            <div class="form-group row">
                                <div class="col-md-12">
                                    <div class="custom-control custom-checkbox">
                                        <input type="checkbox" class="custom-control-input" id="customCheck1">
                                        <label class="custom-control-label" for="customCheck1">Se souvenir de moi</label>
                                        <a href="javascript:void(0)" id="to-recover" class="text-dark float-right"><i class="fa fa-lock mr-1"></i> Mot de passe oublié?</a>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group text-center">
                                <div class="col-xs-12 pb-3">
                                <button class="btn btn-block btn-lg btn-info" type="submit"> Se connecter</button>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-xs-12 col-sm-12 col-md-12 mt-2 text-center">
                                    <div class="social">
                                        <a href="javascript:void(0)" class="btn btn-facebook" data-toggle="tooltip" title="" data-original-title="Login with Facebook"> <i aria-hidden="true" class="fab fa-facebook"></i> </a>
                                        <a href="javascript:void(0)" class="btn btn-googleplus" data-toggle="tooltip" title="" data-original-title="Login with Google"> <i aria-hidden="true" class="fab fa-google-plus"></i> </a>
                                    </div>
                                </div>
                            </div>
                            {{-- <div class="form-group mb-0 mt-2">
                                <div class="col-sm-12 text-center">
                                    Vous n'avez pas de compte? <a href="{{ route('inscription-user')}}" class="text-info ml-1"><b>S'inscrire</b></a>
                                </div>
                            </div> --}}
                        </form>
                    </div>
                </div>
            </div>
            <div id="recoverform">
                <div class="logo">
                    <span class="db"><img src="{{asset('assets/images/logos/logo-icon.png')}}" alt="logo" /></span>
                    <h5 class="font-medium mb-3">Réinitialiser mot de passe</h5>
                    <span>Entrer votre adresse mail et nous vous enverrons des instructions!</span>
                </div>
                <div class="row mt-3">
                    <!-- Form -->
                    <form class="col-12" action="{{ route('connexion-user') }}">
                        <!-- email -->
                        <div class="form-group row">
                            <div class="col-12">
                                <input class="form-control form-control-lg" type="email" required="" placeholder="Nom d'utilisateur">
                            </div>
                        </div>
                        <!-- pwd -->
                        <div class="row mt-3">
                            <div class="col-12">
                                <button class="btn btn-block btn-lg btn-danger" type="submit" name="action">Réinitialiser</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <!-- ============================================================== -->
    <!-- Login box.scss -->
    <!-- ============================================================== -->
    <!-- ============================================================== -->
    <!-- Page wrapper scss in scafholding.scss -->
    <!-- ============================================================== -->
    <!-- ============================================================== -->
    <!-- Page wrapper scss in scafholding.scss -->
    <!-- ============================================================== -->
    <!-- ============================================================== -->
    <!-- Right Sidebar -->
    <!-- ============================================================== -->
    <!-- ============================================================== -->
    <!-- Right Sidebar -->
    <!-- ============================================================== -->
    </div>

    <!-- ============================================================== -->
    <!-- All Required js -->
    <!-- ============================================================== -->

    <script src="{{asset('assets/libs/jquery/dist/jquery.min.js')}}"></script>
    <!-- Bootstrap tether Core JavaScript -->
    <script src="{{asset('assets/libs/popper.js/dist/umd/popper.min.js')}}"></script>
    <script src="{{asset('assets/libs/bootstrap/dist/js/bootstrap.min.js')}}"></script>

    <!--This page JavaScript -->
    <script src="{{asset('dist/js/pages/notes/notes.js')}}"></script>
    <script src="{{asset('assets/libs/quill/dist/quill.min.js')}}"></script>

    <!-- ============================================================== -->
    <!-- This page plugin js -->
    <script src="{{asset('assets/extra-libs/toastr/toastr-init.js')}}"></script>
    <script src="{{asset('assets/extra-libs/toastr/dist/build/toastr.min.js')}}"></script>
    <script src="{{asset('dist/js/custom.min.js')}}"></script>
    <!-- ============================================================== -->
    <script>
        $('[data-toggle="tooltip"]').tooltip();
        $(".preloader").fadeOut();
        // ==============================================================
        // Login and Recover Password
        // ==============================================================
        $('#to-recover').on("click", function() {
            $("#loginform").slideUp();
            $("#recoverform").fadeIn();
        });
    </script>

    <!-- This Page JS -->
    <script src="{{asset('assets/libs/select2/dist/js/select2.full.min.js')}}"></script>
    <script src="{{asset('assets/libs/select2/dist/js/select2.min.js')}}"></script>
    <script src="{{asset('dist/js/pages/forms/select2/select2.init.js')}}"></script>
    <!--This page JavaScript -->
    <script src="{{asset('dist/js/pages/notes/notes.js')}}"></script>
    <script src="{{asset('assets/libs/quill/dist/quill.min.js')}}"></script>
    <!-- Initialize Quill editor -->
    <script src="{{asset('dist/js/pages/todo/todo.js')}}"></script>

    <!--This page plugins -->
    <script src="{{asset('assets/extra-libs/datatables.net/js/jquery.dataTables.min.js')}}"></script>
    <script src="{{asset('assets/extra-libs/datatables.net-bs4/js/dataTables.responsive.min.js')}}"></script>
    <script src="{{asset('dist/js/pages/datatable/datatable-basic.init.js')}}"></script>
    <script src="{{asset('assets/extra-libs/toastr/dist/build/toastr.min.js')}}"></script>
    <script src="{{asset('assets/extra-libs/toastr/toastr-init.js')}}"></script>
    <script src="{{asset('dist/js/custom.min.js')}}"></script>
    <script>
        if (@json(session()->has('success'), JSON_PRETTY_PRINT)) {
            if(@json(session('success'), JSON_PRETTY_PRINT)){
                toastr.success("{{session('message')}}", 'Modification', {"showMethod": "fadeIn", "hideMethod": "fadeOut", timeOut: 5000})
            }
            if(!@json(session('success'), JSON_PRETTY_PRINT)){
                if(@json(session()->has('title'), JSON_PRETTY_PRINT)) 
                { 
                    toastr.error("{{session('message')}}", "{{session('title')}}", {"showMethod": "fadeIn", "hideMethod": "fadeOut", timeOut: 5000}) 
                }
                else { toastr.error("{{session('message')}}", 'Modification', {"showMethod": "fadeIn", "hideMethod": "fadeOut", timeOut: 5000}) }
                
            }
        }

        if(@json($errors->any(), JSON_PRETTY_PRINT)){
            toastr.error('{{$errors->first()}}', 'Modification', {"showMethod": "fadeIn", "hideMethod": "fadeOut", timeOut: 5000})
        }

    </script>


</body>

</html>


@endsection