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

<head>
    <meta charset="utf-8">
    <meta content="width=device-width, initial-scale=1.0" name="viewport">

    <title>DGPR / Authentification</title>
    <meta content="" name="description">
    <meta content="" name="keywords">

    <!-- Favicons -->
    <link href="{{ asset('assets/img/armoiries.png') }}" rel="icon">
    <link href="{{ asset('assets/img/apple-touch-icon.png') }}" rel="apple-touch-icon">

    <!-- Google Fonts -->
    <link href="https://fonts.gstatic.com" rel="preconnect">
     <!--PROGRAMMER PAR DAMALA MOHAMED EL ANEWAR ABIODOUN ATTANDA -->
    <link
        href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Nunito:300,300i,400,400i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i"
        rel="stylesheet">

    <!-- Vendor CSS Files -->

    <link href="{{ asset('assets/vendor/bootstrap/css/bootstrap.min.css') }}" rel="stylesheet">
    <link href="{{ asset('assets/vendor/bootstrap-icons/bootstrap-icons.css') }}" rel="stylesheet">
    <link href="{{ asset('assets/vendor/boxicons/css/boxicons.min.css') }}" rel="stylesheet">
    <link href="{{ asset('assets/vendor/quill/quill.snow.css') }}" rel="stylesheet">
    <link href="{{ asset('assets/vendor/quill/quill.bubble.css') }}" rel="stylesheet">
    <link href="{{ asset('assets/vendor/remixicon/remixicon.css') }}" rel="stylesheet">
    <link href="{{ asset('assets/vendor/simple-datatables/style.css') }}" rel="stylesheet">

    <!-- Template Main CSS File -->
    <link href="{{ asset('assets/css/style.css') }}" rel="stylesheet">

    <link href="{{ asset('Contact/assets/css/style.css') }}" rel="stylesheet">
</head>
<style>

</style>
<body>
    <header class="p-3 text-bg-dark">
        <div class="container">
            <div class="d-flex flex-wrap align-items-center justify-content-center justify-content-lg-start">
                <a href="#" class="logo d-flex align-items-center me-5 w-50 ">
                    <img src="{{ asset('assets/img/Ecusson_police_republicaine.png') }}" height="90px" alt="">
                    <span class=" text-white">
                            POLICE REPUBLICAINE
                    </span>
                </a>

                <ul class="nav col-12 col-lg-auto me-lg-auto mb-2 justify-content-center mb-md-0">
                    <li><a href="#" class="nav-link px-2 text-secondary"></a></li>
                    <li><a href="#" class="nav-link px-2 text-white"></a></li>
                    <li><a href="#" class="nav-link px-2 text-white"></a></li>
                    <li><a href="#" class="nav-link px-2 text-white"></a></li>
                    <li><a href="#" class="nav-link px-2 text-white"></a></li>
                </ul>

                <form class="col-12 col-lg-auto mb-3 mb-lg-0 me-lg-3" role="search">
                </form>

                <div class="text-end">
                   <a href="{{ route('show') }}" type="button" class="btn btn-outline-light me-2">Contactez-nous</a>
                  {{--  <a href="{{ route('register') }}" type="button" class="btn btn-warning">Sign-up</a>--}}
                </div>
            </div>
        </div>
    </header>
    <main>
        <section class="section register min-vh-100 d-flex flex-column align-items-center  py-4">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-4 col-md-6 d-flex flex-column align-items-center justify-content-center">
                        <div class="d-flex justify-content-center py-4">
                            <a href="index.html" class="logo d-flex align-items-center w-auto">

                                <span class="d-none d-lg-block"></span>
                            </a>
                        </div><!-- End Logo -->

                        <div class="card ">


                            <div class="col ">

                            </div>

                            <div class="card-body">

                                <div class="pt-4 pb-2">
                                    <h5 class="card-title text-center ">
                                        <img src="{{ asset('assets/img/title.jpeg') }}" width="290px" alt=""
                                            srcset="">
                                    </h5>
                                </div>
                                <form method="POST" action="{{ route('login') }}" class="row g-3 needs-validation"
                                    novalidate>
                                    @csrf
                                    <div class="col-12">
                                        <label for="email" class="form-label">{{ __('Matricule') }}</label>
                                        <input id="nom" type="text"
                                        oninput="this.value = this.value.toUpperCase()"
                                            class="form-control @error('nom') is-invalid @enderror" name="email"
                                            value="{{ old('nom') }}" required placeholder="PRXXXXX" autocomplete="nom" autofocus required>

                                        @error('nom')
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @enderror
                                    </div>

                                    <div class="col-12">
                                        <label for="password" class="form-label">{{ __('Date de Naissance') }}</label>
                                        <input id="password" type="text"
                                            class="form-control @error('password') is-invalid @enderror" name="password" placeholder="JJ/MM/AAAA"
                                            required autocomplete="current-password" required>

                                        @error('password')
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @enderror

                                    </div>

                                    <div class="col-12">
                                        <button class="btn btn-color w-100" type="submit">Connexion</button>
                                    </div>

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


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

        </section>

        </div>

    </main><!-- End #main -->
 <!-- ======= Footer ======= -->



     <!-- Vendor JS Files -->
     <script src="{{ asset('assets/vendor/apexcharts/apexcharts.min.js') }}"></script>
     <script src="{{ asset('assets/vendor/bootstrap/js/bootstrap.bundle.min.js') }}"></script>
     <script src="{{ asset('assets/vendor/chart.js/chart.umd.js') }}"></script>
     <script src="{{ asset('assets/vendor/echarts/echarts.min.js') }}"></script>
     <script src="{{ asset('assets/vendor/quill/quill.min.js') }}"></script>
     <script src="{{ asset('assets/vendor/simple-datatables/simple-datatables.js') }}"></script>
     <script src="{{ asset('assets/vendor/tinymce/tinymce.min.js') }}"></script>
     <script src="{{ asset('assets/vendor/php-email-form/validate.js') }}"></script>

     <!-- Template Main JS File -->
     <script src="{{ asset('assets/js/main.js') }}"></script>

</body>

</html>
