@extends('partials.main')
@section('title')
    {{ 'Destinations' }}
@endsection
@section('content')
    <!--************************************
      Inner Banner Start
    *************************************-->
    <section class="tg-parallax tg-innerbanner" data-appear-top-offset="600" data-parallax="scroll"
        data-image-src="../images/2e309pd-e1619535805699.webp">
        <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>Destinations</h1>
                        <br>
                        {{-- <h2>Donec id elit non mi porta gravida at eget metus</h2> --}}
                        <ol class="tg-breadcrumb">
                            <li><a href="javascript:void(0);">Home</a></li>
                            <li class="tg-active">Destinations</li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--************************************
      Inner Banner End
    *************************************-->
    <!--************************************
      Main Start
    *************************************-->
    <main id="tg-main" class="tg-main tg-haslayout">
        <!--************************************
       Product Detail Start
     *************************************-->
        <div class="tg-sectionspace tg-haslayout">
            <div class="container">
                <div class="row">
                    <div class="tg-productdetail">
                        <div class="col-xs-12 col-sm-6 col-md-6 col-lg-5">
                            <div id="tg-productdetailsider" class="tg-productdetailsider owl-carousel">

								@foreach ($img as $item)
								<figure class="item">
                                    <img src="../thumbnails/{{$item->files}}" alt="image description">
                                </figure>
								{{-- <h1>{{$item->files}}</h1>	 --}}
								@endforeach
                             
                     


                            </div>
                        </div>
                        <div class="col-xs-12 col-sm-6 col-md-6 col-lg-7">
                            <div class="tg-productinfo">
								
                                <h3>{{ $des->title }}</h3>
                                <div class="tg-pricearea">
                                   
                                    <h4>{{ $des->places }}</h4>
                                </div>
                                <div class="tg-description">
                                    {!!$des->shdescription!!}
                                </div>
                                <div class="col-sm-6">
									<a class="tg-btnaddtocart" href="javascript:void(0);">
										<i class="icon-icons240"></i>
										<span>REQUEST QUOTE </span>
									</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--************************************
       Product Detail End
     *************************************-->
        <!--************************************
       Latest Product Start
     *************************************-->
        <div class="tg-latestproducts tg-bgwhite">
            <div class="container">
                <div class="row">
                    <div class="tg-sectionhead tg-sectionheadvtwo">
                        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                            <div class="tg-sectiontitle">
                                <h2> Things to do</h2>
                            </div>
                           
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
						{!!$des->description!!}
                    </div>

                </div>
            </div>
        </div>
        <!--************************************
       Latest Product End
     *************************************-->
    </main>
    <!--************************************
      Main End
    *************************************-->
@endsection