@extends('layout.main')

@push('title')
    <title>Our Taxi Fares- SVT Tour and Travels</title>
	
	<meta name="description" content="Explore the range of vehicles and check out the fare list of taxis as per the type of model available in bhopal.">
	<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/fare"/>
@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 Fare List</h1>
                <ul class="breadcrumb-menu">
                    <li><a href="{{url('/')}}">Home</a></li>
                    <li class="active">Our Fare</li>
                </ul>
            </div>
        </div>


        <div class="taxi-rate 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">Taxi Fare</span>
                            <h2 class="site-title">Our Taxi Fare For You</h2>
                            <div class="heading-divider"></div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-12">
                        <div class="user-profile-wrapper">
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="user-profile-card">
                                        <div class="user-profile-card-header">
                                            <strong class="user-profile-card-title">My Booking</strong>
                                        </div>
                                        <div class="table-responsive">
                                            <table class="table text-nowrap">
                                                <thead>
                                                    <tr>
                                                        <th></th>
                                                        <th>Airport</th>
                                                        <th colspan="2">Rental with in city</th>
                                                        <th colspan="2">Outstation</th>
                                                        <th></th>
                                                    </tr>
                                                    <tr>
                                                        <th>Cab Info</th>
                                                        <th>Pick-up/ Drop</th>
                                                        <th>8Hr 80KM</th>
                                                        <th>12Hr 120KM</th>
                                                        <th>Round Trip</th>
                                                        <th>Oneway</th>
                                                        <th>Action</th>
                                                    </tr>
                                                </thead>
                                                <tbody>

                                                    @foreach ($fareData as $fareRow)
                                                    <tr>
                                                        <td>
                                                            <div class="table-list-info">
                                                                <a href="{{url('taxi/'.$fareRow->taxi->url)}}">
                                                                    <img src="{{asset('public/storage/'.$fareRow->taxi->image)}}" alt>
                                                                    <div class="table-list-content">
                                                                        <strong style="display: block;">{{$fareRow->taxi->name}}</strong>
                                                                        <span>{{$fareRow->taxi->type}}</span>
                                                                    </div>
                                                                </a>
                                                            </div>
                                                        </td>
                                                        <td>{{$fareRow->airport_pickup}}</td>
                                                        <td>{{$fareRow->rental_80km}}</td>
                                                        <td>{{$fareRow->rental_120km}}</td>
                                                        <td>{{$fareRow->outstation_roundtrip}}</td>
                                                        <td>{{$fareRow->outstation_oneway}}</td>
                                                        <td>
                                                            <a href="{{url('/booking')}}" class="theme-btn">
                                                                <span class="fas fa-taxi"></span>
                                                                Book A Taxi
                                                            </a>
                                                        </td>
                                                    </tr>
                                                    @endforeach
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>


    </main>
@endsection