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

<head>
    <!-- Required meta tags -->
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta author="Riaz Ali - A2Z Creatorz" />
    <!--<meta name="csrf-token" content="<?php echo e(csrf_token()); ?>">-->
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
    <!--Style CSS -->
    <link rel="stylesheet" href="<?php echo e(asset('assets_website')); ?>/styles/mainstyle.css" />
    <link rel="stylesheet" href="<?php echo e(asset('assets_website')); ?>/styles/slider.scss" />
    <!-- bootstrap css -->
    <link rel="stylesheet" href="<?php echo e(asset('assets_website')); ?>/styles/bootstrap.min.css">

    <!-- Responsive-->
    <link rel="stylesheet" href="<?php echo e(asset('assets_website')); ?>/styles/responsive.css">
    <!-- fevicon -->
    <link rel="icon" href="<?php echo e(asset('assets_website')); ?>/images/favicon.png" type="image/gif" />
    <!-- Scrollbar Custom CSS -->
    <link rel="stylesheet" href="<?php echo e(asset('assets_website')); ?>/styles/jquery.mCustomScrollbar.min.css">
    <!-- Tweaks for older IEs-->
    <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.css" media="screen">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:400,700|Open+Sans:400,700">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" integrity="sha512-tS3S5qG0BlhnQROyJXvNjeEM4UpMXHrQfTGmbQ1gKmelCxlSEBUaxhRBj/EFTzpbP4RVSrpEikbmdJobCvhE3g==" crossorigin="anonymous" referrerpolicy="no-referrer"/>

    <script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.min.css" integrity="sha512-mSYUmp1HYZDFaVKK//63EcZq4iFWFjxSL+Z3T/aCt4IO9Cejm03q3NKKYN6pFQzY0SBOr8h+eCIAZHPXcpZaNw==" crossorigin="anonymous" referrerpolicy="no-referrer" />

    <title>Xtreme Adventures</title>
</head>

