@extends('layout.main')

@push('title')
    <title>Taxi Service in Rishikesh- Bandhu Tours</title>
    <meta name="description" content="We are best taxi service provider based in Rishikesh. We aim to fulfil customer requirements with best service as possible. Call our team at +91 89092 05477."/>
    
    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-Z47VLENKVL"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
    
      gtag('config', 'G-Z47VLENKVL');
    </script>

@endpush

@section('main-section')
   
    <!-- subheader -->
    <section id="subheader" style="background: url({{ asset('resources/img/landing/chardham-banner.webp') }})top center no-repeat;background-size: 100% 100%">
        <div class="container-fluid m-5-hor">
            <div class="row">
                <div class="col-md-12">
                    <h1 class="big-heading">Need a Taxi in Rishikesh?</h1>
                    <p>Hire a Taxi in Rishikesh at best rates. Call @ +91 89092 05477</p>
                </div>
            </div>
        </div>
    </section>
    <!-- subheader end -->
      
    <!--  top rated --> 
    <section aria-label="top-rated" class="no-bottom">
        <div class="container-fluid m-5-hor">
            <div class="row">
                <div class="col-md-12">
                    <h2 class="big-heading">Best Taxi Service in Rishikesh.</h2>
                    <span class="devider-left" style="margin: 20px 0 0 0"></span>
                </div>
                <div class="col-md-6 sp-padding" style="padding-top: 0">
                    <img alt="top-rated" class="img-responsive" src="{{ asset('resources/img/chardham.jpg') }}">
                </div>
                <div class="col-md-6 p-30">
                    <p>
                        We are best taxi service provider based in Rishikesh. We aim to fulfil customer requirements with best service as possible. Our team is equipped with all types of cars that suits individual as well as group needs. We are committed to provide you easy interface & taxi booking process easy and efficient. Our taxi drivers are verified with all legal formalities also they're trained to drive in tough terrains of uttarakhand. If you are looking to hire a taxi for the local trip in popular regions of uttarakhand such as rishikesh, dehradun, mussoorie, nainital etc then we are happy to plan your trip with the reliable taxi service. We offer a variety of taxi services to suit your needs, from budget-friendly options to luxurious rides.
                    </p>
                </div>
            </div>
        </div>
    </section>  
    <!--  top rated end --> 
            
		<!-- section search -->
		<section class="frm-clean" style="background: #e7e7e7;margin-top: 0;">
            <div class="container-fluid">
                <div class="row">
                    <form class="form-inline clean" method="post" action="{{ url('/booking')}}">
                        @csrf
                        <div class="col-md-4">
                            <label for="name"><span class="ti-user color"></span> Name</label>
                            <input type="text" name="name" value="{{old('name')}}" class="form-control" required="" id="name" placeholder="Your Name">
                            <div style="color: #ff5050;margin-left: 15px; font-size: 11px; position: relative;bottom: 10px">
                                @error('name')
                                {{$message}}
                                @enderror
                            </div>
                        </div>
                        <div class="col-md-4">
                            <label for="phone"><span class="ti-mobile color"></span> Phone</label>
                            <input type="tel" name="phone" value="{{old('phone')}}" class="form-control" required="" id="phone" placeholder="Your Phone">
                            <div style="color: #ff5050;margin-left: 15px; font-size: 11px; position: relative;bottom: 10px">
                                @error('phone')
                                {{$message}}
                                @enderror
                            </div>
                        </div>
                        <div class="col-md-4">
                            <label for="phone"><span class="ti-email color"></span> Email</label>
                            <input type="email" name="email" value="{{old('email')}}" class="form-control" required="" id="email" placeholder="Your Email">
                            <div style="color: #ff5050;margin-left: 15px; font-size: 11px; position: relative;bottom: 10px">
                                @error('email')
                                {{$message}}
                                @enderror
                            </div>
                        </div>
                        <div class="col-md-6">
                            <label><span class="ti-map-alt color"></span> Destination</label>
                            <input type="email" name="text" value="{{old('destination')}}" class="form-control" required="" id="email" placeholder="Your Email">
                            <div style="color: #ff5050;margin-left: 15px; font-size: 11px; position: relative;bottom: 10px">
                                @error('destination')
                                {{$message}}
                                @enderror
                            </div>
                        </div>
                        <div class="col-md-3">
                            <label><span class="ti-calendar color"></span> Date</label>
                            <div id="filterDate2">
                                <!-- Datepicker as text field -->         
                                <div class="input-group date" data-date-format="dd/mm/yyyy">
                                    <input type="text" name="date" class="form-control" placeholder="dd/mm/yyyy" required="">
                                    <div class="input-group-addon" >
                                        <span class="fa fa-calendar"></span>
                                    </div>
                                </div>
                            </div>  
                            <div style="color: #ff5050;margin-left: 15px; font-size: 11px; position: relative;bottom: 10px">
                                @error('date')
                                {{$message}}
                                @enderror
                            </div>
                        </div>
                        <div class="col-md-3">
                            <input class="btn-frm-search" value="Book Now" type="submit">
                        </div> 
                        
                    </form> 
                </div>
            </div>
		</section>
	<!-- section search end -->
      
       
    <!-- section list -->
    <section class="whitepage">
        <div class="container-fluid m-5-hor">
            <div class="row">
                <div class="col-lg-12">
                    <h3 class="big-heading">Our Taxi</h3>
                    <span class="sub-heading-content">Exclusive Taxies, We Offer in Rishikesh</span>
                    <span class="devider-left"></span>
                </div>
                @foreach($vehicleData as $vehicleRow)
                <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
                    <div class="feature-1">
                        <div class="cont-img">
                            <img alt="img-cont" class="img-responsive" src="{{ asset('public/storage/'.$vehicleRow->image) }}">
                        </div>
                        <div class="cont-detail">
                            <h3 class="big-heading"><span class="color">{{ $vehicleRow->name }}</span> <sup class="subtour">{{ $vehicleRow->type }}</sup></h3>
                            <div class="star-content color">
                                <i class="fa fa-star" aria-hidden="true"></i>
                                <i class="fa fa-star" aria-hidden="true"></i>
                                <i class="fa fa-star" aria-hidden="true"></i>
                                <i class="fa fa-star" aria-hidden="true"></i>
                                <i class="fa fa-star-o" aria-hidden="true"></i>
                            </div>
                            <a href="tel:08909205477" class="btn-content">Book Now</a>
                        </div>
                    </div>
                </div>
                @if($loop->iteration%3==0)
            </div>
            <div class="row">
                @endif
                @endforeach
            </div>
        </div>
    </section>
    <!-- section list end -->
    
    <!--  gallery home --> 
    <section aria-label="gallery"  class="no-bottom">
        <div class="container-fluid m-5-hor">
            <div class="row">
                <div class="col-lg-12">
                    <h3 class="big-heading">Popular Destinations from Rishikesh</h3>
                    <span class="sub-heading-content">Exclusive Destination Locations in Uttarakhand</span>
                    <span class="devider-left"></span>
                </div>
            </div>
        </div>
            
        <div class="onStep" data-animation="fadeInUp" data-time="0">
            <div id="owl-gal" class="owl-carousel">
                @foreach($destinationData as $destinationRow)
                <div class="item">
                    <div class="gal-home">
                        <a href="{{ url('destination/'.$destinationRow->url)}}">
                            <div class="hovereffect">
                                <img alt="imageportofolio" class="img-responsive" src="{{ asset('public/storage/'.$destinationRow->image)}}">
                            </div>
                            <div class="gal-home-content">
                                <div class="row">
                                    <div class="col-md-9"> 
                                        <h4>{{$destinationRow->name}}</h4>
                                        <p>{{$destinationRow->location}}</p>
                                        <div class="star-content">
                                            @for($i = 1; $i <= 5; $i++)
                                            @if($i <= $destinationRow->rating)
                                            <i class="fa fa-star" aria-hidden="true"></i> 
                                            @else
                                            <i class="fa fa-star-o" aria-hidden="true"></i>
                                            @endif
                                            @endfor
                                        </div>
                                        <div class="review-cont big-heading">25 Reviews</div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                @endforeach
            </div>
        </div>
    </section> 
    <!--  gallery home end -->
     
    <!--  top rated --> 
    <section aria-label="top-rated" class="no-bottom">
        <div class="container-fluid m-5-hor">
            <div class="row">
                <div class="col-md-12 p-30">
                        <h3 class="big-heading">Why Choose Bandhu Tour and Travels?</h3>
                    <span class="devider-left"></span>
                    <p>
                        First, We offer a variety of taxis to suit your needs. Whether you're looking for a shared taxi, a private taxi, or an outstation taxi, we have the perfect option for you. Our rates are competitive, We offer some of the best rates in Rishikesh, and we always strive to give you the best possible value for your money. Our drivers are experienced and reliable. All of our drivers are licensed and insured, and they have years of experience driving in Rishikesh.
                    </p>
                </div>
            </div>
        </div>
    </section>  
    <!--  top rated end --> 
        
    <!-- testimony --> 
    <section id="testimony" class="color-page no-padding">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <h3 class="big-heading">Testimonial</h3>
                    <span class="sub-heading-content">What our clients say?</span>
                    <span class="devider-left"></span>
                </div>
                <div class="col-lg-12 col-md-12">
                    <div class="p-30">
                        <div id="owl-testimonial1" class="owl-carousel owl-theme">
                            <div class="item">
                                <blockquote>
                                    <p style="line-height: 20px">Good facilities and driver cooperate very well. Bandhu tour and travels servies are very affordable and excellent services providing by themselves.  Specially  very well hygiene things.</p>
                                    <small><cite title="Source Title" class="color">Delhi</cite></small>
                                </blockquote>
                                <img alt="imagetesti" class="tal" src="{{ asset('resources/img/review/user.png') }}">
                                <h3>Mayank Singh</h3>
                            </div>
                            <div class="item">
                                <blockquote>
                                    <p style="line-height: 20px">This is the bestest tour and travels i have ever experienced.... they are wo helpful and kind... mostt important worth for money...</p>
                                    <small><cite title="Source Title" class="color">Delhi</cite></small>
                                </blockquote>
                                <img alt="imagetesti" class="tal" src="{{ asset('resources/img/review/user.png') }}">
                                <h3>Nidhi Shukla</h3>
                            </div>
                            <div class="item">
                                <blockquote>
                                    <p style="line-height: 20px">This travel agency gives you the best tour... I can recommend it to every person cause i personally had the best experience.</p>
                                    <small><cite title="Source Title" class="color">Delhi</cite></small>
                                </blockquote>
                                <img alt="imagetesti" class="tal" src="{{ asset('resources/img/review/user.png') }}">
                                <h3>Yash kumar</h3>
                            </div>
                            <div class="item">
                                <blockquote>
                                    <p style="line-height: 20px">I appreciated their attention to detail and the personal touch they added to every aspect of the trip. I would definitely recommend Wanderlust Tours to anyone looking for a well-organized and memorable travel experience.</p>
                                    <small><cite title="Source Title" class="color">Delhi</cite></small>
                                </blockquote>
                                <img alt="imagetesti" class="tal" src="{{ asset('resources/img/review/user.png') }}">
                                <h3>Prerna Sinha</h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- testimony end -->

    <section class="no-bottom">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <h3 class="big-heading">FAQs</h3>
                    <span class="sub-heading-content">Frequently Ask Questions</span>
                    <span class="devider-left"></span>
                </div>
                <div class="col-lg-12">
                    <div id="accordion" class="panel-group">
                        <div class="panel panel-default">
                            <div class="panel-heading">
                                <h4 class="panel-title">
                                    <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">1. What types of taxis do you offer?</a>
                                </h4>
                            </div>
                            <div id="collapseOne" class="panel-collapse collapse">
                                <div class="panel-body">
                                    <p>We offer a variety of taxis, including shared taxis, private taxis, outstation taxis, and sightseeing taxis.</p>
                                </div>
                            </div>
                        </div>
                        <div class="panel panel-default">
                            <div class="panel-heading">
                                <h4 class="panel-title">
                                    <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">2. What are your rates?</a>
                                </h4>
                            </div>
                            <div id="collapseTwo" class="panel-collapse collapse in">
                                <div class="panel-body">
                                    <p>Our rates vary depending on the type of taxi you choose, the distance you travel, and the time of day.</a></p>
                                </div>
                            </div>
                        </div>
                        <div class="panel panel-default">
                            <div class="panel-heading">
                                <h4 class="panel-title">
                                    <a data-toggle="collapse" data-parent="#accordion" href="#collapseThree">3. How can I book a taxi?</a>
                                </h4>
                            </div>
                            <div id="collapseThree" class="panel-collapse collapse">
                                <div class="panel-body">
                                    <p>You can book a taxi by calling us, emailing us, or using our website..</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

@endsection