@extends('app')

@section('head_url', Request::url())

@section('content')

    <style>
        .filter{
            display:flex;
            width: max-content;
            width: max-content;
        }
    </style>

    <div class="headersection">
        <div class="container">
            <h1>{{str_replace('-', ' ', Request::segment(3))}} In {{Request::segment(2)}}</h1>
        </div>
    </div>

    <div class="tp-breadcrumb">
        <div class="container">
            <div class="row">
                <div class="col-md-8">
                    <ol class="breadcrumb">
                        <li><a href="{{url('/')}}">Home</a></li>
                        <li ><a href="{{url('/allied_services/'.Request::segment(2))}}">Allied Services</a></li>
                        <li class="active">{{Request::segment(3)}}</li>
                    </ol>
                </div>
            </div>
        </div>
    </div>

    <div class="main-container">
        <div class="container">
            <div class="row">
                <div class="col-md-12 col-sm-12">
                    <div class="venuescountsection">
                        {{str_replace('-', ' ', Request::segment(3))}} In {{Request::segment(2)}} (<span class="count">{{count($vendors)}}</span>)
                    </div>
                    <input type="hidden" name="total_count" id="total_count" value="#" />
                </div>
            </div>

            <div class="displayvenues" id="filtered-venues">



                <div class='row'>
                    <div class="col-md-12">
                        @foreach($vendors as $key => $vendor)

                            <div class="col-md-4 venuebox">
                                <div class="vendor-thumbnail">
                                    <!-- Vendor thumbnail -->

                                    <div class="vendor-img">
                                        <!-- Vendor img -->

                                           @if(!is_null($vendor->primary_image))
                                            <a href="{{url('allied_services/'.Request::segment(2).'/'.$vendor->id.'/'.str_replace(' ', '-', Request::segment(3)))}}"><img src="{{asset('public/upload/alliedServices/vendors').'/'.$vendor->primary_image }}" alt="image" class="img-fluid"></a>
                                        @else
                                                {!! '<iframe width="100%" height="100%" src="'.$vendor->primary_video.'" frameborder="0" allow="accelerometer;
                                                  autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>'!!}
                                       @endif
                                    </div>
                                    <!-- /.Vendor img -->
                                    <div class="vendor-content" >
                                        <!-- Vendor Content -->
                                        <h2 class="vendor-title">
                                            <a href="{{url('allied_services/'.Request::segment(2).'/'.$vendor->id.'/'.str_replace(' ', '-', Request::segment(3)))}}"
                                               class="title"><span>{{$vendor->company_name}}</span></a>
                                        </h2>
                                        <h2 class="vendor-title">
                                            <a href="#"
                                               class="title">{{str_replace('-', ' ', Request::segment(3))}}</a>
                                        </h2>
                                        <p class="vendor-address"><i class="fa fa-map-marker"></i>
                                            &nbsp;, ,,                                        </p>


                                        <div class="vendor-meta">
                                             <p>{!! $vendor->short_description !!}</p>
                                            <a href="{{url('allied_services/'.Request::segment(2).'/'.$vendor->id.'/'.str_replace(' ', '-', Request::segment(3)))}}">More</a>


                                        </div>



                                        <!-- /.Vendor meta -->
                                    </div>
                                    <!-- /.Vendor Content -->
                                </div>
                            </div>

                        @endforeach
                    </div>
                </div>





            </div>





        </div>
    </div>
    <input type="hidden" class="pageval" name="pageval" value="1"/>
    <input type="hidden" class="hidden token" value="{{ csrf_token() }}"/>
    <input type="hidden" class="hidden state_id" value="#"/>
    <script src="{{URL::asset('public/site_assets/js/jquery.min.js')}}"></script>

@endsection