@extends('partials.main')
@section('title')
    {{ 'Yala Safari' }}
@endsection
@section('content')
    <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.1/owl.carousel.min.js"></script>
    <style>
        .activity-slide img {
            height: 500px;
            object-fit: cover;
        }

        .carousel-wrapper {
            width: 1000px;
            margin: auto;
            position: relative;
            text-align: center;
            font-family: sans-serif;
        }

        .owl-carousel .owl-nav {
            overflow: hidden;
            height: 0px;
        }

        .owl-theme .owl-dots .owl-dot.active span,
        .owl-theme .owl-dots .owl-dot:hover span {
            background: #464449;
        }

        .owl-carousel .item {
            text-align: center;
        }

        .owl-carousel .nav-button {
            height: 50px;
            width: 25px;
            cursor: pointer;
            position: absolute;
            top: 110px !important;
        }

        .owl-carousel .owl-prev.disabled,
        .owl-carousel .owl-next.disabled {
            pointer-events: none;
            opacity: 0.25;
        }

        .owl-carousel .owl-prev {
            left: -35px;
        }

        .owl-carousel .owl-next {
            right: -35px;
        }

        .owl-theme .owl-nav [class*=owl-] {
            color: #ffffff;
            font-size: 39px;
            background: #000000;
            border-radius: 3px;
        }

        .owl-carousel .prev-carousel:hover {
            background-position: 0px -53px;
        }

        .owl-carousel .next-carousel:hover {
            background-position: -24px -53px;
        }

        .owl-theme .owl-nav [class*='owl-'] {

            padding: 10px 7px;

        }

        .tg-newcontent {
            overflow: hidden;
            padding: 18px 0 0 17px;

        }

        .tg-newcontent a {
            font-weight: 500;

        }
    </style>

    <!--************************************
                     Inner Banner Start
                    *************************************-->
    <div class="tg-parallax tg-innerbanner" data-appear-top-offset="600" data-parallax="scroll"
        data-image-src="../images/Home/aerial-view-doi-nang-non-mountains-thai-cave-tham-luang-chiang-rai-thailand.jpg">
        <div class="tg-sectionspace tg-haslayout">
            <div class="container">
                <div class="row">
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                        <h1>Yala safari</h1>
                        <h2>Embark on an Extraordinary Adventure: Pre-Book Your Yala Safari Experience</h2>
                        <ol class="tg-breadcrumb">
                            <li><a href="javascript:void(0);">Home</a></li>
                            <li class="tg-active">Yala safari</li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--************************************
                     Inner Banner End
                    *************************************-->
    <!--************************************
                     Main Start
                    *************************************-->
    <main id="tg-main" class="tg-main tg-sectionspace tg-haslayout tg-bglight">
        <div class="container">
            <div class="row">
                <div id="tg-twocolumns" class="tg-twocolumns">
                    <div class="col-xs-12 col-sm-8 col-md-8 col-lg-9 pull-left">
                        <div class="safari-content">
                            <div class="tg-populartourtitle">
                                <h3><a href="">Yala National Park</a></h3>
                            </div>
                            <div>
                                <p>Embark on a wildlife safari in Yala National Park, known for its diverse wildlife
                                    population, including leopards, elephants, sloth bears, and a variety of bird species.
                                    Fill the below form and our dedicated safari team will get back to you as soon as
                                    possible.</p>
                                {{-- <p>Yala National Park is the most visited and second largest national park in Sri Lanka.
                                    Yala is an ideal place to see variety of its wild animals. Fill the below form and our
                                    dedicated safari team will get back to you as soon as possible.</p> --}}
                                <div class="activeity">
                                    <h1 style="line-height:1.4; font-size:25px; font-weight: bold;">Request Free Quote For
                                        Yala Jeep Safari</h1>
                                    <form action="/new-safari" method="post">
                                        @csrf
                                        <input type="hidden" name="type" class="form-control" value=" Safari">
                                        <input type="hidden" name="park" class="form-control"
                                            value="Yala National Park">
                                        <div class="form-group">
                                            <strong>Salutation :</strong>
                                            <select name="salutation">
                                                <option value="Mr.">Mr.</option>
                                                <option value="Mrs.">Mrs.</option>
                                                <option value="Miss.">Miss.</option>
                                            </select>

                                        </div>

                                        <div class="form-group">
                                            <input type="text" name="name" class="form-control"
                                                placeholder="Full Name">
                                        </div>
                                        <div class="form-group">
                                            <input type="email" name="email" class="form-control" placeholder="Email*"
                                                required="">
                                        </div>
                                        <div class="form-group">
                                            <input type="text" name="phone" class="form-control"
                                                placeholder="Contact Number With Country Code">
                                        </div>
                                        <div class="form-group">
                                            <input type="text" name="adults" class="form-control"
                                                placeholder="Number Of Adults">
                                        </div>
                                        <div class="form-group">
                                            <input type="text" name="children" class="form-control"
                                                placeholder="Numbre Of Children">
                                        </div>
                                        <div class="form-group">
                                            <input type="text" name="country" class="form-control" placeholder="Country">
                                        </div>



                                        <div class="form-group">
                                            <strong>Safari Package :</strong>
                                            <select name="package">
                                                <option value="Morning Safari - 5.30am -10.30am">Morning Safari - 5.30am
                                                    -10.30am</option>
                                                <option value="Evening Safari - 1.30pm- 6.00pm">Evening Safari - 1.30pm-
                                                    6.00pm</option>
                                                <option value="Half Day Safari - 5.30am -12.00pm">Half Day Safari - 5.30am
                                                    -12.00pm</option>
                                                <option value="Full Day safari - 5.30am - 6.00pm">Full Day safari - 5.30am -
                                                    6.00pm</option>

                                            </select>

                                        </div>
                                        <div class="form-group">
                                            <label for="start-date">Safari Date</label>
                                            <input type="date" name="date" class="form-control"
                                                placeholder="Tour Start Date">
                                        </div>



                                        <div class="form-group">
                                            <label for="pickup_location">Pick Up Location/Hotel Address &amp; Any Other
                                                Questions You Have</label>
                                            <textarea class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea>
                                        </div>

                                        <div class="row">

                                            <div class=" row col-xs-8 col-sm-12 col-md-6 col-lg-6">

                                            </div>


                                            <div class=" row col-xs-12 col-sm-12 col-md-6 col-lg-6">
                                                <button class="tg-btn" type="submit" name="submit">Submit</button>
                                            </div>
                                        </div>


                                    </form>

                                </div>

                                <hr>
                                <div>
                                    <center>
                                        <h1
                                            style="line-height:1.4; font-size:25px; font-weight: bold; padding-bottom: 25px;">
                                            Rates for Yala National Park Jeep
                                            Safari - 2023 </h1>
                                    </center>

                                    <table>
                                        <tbody>
                                            <tr>
                                                <th>Adults</th>
                                                <th>Cost (USD)</th>
                                            </tr>

                                            <tr>
                                                <td>1</td>
                                                <td>$93</td>
                                            </tr>

                                            <tr>
                                                <td>2</td>
                                                <td>$142</td>
                                            </tr>

                                            <tr>
                                                <td>3</td>
                                                <td>$189</td>
                                            </tr>

                                            <tr>
                                                <td>4</td>
                                                <td>$237</td>
                                            </tr>

                                            <tr>
                                                <td>5</td>
                                                <td>$285</td>
                                            </tr>

                                            <tr>
                                                <td>6</td>
                                                <td>$333</td>
                                            </tr>

                                            <tr>
                                                <td>7</td>
                                                <td>$383</td>
                                            </tr>

                                            <tr>
                                                <td>7+</td>
                                                <td>8 Adults and Above Please Request A Free Quote</td>
                                            </tr>



                                        </tbody>
                                    </table>
                                    <h3 style="text-size:20px;">Note :</h3>
                                    <ul>

                                        <li> Please Request A Free Quote If Travelling With Children To Enjoy Discounted
                                            Rates. </li>
                                        <li> These Rates Do Not Apply For Tourists Travelling From SAARC Countries.
                                            Discounted Rates Are Offered For Tourist From SAARC Countries. </li>
                                        <li> Tourist Travelling From SAARC Countries Should Present Their Passports To Avail
                                            The Discount. </li>


                                    </ul><br>

                                    <h3 style="text-size:20px;">Above Rates Inclusive Of :</h3>
                                    <ul>

                                        <li>Safari Jeep ( 4 - 5 Hours of Safari )</li>
                                        <li>Park Entrance Tickets</li>
                                        <li>Experienced Driver </li>
                                        <li>Water / Snacks</li>
                                        {{-- <li>Free Hotel Pickup and Drop Off (Yala and Tissamaharama Area)</li> --}}
                                        <li>Currently Applicable All Government Taxes</li>


                                    </ul><br>





                                </div>
                            </div>

                        </div>
                        <div class="slider">
                            <div id="owl-demo" class="owl-carousel owl-theme">

                                <div class="item activity-slide"> <img src="images/yala/yala (1).jpg" alt=""
                                        srcset=""> </div>
                                <div class="item activity-slide"> <img src="images/yala/yala (2).jpg" alt=""
                                        srcset="">
                                </div>
                                <div class="item activity-slide"> <img src="images/yala/yala (3).jpg" alt=""
                                        srcset=""></div>
                                <div class="item activity-slide"> <img src="images/yala/yala (4).jpg" alt=""
                                        srcset=""></div>
                                <div class="item activity-slide"> <img src="images/yala/yala (5).jpg" alt=""
                                        srcset=""> </div>
                                <div class="item activity-slide"> <img src="images/yala/yala (6).jpg" alt=""
                                        srcset="">
                                </div>
                                <div class="item activity-slide"> <img src="images/yala/yala (7).jpg" alt=""
                                        srcset=""></div>

                            </div>
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-4 col-md-4 col-lg-3 pull-right">
                        <aside id="tg-sidebar" class="tg-sidebar">
                            <div class="tg-widget tg-widgetlatesttour">
                                <div class="tg-widgettitle">
                                    <h3>Other activity</h3>
                                </div>
                                <div class="tg-widgetcontent">
                                    <ul>
                                        <li>
                                            <figure>
                                                <a href="javascript:void(0);"><img
                                                        src="images/Home/pexels-kevin-burnell-16515838.jpg"
                                                        alt="image destinations"></a>
                                            </figure>
                                            <div class="tg-newcontent">
                                                <h4><a href="javascript:void(0);">Udawalawe safari</a></h4>

                                            </div>
                                        </li>
                                        <li>
                                            <figure>
                                                <a href="javascript:void(0);"><img src="images/Home/deer-1367217_1280.jpg"
                                                        alt="image destinations"></a>
                                            </figure>
                                            <div class="tg-newcontent">
                                                <h4><a href="javascript:void(0);">Minneriya Safari</a></h4>

                                            </div>
                                        </li>
                                        <li>
                                            <figure>
                                                <a href="javascript:void(0);"><img
                                                        src="images/Home/pexels-zoosnow-2648125.jpg"
                                                        alt="image destinations"></a>
                                            </figure>
                                            <div class="tg-newcontent">
                                                <h4><a href="javascript:void(0);">Wilpattu Safari</a></h4>

                                            </div>
                                        </li>
                                        <li>
                                            <figure>
                                                <a href="javascript:void(0);"><img
                                                        src="images/Home/monkey-4036088_1280.jpg"
                                                        alt="image destinations"></a>
                                            </figure>
                                            <div class="tg-newcontent">
                                                <h4><a href="javascript:void(0);">Bundala Safari</a></h4>

                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>

                            <div class="tg-widget tg-widgetcatagories">
                                <div class="tg-widgettitle">
                                    <h3>Tour facility</h3>
                                </div>
                                <div class="tg-widgetcontent">
                                    <ul>
                                        <li><a href="/ticket-price">Tourist Entrance ticket prices in sri lanka</a></li>
                                        <li><a href="/railway-ticket">Railway/Train ticket reservation in sri lanka</a>
                                        </li>
                                        {{-- <li><a href="#">Hiking in The Wild</a></li>
                                        <li><a href="#">Luxury Tours in Alps</a></li>
                                        <li><a href="#">Holiday & Seasonal Tours</a></li> --}}
                                    </ul>
                                </div>
                            </div>
                        </aside>
                    </div>
                </div>
            </div>
        </div>
    </main>
    <!--************************************
                     Main End
                    *************************************-->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css"></script>
    <script src=""></script>

    <script>
        $(document).ready(function() {

            $("#owl-demo").owlCarousel({
                navigation: true,
                items: 1,
                loop: true,
                nav: true,
                navText: ["<div class='nav-button owl-prev'>‹</div>",
                    "<div class='nav-button owl-next'>›</div>"
                ],


                autoplay: true,
                animateOut: 'fadeOut',
                animateIn: 'fadeIn',
            });

        });
    </script>
@endsection