<body>

    <nav class="navbar navbar-expand-lg navbar-light fixed-top" style="background-color:#000;">
        <img class="logo_image" src="<?php echo e(asset('assets_website')); ?>/images/logo-xtreme-adventures.png" alt="Xtreme Adventures" /></a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo03" aria-controls="navbarTogglerDemo03" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>


        <div class="collapse navbar-collapse " id="navbarTogglerDemo03">
            <ul class="sticky navbar-nav mr-auto">
                <li class="nav-item active">
                    <a class="nav-link" href="#home">Home </a>
                </li>
                <li class="nav-item active">
                    <a class="nav-link" href="#services">Services</a>
                </li>
                <li class="nav-item active">
                    <a class="nav-link" href="#packages">Packages</a>
                </li>
                <li class="nav-item active">
                    <a class="nav-link" href="#about">About Us</a>
                </li>
                <li class="nav-item active">
                    <a class="nav-link" href="#contact">Contact Us</a>
                </li>
            </ul>
            <span class="nav-link phone-support text-white m-0"> <a class="text-white" href="tel:0300 1234 567"><img src="<?php echo e(asset('assets_website')); ?>/images/outline_phone.png">0300 1234 567</a> </span>

                    <?php if(auth()->guard()->check()): ?>
                    <span class="nav-link phone-support text-white"><a class="navbar-btn" href="<?php echo e(route('userbookings.index')); ?>">Dashboard</a></span>
                    <?php else: ?>
                    <span class="nav-link phone-support text-white"><a class="navbar-btn" href="<?php echo e(route('login')); ?>">Login Now</a></span>
                    <?php endif; ?>
        </div>
    </nav>

    <!-- Main Slider-->
    <section class="banner_main" id="home">
        <div id="myCarousel" class="carousel slide banner" data-ride="carousel">
            <div class="carousel-inner">
                <div class="carousel-item active">
                    <img style="width:100%" class="first-slide" src="<?php echo e(asset('assets_website')); ?>/images/main-bg.jpg" alt="First slide">
                    <div class="container">
                    </div>
                </div>
            </div>
        </div>

        <div class="booking_ocline">
            <div class="container">
                <div class="row">
                    <div class="col-md-6">
                        <h1 class="text-light form-text">Reserve your seat now!</h1>
                        <div class="book_seat form-select">
                            <form class="book_now">
                                <div class="row">
                                    <div class="col-md-4">
                                        <span>Select Date</span>
                                        <input type="text" class="form-control online_book" name="temp_date" id="temp_date" data-date-format="yyyy-mm-dd" data-date-start-date="<?php echo e(date('Y-m-d')); ?>" value="<?php echo e(date('Y-m-d')); ?>">
                                        <!--<input class="online_book" format="mm/dd/yyyy" type="date" name="temp_date" id="temp_date" value="<?php echo e(date('Y-m-d')); ?>" min="<?php echo e(date('Y-m-d')); ?>">-->
                                    </div>
                                    <div class="col-md-4">
                                        <form action="javascript:checkAvailability();">
                                            <span>Select Time Slot</span>
                                            <select class="online_book" name="temp_timeslot" id="temp_timeslot" required>
                                                <option value="">----- Select -----</option>
                                                <?php $__currentLoopData = $timeSlot; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $time): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                    <option><?php echo e($time->time_start.' - '. $time->time_end); ?></option>
                                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                            </select>
                                        </div>
                                        <div class="col-md-4">
                                            <button type="button" class="book_btn">Check Availability</button>
                                        </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </section>


    <!--Services-->
    <div class="container-fluid mt-5 mb-5" id="services">
        <div class="row sec-heading">
            <h3>OUR SERVICES</h3>
        </div>
        <div class="row">
            <div class="col-sm-12 col-md-3 col-lg-3 text-center">

                <img class="img-icon" src="<?php echo e(asset('assets_website')); ?>/images/cruise.png">
                <h4 class="services-heading">CRUISE</h4>
                <hr class="icon-seperator">
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>

            </div>
            <div class="col-sm-12 col-md-3 col-lg-3 text-center">
                <img class="img-icon" src="<?php echo e(asset('assets_website')); ?>/images/rafting.png">
                <h4 class="services-heading">WATER SPORTS</h4>
                <hr class="icon-seperator">
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>

            </div>
            <div class="col-sm-12 col-md-3 col-lg-3 text-center">
                <img class="img-icon" src="<?php echo e(asset('assets_website')); ?>/images/water-sports.png">
                <h4 class="services-heading">RAFTING</h4>
                <hr class="icon-seperator">
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>

            </div>
            <div class="col-sm-12 col-md-3 col-lg-3 text-center">
                <img class="img-icon" src="<?php echo e(asset('assets_website')); ?>/images/corporate-events.png">
                <h4 class="services-heading">CORPORATE EVENTS</h4>
                <hr class="icon-seperator">
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>

            </div>
        </div>
    </div>
    <div class="container-fluid img-section" id="packages">
        <div class="row" style="background-color: #e2f0fd;">

            <div class="col-md-9">
                <div class="about_img ship-img">
                    <img style="width:100%;" src="<?php echo e(asset('assets_website')); ?>/images/img-1.jpg" alt="#">
                </div>
            </div>
            <div class="text-center col-md-3 txt-sec-1 pb-5">
                <div>
                    <h2>Luxurious and Royal<br>boats of Hunza</h2>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>

                </div>
                <a class="content-btn read_more" href="#"> Read More</a>
            </div>

        </div>
    </div>



    <div class="container-fluid img-section">
        <div class="row">
            <div class="col-md-9 d-lg-none d-block">
                <div class="about_img">
                    <img style="width:100%;" src="<?php echo e(asset('assets_website')); ?>/images/img-2.jpg" alt="#">
                </div>
            </div>
            <div class="text-center col-md-3 txt-sec-1 pb-5">
                <div>
                    <h2>Special Packages<br>for<br>Post Wedding</h2>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>

                </div>
                <a class="content-btn read_more" href="#"> Read More</a>
            </div>
            <div class="col-md-9 d-none d-lg-block">
                <div class="about_img">
                    <img style="width:100%;" src="<?php echo e(asset('assets_website')); ?>/images/img-2.jpg" alt="#">
                </div>
            </div>

        </div>
    </div>


    <div class="container-fluid img-section">
        <div class="row">
            <div class="col-md-9">
                <div class="about_img">
                    <img style="width:100%;" src="<?php echo e(asset('assets_website')); ?>/images/img-3.jpg" alt="#">
                </div>
            </div>
            <div class="text-center col-md-3 txt-sec-1 pb-5">
                <div>
                    <h2>Who We Are</h2>
                    <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

                </div>
                <a class="content-btn read_more" href="#"> View More</a>
            </div>

        </div>
    </div>

    <!-- Testimonials -->
    <div class="container-fluid bg-image">
        <h2 class="text-white pb-5 pt-5 text-center">Our Customers Testimonials</h2>
        <div class="owl-carousel owl-theme pb-5 pt-5">

            <div class="item testimonial-sec text-white text-center">
                <img style="width:100%;" src="<?php echo e(asset('assets_website')); ?>/images/client.png" alt="#">
                <h3 class="name pb-5 pt-5">Mrs Khan</h3>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                <div class="star-rating">
                    <ul class="list-inline">
                        <li class="list-inline-item"><i class="fa fa-star"></i></li>
                        <li class="list-inline-item"><i class="fa fa-star"></i></li>
                        <li class="list-inline-item"><i class="fa fa-star"></i></li>
                        <li class="list-inline-item"><i class="fa fa-star"></i></li>
                        <li class="list-inline-item"><i class="fa fa-star-o"></i></li>
                    </ul>
                </div>


            </div>
            <div class="item  testimonial-sec text-white text-center">
                <img style="width:100%;" src="<?php echo e(asset('assets_website')); ?>/images/client.png" alt="#">
                <h3 class="name pb-5 pt-5">Client 2</h3>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                <div class="star-rating">
                    <ul class="list-inline">
                        <li class="list-inline-item"><i class="fa fa-star"></i></li>
                        <li class="list-inline-item"><i class="fa fa-star"></i></li>
                        <li class="list-inline-item"><i class="fa fa-star"></i></li>
                        <li class="list-inline-item"><i class="fa fa-star"></i></li>
                        <li class="list-inline-item"><i class="fa fa-star-o"></i></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    </div>
    <div class="container-fluid" style="background-color:#000;">
        <div class="pb-4 pt-4">

            <div class="text-white text-left">

                <h1 class="pl-5 pt-5">Subscribe to our Newsletter!</h1>
                <p class="pl-5  pb-5">Get our weekly newsletter & discount packages.</p>
            </div>
        </div>
    </div>
    </div>
    <footer>
        <div class="container-fluid bg-img-footer text-white pb-5 pt-5 text-center" id="contact">
            <div class="row pt-5 mt-5" style="padding-top: 175px;">
                <div class="col-sm-12 col-md-4 col-lg-4">
                    <h2>ABOUT US</h2>
                    <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
                </div>
                <div class="col-sm-12 col-md-4 col-lg-4 mt-lg-n5">
                    <h2>GET IN TOUCH</h2>
                    <a href="#" class="fa fa-facebook"></a>
                    <a href="#" class="fa fa-twitter"></a>




                </div>
                <div class="col-sm-12 col-md-4 col-lg-4">
                    <h2>PACKAGES</h2>
                    <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
                </div>
                <div class="col-12 pt-5 mt-5 pb-0 mb-0 text-center">
                    <p>Copyright 2022 Xtreme Adventures - All Rights Reserved</p>
                    <p>Developed by <a href="https://a2zcreatorz.com" target="_blank" class="text-warning font-weight-bold">A2Z Creatorz</a></p>
                </div>
            </div>
        </div>
    </footer>

    <!--Style css-->

    <!-- Javascript files-->

    <!-- <script defer src="<?php echo e(asset('assets_website')); ?>/styles/js/jquery.min.js"></script> -->
    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
    <script defer src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"></script>
    <script defer src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script>
    <script defer src="<?php echo e(asset('assets_website')); ?>/styles/js/bootstrap.bundle.min.js"></script>
    <script defer src="<?php echo e(asset('assets_website')); ?>/styles/js/jquery.mCustomScrollbar.concat.min.js"></script>
    <script defer src="<?php echo e(asset('assets_website')); ?>/styles/js/custom.js"></script>
    <script defer src="<?php echo e(asset('assets_website/')); ?>/js/home.js"></script>
    <script defer src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
    <script defer src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js" integrity="sha512-bPs7Ae6pVvhOSiIcyUClR7/q2OAsRiovw4vAkX+zJbw3ShAeeqezq50RIIcIURq7Oa20rW2n2q+fyXBNcU9lrw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js" integrity="sha512-T/tUfKSV1bihCnd+MxKD0Hm1uBBroVYBOYSk1knyvQ9VyZJpc/ALb4P0r6ubwVPSGB2GvjeoMAJJImBG12TiaQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <?php echo $__env->make('website.partials.forms', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>

</body>
    <script>
            var disableDates = [
                <?php $__currentLoopData = $holidays; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $holiday): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    "<?php echo e($holiday); ?>",
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
            ];
            $('#temp_date').datepicker({
                    datesDisabled: disableDates
            });
    </script>

</html>
<?php /**PATH /home/deve/public_html/xtreme_laravel/resources/views/website/main.blade.php ENDPATH**/ ?>