@extends('customer.header')
@section('customerContent')
  <!-- wrapper  -->
  <div id="wrapper">
    <!-- content -->
    <div class="content">
      <!--  section  -->
      <section class="parallax-section single-par color-bg">
        <div class="container">
          <div class="section-title center-align big-title">
            <h2><span>{{ ucwords(@$data->categoryDetail->category_name) }}</span></h2>
            <h4>
              {{ @$data->categoryDetail->description }}
            </h4>
          </div>
        </div>
        <div class="pwh_bg" style="background:url('@if (isset($data->categoryDetail->banner)) {{ asset('consultant/public/uploads/category') . '/' . $data->categoryDetail->banner }} @endif')"></div>
      </section>
      <!--  section  end-->
      <!-- breadcrumbs-->
      <div class="breadcrumbs fw-breadcrumbs sp-brd fl-wrap">
        <div class="container">
          <div class="breadcrumbs-list">
            <a href="#">Home</a><a href="#">Listings</a>
            <span>{{ ucwords(@$data->categoryDetail->category_name) }}</span>
          </div>
          <div class="share-holder hid-share">
            <a href="#" class="share-btn showshare sfcs"> <i class="fas fa-share-alt"></i> Share </a>
            <div class="share-container  isShare"></div>
          </div>
        </div>
      </div>
      <!-- breadcrumbs end -->
      <!-- col-list-wrap -->
      <section class="gray-bg small-padding ">
        <div class="container">
          <div class="row">
            <!-- search sidebar-->
            @include('customer.consultants-filter')
            <!-- search sidebar end-->
            <div class="col-md-9">
              <!-- list-main-wrap-header-->
              <div class="list-main-wrap-header box-list-header fl-wrap">
                <!-- list-main-wrap-title-->
                <div class="list-main-wrap-title">
                  <h2>Results For : <span>{{ ucwords(@$data->categoryDetail->category_name) }}
                    </span><strong>{{ $data->consultants->count() }}</strong></h2>
                </div>
                <!-- list-main-wrap-title end-->
                <!-- list-main-wrap-opt-->
                {{-- <div class="list-main-wrap-opt">
                  <!-- price-opt-->
                  <div class="price-opt">
                    <span class="price-opt-title">Sort by:</span>
                    <div class="listsearch-input-item">
                      <select data-placeholder="Popularity" class="chosen-select no-search-select">
                        <option>Popularity</option>
                        <option>Average rating</option>
                        <option>Price: low to high</option>
                        <option>Price: high to low</option>
                      </select>
                    </div>
                  </div>
                  <!-- price-opt end-->

                </div> --}}
                <!-- list-main-wrap-opt end-->
              </div>
              <!-- list-main-wrap-header end-->
              <!-- listing-item-wrap-->
              <div class="listing-item-container  box-list_ic fl-wrap">
                <!-- listing-item -->
                @foreach ($data->consultants as $consultant)
                  <div class="listing-item has_one_column">
                    <article class="geodir-category-listing fl-wrap">
                      <div class="geodir-category-img fl-wrap">
                        <a href="{{ route('customer.consultant-detail',$consultant->slug) }}"
                          class="geodir-category-img_item">
                          <img
                            src="@if (isset($consultant->company_logo)) {{ asset('consultant/public/uploads/buyer') . '/' . $consultant->company_logo }} @else {{ asset('allUsers/customer/images/all/3.jpg') }} @endif"
                            alt="{{ $consultant->company_name }}">
                          <div class="overlay"></div>
                        </a>
                        <div class="geodir-category-location" onclick="return false;">
                          <a href="javascript:;" class="single-map-item">
                            <i class="fas fa-map-marker-alt"></i> <span>
                              {{ @$consultant->stateName->name }}
                              {{ @$consultant->cityName->name }}</span>
                          </a>
                        </div>

                        @if (Auth::guard('buyer')->check() && Auth::guard('buyer')->user()->id != $consultant->id)
                          @if ($consultant->IsInMyWishlist)
                            <a href="{{ route('buyer.remove-from-wishlist', $consultant->id) }}"
                              class="geodir_save-btn tolt" data-microtip-position="left" data-tooltip="Remove">
                              <span><i class="fal fa-heart-broken"></i></span>
                            </a>
                          @else
                            <a href="{{ route('buyer.add-to-wishlist', $consultant->id) }}"
                              class="geodir_save-btn tolt" data-microtip-position="left" data-tooltip="Save">
                              <span><i class="fal fa-heart"></i></span>
                            </a>
                          @endif
                        @endif
                        <div class="geodir-category-listing_media-list">
                          {{-- <span><i class="fas fa-camera"></i> 8</span> --}}
                        </div>
                      </div>
                      <div class="geodir-category-content fl-wrap">
                        <h3 class="title-sin_item"><a
                            href="{{ route('customer.consultant-detail', $consultant->slug) }}">{{ ucwords($consultant->company_name) }}</a>
                        </h3>
                        <div class="geodir-category-content_price">{{ $consultant->incorporation_type }}</div>
                        <h6 style="text-align:left">Type : {{ $consultant->type_of_company }} </h6>
                        <p>{{ Str::limit($consultant->company_description, 100) }}</p>
                        <div class="col-sm-12 geodir-category_tags">
                          <div class="row">
                            @if ($consultant->tags)
                              @foreach ($consultant->tags as $tag)
                                <a href="javascript:;" class="cat-opt color-bg">{{ $tag->tag->type_value }}</a>
                              @endforeach
                            @endif
                          </div>
                        </div>
                        <div class="geodir-category-footer fl-wrap">
                          <a href="javascript:;" class="gcf-company"><img
                              src="@if (isset($consultant->photo)) {{ asset('consultant/public/uploads/buyer') . '/' . $consultant->photo }} @else {{ asset('allUsers/150X150.png') }} @endif"
                              alt=""><span>By
                              {{ ucwords($consultant->name) }}</span></a>
                          <div class="listing-rating card-popup-rainingvis tolt" data-microtip-position="top"
                            data-tooltip="{{ ucwords($consultant->name) }}"
                            data-starrating2="{{ isset($consultant->ratings) ? $consultant->ratings->avg('star') : 0 }}">
                          </div>
                        </div>
                      </div>
                    </article>
                  </div>
                @endforeach
                <!-- listing-item end-->
              </div>
              <!-- listing-item-wrap end-->
              <!-- pagination-->
              {{ $data->consultants->links('vendor.pagination.custom') }}
              <!-- pagination end-->
            </div>
            <!-- col-md 8 end -->
          </div>
        </div>
      </section>
      <div class="limit-box fl-wrap"></div>
    </div>
    <!-- content end -->
  @endsection