@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>Allied Services 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 class="active">Allied Services</li>
                    </ol>
                </div>
            </div>
        </div>
    </div>

{{--    <div class="filter-section">--}}
{{--        <div class="container venue-filter">--}}
{{--            <div class="col-md-12 no-padding ">--}}
{{--                <ul class="nav navbar-nav col-md-12 filter">--}}
{{--                   --}}


{{--                </ul>--}}
{{--            </div>--}}

{{--        </div>--}}
{{--    </div>--}}


    <div class="main-container">
        <div class="container">
            <div class="row">
                <div class="col-md-12 col-sm-12">
                    <div class="venuescountsection">
                        Allied Services In {{Request::segment(2)}} (<span class="count">{{count($categories)}}</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($categories as $key => $category)

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

                                        <div class="vendor-img">
                                            <!-- Vendor img -->
                                            <a href="{{url('allied_services/'.Request::segment(2).'/'.str_replace(' ', '-', $category->category_details->category_name))}}">
                                                <img src="{{asset('public/upload/alliedServices/category').'/'.$category->category_details->category_image }}" alt="image" class="img-fluid"></a>


                                        </div>
                                        <!-- /.Vendor img -->
                                        <div class="vendor-content" style="min-height:95px; ">
                                            <!-- Vendor Content -->
                                            <h2 class="vendor-title">
                                                <a href="{{url('allied_services/'.Request::segment(2).'/'.str_replace(' ', '-', $category->category_details->category_name))}}"
                                                   class="title"><span></span></a>
                                            </h2>
                                            <h2 class="vendor-title">
                                                <a href="#"
                                                   class="title">,,</a>
                                            </h2>
                                            <div class="rating-box vendor-meta-box">


                                        </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