<?php
  session_start();
  include('../config.php');
  include("template/header.php");
  include("../common/function.php");
  open_page("Index");

  if(! isset($_SESSION['is_login']))
  {
    header('location:../index.php');
  }

  if (!isset($_SESSION["username"])){
    // echo "<script>alert('Login terlebih dahulu');window.location='../index.php';</script>";
    // exit;
    echo "Anda harus login dulu <br><a href='../index.php'>Klik disini</a>";
	exit;
  }

  $role = $_SESSION["role"];

  if($role != "user"){
    echo "<script>alert('Anda bukan user');window.location='../index.php';</script>";
    exit;
  }

  $id_akun = $_SESSION["id_akun"];
  $nama = $_SESSION["nama"];
  $username = $_SESSION["username"];

 ?>

 <!-- ======= Hero Section ======= -->
 <section id="hero">
   <div id="heroCarousel" class="carousel slide carousel-fade" data-ride="carousel">

     <ol class="carousel-indicators" id="hero-carousel-indicators"></ol>

     <div class="carousel-inner" role="listbox">

       <!-- Slide 1 -->
       <div class="carousel-item active" style="background-image: url(<?=BASEURL?>public/img/view.jpg)">
         <div class="carousel-container">
           <div class="container">
             <h2 class="animate__animated animate__fadeInDown">Welcome to <span>Travel <img src="<?= BASEURL; ?>public/img/logo4.png" alt="" width="75px;">K</span></h2>
             <p class="animate__animated animate__fadeInUp">Halo! <?= $_SESSION["nama"]?></p>
           </div>
         </div>
       </div>

       <!-- Slide 2 -->
       <div class="carousel-item" style="background-image: url(<?=BASEURL?>public/img/slide1.jpg)">
         <div class="carousel-container">
           <div class="container">
             <h2 class="animate__animated animate__fadeInDown">Udara <img src="<?= BASEURL; ?>public/img/logo4.png" alt="" width="75px;">K!</h2>
             <p class="animate__animated animate__fadeInUp">Ayo lintasi bumi melalui udara dan lihat pemandangan bagus dan indah.</p>
             <a href="destinasi_user.php" class="btn-get-started animate__animated animate__fadeInUp scrollto">Read More</a>
           </div>
         </div>
       </div>

       <!-- Slide 3 -->
       <div class="carousel-item" style="background-image: url(<?=BASEURL?>public/img/slide2.jpg)">
         <div class="carousel-container">
           <div class="container">
             <h2 class="animate__animated animate__fadeInDown">Darat <img src="<?= BASEURL; ?>public/img/logo4.png" alt="" width="75px;">K!</h2>
             <p class="animate__animated animate__fadeInUp">Jalan jalan dari darat. Rasakan sensasi dan tantangan.</p>
             <a href="destinasi_user.php" class="btn-get-started animate__animated animate__fadeInUp scrollto">Read More</a>
           </div>
         </div>
       </div>

       <!-- Slide 3 -->
       <div class="carousel-item" style="background-image: url(<?=BASEURL?>public/img/slide3.jpg)">
         <div class="carousel-container">
           <div class="container">
             <h2 class="animate__animated animate__fadeInDown">Laut <img src="<?= BASEURL; ?>public/img/logo4.png" alt="" width="75px;">K!</h2>
             <p class="animate__animated animate__fadeInUp">Rasa santai, hening, dan nyaman bisa anda dapatkan melalui jalur Laut.</p>
             <a href="destinasi_user.php" class="btn-get-started animate__animated animate__fadeInUp scrollto">Read More</a>
           </div>
         </div>
       </div>

     </div>

     <a class="carousel-control-prev" href="#heroCarousel" role="button" data-slide="prev">
       <span class="carousel-control-prev-icon icofont-simple-left" aria-hidden="true"></span>
       <span class="sr-only">Previous</span>
     </a>

     <a class="carousel-control-next" href="#heroCarousel" role="button" data-slide="next">
       <span class="carousel-control-next-icon icofont-simple-right" aria-hidden="true"></span>
       <span class="sr-only">Next</span>
     </a>

   </div>
 </section><!-- End Hero -->

<?php
include("template/footer.php")
 ?>