<!doctype html>
<html lang="fr">

<head>
  <!-- Required meta tags -->
  <meta charset="UTF-8">
  <meta name="description" content="">
  <meta name="keywords" content="HTML,CSS,XML,JavaScript">
  <meta name="author" content="EPAC-GIT3-2021-2022">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="csrf-token" content="<?php echo e(csrf_token()); ?>">
  <title>Accueil | Bookcase</title>
  <link rel="shortcut icon" href="/images/favicon.png" type="image/x-icon">
  <!-- Goole Font -->
  <link href="https://fonts.googleapis.com/css?family=Rubik:400,500,700" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css?family=Roboto:400,500,700,900" rel="stylesheet">
  <!-- Bootstrap CSS -->
  <link rel="stylesheet" href="/css/assets/bootstrap.min.css">
  <!-- Font awsome CSS -->
  <link rel="stylesheet" href="/css/assets/font-awesome.min.css">
  <link rel="stylesheet" href="/css/assets/flaticon.css">
  <link rel="stylesheet" href="/css/assets/magnific-popup.css">
  <!-- owl carousel -->
  <link rel="stylesheet" href="/css/assets/owl.carousel.css">
  <link rel="stylesheet" href="/css/assets/owl.theme.css">
  <link rel="stylesheet" href="/css/assets/animate.css">
  <!-- Slick Carousel -->
  <link rel="stylesheet" href="/css/assets/slick.css">

  <!-- Mean Menu-->
  <link rel="stylesheet" href="/css/assets/meanmenu.css">
  <!-- main style-->
  <link rel="stylesheet" href="/css/style.css">
  <link rel="stylesheet" href="/css/responsive.css">
  <link rel="stylesheet" href="/css/demo.css">
  <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 <![endif]-->

</head>


