@extends('layout.main')

@push('title')
<title>Our Taxis- SVT Tour and Travels</title>
	
	<meta name="description" content="Explore the range of taxis that provided by SVT Tour and Travels. Visit now and book your taxi.">
	<meta name="robots" content="index, follow" />
    <meta name="distribution" content="global" />
   	<meta name="coverage" content="india" />
   	<meta name="object" content="document"/>
   	<meta name="audience" content="All" />
   	<meta name="revisit-after" content="1 day"/>
   	<meta name="language" content="en"/>
   	<meta name="rating" content="general"/>
   	<meta name="copyright" content="© 2023 All Rights Reserved by SVT Tour and Travels."/>		

	<!--Canonical Tag-->
	<link rel="canonical" href="https://www.svttourandtravel.in/taxi"/>
@endpush

@section('main-section')
    <main class="main">

        <div class="site-breadcrumb" style="background: url({{asset('public/assets/img/breadcrumb/01.jpg')}})">
            <div class="container">
                <h1 class="breadcrumb-title">Our Taxi</h1>
                <ul class="breadcrumb-menu">
                    <li><a href="{{url('/')}}">Home</a></li>
                    <li class="active">Our Taxi</li>
                </ul>
            </div>
        </div>


        <div class="taxi-area py-50">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6 mx-auto">
                        <div class="site-heading text-center">
                            <span class="site-title-tagline">Our Taxi</span>
                            <h2 class="site-title">Let's Check Available Taxi</h2>
                            <div class="heading-divider"></div>
                        </div>
                    </div>
                </div>
                <div class="row filter-box">

                    @foreach ($taxiData as $taxiRow)
                    <div class="col-md-6 col-lg-4 filter-item">
                        <div class="taxi-item">
                            <div class="taxi-img">
                                <img src="{{asset('public/storage/'.$taxiRow->image)}}" alt="{{$taxiRow->name}}">
                            </div>
                            <div class="taxi-content">
                                <div class="taxi-head">
                                    <strong class="h4">{{$taxiRow->name}}</strong>
                                    <span>{{$taxiRow->type}}</span>
                                </div>
                                <div class="taxi-feature">
                                    <ul>
                                        <li><i class="far fa-car-side-bolt"></i> Taxi Rate: <span>₹ {{$taxiRow->price}}/Km</span></li>
                                        <li><i class="far fa-person-seat"></i> Passengers: <span>{{$taxiRow->seat}}</span></li>
                                        <li><i class="far fa-suitcase-rolling"></i> Luggage Carry: <span>{{$taxiRow->bags}}</span></li>
                                        <li><i class="far fa-heat"></i> Air Condition: <span>@if($taxiRow->ac == 1) Yes @else No @endif</span></li>
                                        <li><i class="far fa-map-location-dot"></i> GPS Navigation: <span>@if($taxiRow->gps == 1) Yes @else No @endif</span>
                                        </li>
                                    </ul>
                                </div>
                                <div class="row">
                                    <div class="col-6">
                                        <a href="{{url('taxi/'.$taxiRow->url)}}" class="theme-btn">View
                                            <i class="fas fa-arrow-right"></i>
                                        </a>
                                    </div>
                                    <div class="col-6">
                                        <a href="{{url('/booking')}}" class="theme-btn">Book Now
                                            <i class="fas fa-arrow-right"></i>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    @endforeach
                </div>
            </div>
        </div>

    </main>
@endsection