@extends('partials.main')
@section('title')
    {{ 'Udawalawa 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/sunrise-4823732_1280.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>Udawalawa safari</h1>
                        <h2>Unforgettable Wildlife Encounters: Secure Your Udawalawe Safari Experience in Advance</h2>
                        <ol class="tg-breadcrumb">
                            <li><a href="javascript:void(0);">Home</a></li>
                            <li class="tg-active">Udawalawa 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="">Udawalawa National Park</a></h3>
                            </div>
                            <div>
                                <p>Embark on a safari in Udawalawe National Park to spot herds of elephants, as well as
                                    other wildlife such as crocodiles, deer, and various bird species.
                                    Fill the below form and our dedicated safari team will get back to you as soon as
                                    possible.
                                </p>
                                {{-- <p>Located in southern Sri Lanka, Udawalawe National Park is the island’s 6th-largest reserve, created in 1972 to house wildlife displaced by the building of the Udawalawe Reservoir. Spot animals such as elephant, buffalo, deer, crocodiles, leopards, and exotic birdlife among the park’s 119 square miles</p> --}}
                                <div class="activeity">
                                    <h1 style="line-height:1.4; font-size:25px; font-weight: bold;">Request Free Quote For
                                        Udawalawa 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="Udawalawa 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 Udawalawa 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 (Udawalawa 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/Udawalawe/udawalawa (4).jpg"
                                        alt="" srcset=""> </div>
                                <div class="item activity-slide"> <img src="images/Udawalawe/udawalawa (1).jpg"
                                        alt="" srcset=""></div>
                                <div class="item activity-slide"> <img src="images/Udawalawe/udawalawa (3).jpg"
                                        alt="" srcset=""></div>
                                <div class="item activity-slide"> <img src="images/Udawalawe/udawalawa (2).jpg"
                                        alt="" srcset=""></div>
                                <div class="item activity-slide"> <img src="images/Udawalawe/udawalawa (5).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);">Wilpattu 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);">Yala 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