@extends('layout.main')

@push('title')
  <title>Our Tours Packages - Challa Brothers Tour and Travel</title>
	<meta name="description" content="Experience sacred Pind Daan and post-death ritual tours in Varanasi and Bodh Gaya. Book now for a spiritual journey of remembrance and solace."/>
	<meta name="author" content="Challa Brothers Tour and Travels"/>
	<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="Copyright Challa Brothers Tour and Travels 2023"/>
	<!--General Meta End-->
	
	<!--canonical tag-->
    <link rel="canonical" href="https://www.challabrotherstourandtravel.com/tour"/>
    
     <!--Open Graph Meta Start-->
    <meta property="og:type" content="website"/>
    <meta property="og:title" content="Our Tours Packages - Challa Brothers Tour and Travel"/>
    <meta property="og:description" content="Experience sacred Pind Daan and post-death ritual tours in Varanasi and Bodh Gaya. Book now for a spiritual journey of remembrance and solace."/>
    <meta property="og:url" content="https://www.challabrotherstourandtravel.com/tour" />
    <meta property="og:image" content="https://www.challabrotherstourandtravel.com/public/storage/logo/1699010233challa-logo1.png"/>
    <!--Open Graph end-->

<script type="application/ld+json">
{
  "@context": "https://schema.org/", 
  "@type": "BreadcrumbList", 
  "itemListElement": [{
    "@type": "ListItem", 
    "position": 1, 
    "name": "Home",
    "item": "https://www.challabrotherstourandtravel.com/"  
  },{
    "@type": "ListItem", 
    "position": 2, 
    "name": "Tour",
    "item": "https://www.challabrotherstourandtravel.com/tour"  
  },]
}
</script>
@endpush

@section('main-section')
<!--============= PAGE-COVER =============-->
<section class="page-cover" id="cover-about-us">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <h1 class="page-title" style="color:black;">Tour Packages</h1>
                <ul class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{url('/')}}">Home</a></li>
                    <li class="breadcrumb-item">Tour Packages</li>
                </ul>
            </div><!-- end columns -->
        </div><!-- end row -->
    </div><!-- end container -->
</section><!-- end page-cover -->
<!--===== INNERPAGE-WRAPPER ====-->

        <!--===== INNERPAGE-WRAPPER ====-->
        <section class="innerpage-wrapper">
            <div id="tour-grid" class="innerpage-section-padding">
                <div class="container">
                    <div class="row">            
                        
                        <div class="col-12 col-md-12 col-lg-12 col-xl-12 content-side">
                            <div class="row">
                                
                                @foreach ($tourData as $tourRow)
                                <div class="col-md-6 col-lg-6 col-xl-4">
                                    <div class="grid-block main-block t-grid-block">
                                        <div class="main-img t-grid-img">
                                            <a href="{{url('tour/'.$tourRow->url)}}">
                                                <img src="{{asset('public/storage/'.$tourRow->image)}}" class="img-fluid" alt="{{$tourRow->name}}" />
                                            </a>
                                            <div class="main-mask">
                                                <ul class="list-unstyled list-inline offer-price-1">
                                                    <li class="price">₹ {{$tourRow->price}}<span class="divider">|</span><span class="pkg">{{$tourRow->time_period}}</span></li>
                                                </ul>
                                            </div><!-- end main-mask -->
                                        </div><!-- end t-grid-img -->
                                        
                                         <div class="block-info t-grid-info">
                                             <div class="rating">
                                                @for ($i = 1; $i <= 5; $i++)
                                                    @if ($i <= $tourRow->rating)
                                                    <span><i class="fa fa-star orange"></i></span>
                                                    @else
                                                    <span><i class="fa fa-star lightgrey"></i></span>
                                                    @endif
                                                @endfor
                                            </div><!-- end rating -->
                                            
                                             <h3 class="block-title"><a href="{{url('tour/'.$tourRow->url)}}">{{$tourRow->name}}</a></h3>
                                            <p class="block-minor">{{$tourRow->person}}</p>
                                            {{-- <p>Lorem ipsum dolor sit amet, ad duo fugit aeque fabulas, in lucilius prodesset pri. Veniam delectus ei </p> --}}
                                            <div class="grid-btn">
                                                <a href="{{url('tour/'.$tourRow->url)}}" class="btn btn-orange btn-block btn-lg">View More</a>
                                            </div><!-- end grid-btn -->
                                        </div><!-- end t-grid-info -->
                                    </div><!-- end t-grid-block -->
                                </div><!-- end columns -->
                                @endforeach
                            </div><!-- end row -->
                        </div><!-- end columns -->
                    </div><!-- end row -->
                </div><!-- end container -->
            </div><!-- end tour-grid -->
        </section><!-- end innerpage-wrapper -->
@endsection