<body>
  <header class="header_3">
    <div id="preloader"></div>
    <div class="header_top" style="display:none">
      <div class="container">
        <div class="row">
          <div class="col-12 col-sm-12 col-lg-12">
            <div class="info_wrapper">
              <div class="contact_info">
                <ul class="list-unstyled">
                  <li><i class="flaticon-phone-receiver"></i><a style="color:black;background-color:white;"
                      href="tel://+22961374500">+229
                      61374500</a></li>
                  <li><i class="flaticon-mail-black-envelope-symbol"></i><a
                      style="color:black;background-color:white;text-transform:lowercase"
                      href="mailto:iitech@iitech-benin.net">iitech@iitech-benin.net</a></li>
                </ul>
              </div>
              <div class="login_info">
                <a style="color:black;" href="#" class="sign_up sign-in join_now js-modal-show"
                  id="log">S'inscrire
                  / Se Connecter</a>
                <!--<a href="#" title="" class="sign_in join_now js-modal-show">Se Connecter</a>-->
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="edu_nav">
      <div class="container">
        <nav class="navbar navbar-expand-md navbar-light bg-faded">
          <a class="navbar-brand" href=<?php echo e(url('/')); ?>><img src="/images/logo.png" alt="logo"
              height="45px"></a>
          <div class="collapse navbar-collapse main-menu" id="navbarSupportedContent">
            <ul class="navbar-nav nav lavalamp ml-auto menu">
              <li class="nav-item"><a href=<?php echo e(url('/')); ?> class="nav-link active">Accueil</a>
              </li>
              <li class="nav-item"><a href=<?php echo e(url('/about')); ?> class="nav-link">À propos</a>
              </li>
              <li class="nav-item"><a href=<?php echo e(url('/contact')); ?> class="nav-link">Contact</a>
              </li>
            </ul>
          </div>
          <!--<div class="mr-auto search_area ">
                        <ul class="navbar-nav mx-auto d-flex">
                            <li class="nav-item search_icon"><i class="search_btn flaticon-magnifier"></i>
                                <div id="search">
                                    <button type="button" class="close">×</button>
                                    <form>
                                        <input type="search" value="" placeholder="Cherchez ici...." required />
                                    </form>
                                </div>
                            </li>
                        </ul>
                    </div>-->
        </nav><!-- END NAVBAR -->
      </div>
    </div>

    <div class="intro_wrapper">
      <div class="container">
        <div class="row">
          <div class="col-sm-12 col-md-8 col-lg-8">
            <div class="intro_text">
              <h1>Là où le savoir réside.</h1>
              <p>Nous rendons accessible les savoirs les plus techniques et les plus précis quelque soit
                votre niveau d'étude ! <br>
                Ici commence votre avenir : <b>Bookcase de GestStudent</b>.</p>
              <div class="intro_button">
                <a class="nav-link visite" style="cursor: pointer">Visiter la bibliothèque</a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </header> <!-- End header -->

  <section class="login_signup_option">
    <div class="l-modal is-hidden--off-flow js-modal-shopify">
      <div class="l-modal__shadow js-modal-hide"></div>
      <div class="login_popup login_modal_body">
        <div class="Popup_title d-flex justify-content-between">
          <h2 class="hidden">&nbsp;</h2>
          <!-- Nav tabs -->
          <div class="row">
            <div class="col-12 col-lg-12 col-md-12 col-lg-12 login_option_btn d-flex justify-content-center">
              <ul class="nav nav-tabs" role="tablist">
                <li class="nav-item"><a class="nav-link <?php if(!session()->has('errorIns')): ?> alogin <?php endif; ?>"
                    data-toggle="tab" href="#login" role="tab">Connectez-vous !</a></li>
              </ul>
            </div>
            <div class="col-12 col-lg-12 col-md-12 col-lg-12">
              <!-- Tab panels -->
              <div class="tab-content card">
                <!--Login-->
                <div class="tab-pane fade <?php if(!session()->has('errorIns')): ?> in show active <?php endif; ?>" id="login"
                  role="tabpanel">
                  <?php if(session()->has('info')): ?>
                    <div style="text-align: center;"> <span style="color: green;"><?php echo e(session('info')); ?></span> </div>
                  <?php endif; ?>
                  <form method="post" action="<?php echo e(route('login')); ?>">
                    <?php echo csrf_field(); ?>
                    <div class="row">
                      <div class="col-12 col-lg-12 col-md-12 col-lg-12">
                        <div class="form-group">
                          <label class="control-label">Nom d'utilisateur</label>
                          <input type="text" name="username" placeholder="Nom d'utilisateur"
                            class="log_email form-control <?php $__errorArgs = ['username'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?> is-invalid <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>"
                            value="<?php echo e(old('username')); ?>" required autofocus />
                        </div>
                        <?php $__errorArgs = ['username'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
                          <div class="invalid-feedback">
                            <?php echo e($message); ?>

                          </div>
                        <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                      </div>
                      <div class="col-12 col-lg-12 col-md-12 col-lg-12">
                        <div class="form-group">
                          <label class="control-label" for="password">Mot de passe</label>
                          <input type="password" name="password"
                            class="form-control <?php $__errorArgs = ['password'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?> is-invalid <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>" placeholder="Mot de passe"
                            required autocomplete="current-password" />
                        </div>
                        <?php $__errorArgs = ['password'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
                          <div class="invalid-feedback">
                            <?php echo e($message); ?>

                          </div>
                        <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                      </div>
                      <div class="col-12 col-lg-12 col-md-12 col-lg-12">
                        <div class="form-group">
                          <label class="control-label" for="control-label2">Etablissement</label>
                          <select class="form-control" name="etablissement" id="control-label2">
                            <?php $__currentLoopData = $etablissement; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $eta): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                              <option value="<?php echo e($eta->idEtablissement); ?>"
                                <?php if($eta->idEtablissement === 11): ?> seleted <?php endif; ?>><?php echo e($eta->sigle); ?></option>
                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                          </select>
                        </div>
                      </div>
                      <?php if(session()->has('error')): ?>
                        <div style="text-align: center;"> <span class="error"
                            style="color: red;"><?php echo e(session('error')); ?></span> </div>
                      <?php endif; ?>
                    </div>
                    <div class="row">
                      <div class="col-12 col-lg-12 col-md-12 d-flex justify-content-between login_option">
                        <a href="https://e-services.geststudent.net/index.php" title="" class="forget_pass"
                          target="_blank">Mot de
                          passe oublié ?</a>
                        <button type="submit" class="btn btn-default login_btn">Se
                          Connecter</button>
                      </div>
                    </div>
                  </form>
                </div>
                <!--/.Panel 1-->

              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section> <!-- End Login Signup Option -->

  <section class="courses_features">
    <div class="container">
      <div class="row d-flex justify-content-center">
        <div class="col-12 col-sm-12 col-md-9 col-lg-9">
          <div class="sub_title">
            <h2>Nous avons une panoplie de livres <br>pour Vous!!</h2>
          </div><!-- ends: .section-header -->
        </div>
      </div>
      <div class="row">
        <?php $__currentLoopData = $domaines; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $domaine): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
          <div class="col-12 col-sm-6 col-md-6 col-lg-3 single_features_wrapper" style="cursor: pointer">
            <div class="feature_single feature_single_<?php echo e($domaine->id); ?>">
              <img src="/image/<?php echo e($domaine->id); ?>.jpg" alt="">
              <div class="feature_content">
                <h3><?php echo e($domaine->nameDomaine); ?></h3>
                <?php
                  $allbooks = [];
                  foreach ($domaine->disciplines as $discipline) {
                      foreach ($discipline->books as $book) {
                          $allbooks[$book->id] = $book->id;
                      }
                  }
                  $count = count($allbooks);
                ?>
                <?php if($count >= 5): ?>
                  <small class="text-white"><?php echo e($count); ?> livres dans ce domaine</small>
                <?php else: ?>
                  <small class="text-white"><?php echo e($count); ?> livre(s)</small>
                <?php endif; ?>

              </div>
            </div>
          </div>
        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
      </div>
    </div>
  </section> <!-- End Courses Features -->
  <section class="video_online">
    <div class="container">
      <div class="row">
        <div class="col-6 col-sm-6 col-md-4 col-lg-4 counter_single_wrapper">
          <div class="section count_single">
            <div class="project-count counter"><?php echo e($stats['user']); ?></div>
            <span>Utilisateurs</span>
          </div>
        </div>

        <div class="col-6 col-sm-6 col-md-4 col-lg-4 counter_single_wrapper">
          <div class="section count_single">
            <div class="project-count counter"><?php echo e($stats['livre']); ?></div>
            <span>Livres disponibles</span>
          </div>
        </div>

        <div class="col-12 col-sm-12 col-md-4 col-lg-4 counter_single_wrapper">
          <div class="section count_single">
            <div class="project-count counter"><?php echo e($stats['emprunt']); ?></div>
            <span>Livres en cours de lecture</span>
          </div>
        </div>
      </div>
    </div>
    <div class="bg_shapes">
    </div>
  </section><!-- End ONline Video -->

  <!-- Footer -->
  <footer class="footer_3">
    <div class="container">
      <div class="footer_top">
        <div class="row">
          <div class="col-12 col-md-6 col-lg-6">
            <div class="footer_single_col footer_intro">
              <img src="/images/logo2.png" alt="" class="f_logo">
              <p>Avec nos livres, tout le savoir est à votre portée...</p>
            </div>
          </div>
          <div class="col-12 col-md-6 col-lg-6">
            <div class="footer_single_col contact">
              <h3>Contactez Nous</h3>
              <p>Besoin de nous contacter ?</p>
              <div class="contact_info">
                <span><a style="text-decoration:none;"href="tel://+22961374500">+229 61 37 45
                    00</a></span>
                <span class="email"><a href="mailto:iitech@iitech-benin.net ">iitech@iitech-benin.net
                  </a></span>
              </div>

            </div>
          </div>
          <div class="col-12 col-md-12 col-lg-12">
            <div class="copyright">
              <a>© <?= now()->format('Y') ?> IITECH - Tous droits réservés.</a>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="shapes_bg">
      <img src="/images/shapes/waves.png" alt="" class="shape_3">
    </div>
  </footer><!-- End Footer -->

  <section id="scroll-top" class="scroll-top">
    <h2 class="disabled">Scroll to top</h2>
    <div class="to-top pos-rtive">
      <a href="#"><i class="flaticon-right-arrow"></i></a>
    </div>
  </section>


  <!-- JavaScript -->
  <script src="/js/jquery-3.2.1.min.js"></script>
  <script src="/js/popper.min.js"></script>
  <script src="/js/bootstrap.min.js"></script>
  <script src="/js/jquery.magnific-popup.min.js"></script>
  <script src="/js/owl.carousel.min.js"></script>
  <script src="/js/slick.min.js"></script>
  <script src="/js/jquery.meanmenu.min.js"></script>
  <script src="/js/wow.min.js"></script>
  <!-- Counter Script -->
  <script src="/js/waypoints.min.js"></script>
  <script src="/js/jquery.counterup.min.js"></script>
  <script src="/js/custom.js"></script>
  <script>
    var formulaire_epac = function() {
      $('#regis_1').css("display", "block");
      $('#regis_2').css("display", "none");
    }
    $('#coming_1').click(formulaire_epac);

    var formulaire_epac = function() {
      $('#regis_1').css("display", "none");
      $('#regis_2').css("display", "block");
    }
  </script>
  <script>
    $(() => {
      $('.visite').click(() => {
        $(".js-modal-shopify")
          .toggleClass("is-shown--off-flow")
          .toggleClass("is-hidden--off-flow");
      });
    });
  </script>
  <?php if(session()->has('error') or session()->has('info') or session()->has('errorIns')): ?>
    <?php
    if (isset($message)) {
        unset($message);
    }
    ?>
    <script type="text/javascript">
      $(() => {
        $('.js-modal-show').click()
      });
    </script>
    <?php Session::forget('info');
    Session::forget('error');
    Session::forget('errorIns'); ?>
  <?php endif; ?>
  <?php if(isset($message)): ?>
    <script type="text/javascript">
      $(() => {
        $('.js-modal-show').click()
        $(".alogin").click();
        if ("0" == "<?php echo e($type); ?>" || "3" == "<?php echo e($type); ?>") {
          $(".text-danger.info").text(
            "<?php echo e($message); ?>"
          );
        } else if ("1" == "<?php echo e($type); ?>" || "2" == "<?php echo e($type); ?>") {
          $(".text-success.info").text(
            "<?php echo e($message); ?>"
          );
        }
      });
    </script>
  <?php endif; ?>
  <!-- =========================================================
         STYLE SWITCHER | ONLY FOR DEMO NOT INCLUDED IN MAIN FILES
    ============================================================== -->
  <script type="text/javascript" src="/js/demo.js"></script>

</body>


</html>
<?php /**PATH /home/africawebstudent/public_html/aws/bookcase/resources/views/index.blade.php ENDPATH**/ ?>