@extends('customer.header')
@section('customerContent')
  <!-- header end  -->
  <!-- wrapper  -->
  <div id="wrapper">
    <!-- content -->
    <div class="content">
      <section class="hidden-section   single-hero-section" data-scrollax-parent="true" id="sec1">
        <div class="bg-wrap bg-parallax-wrap-gradien">
          <div class="bg par-elem "
            data-bg="@if (isset($data->consultant->company_banner)) {{ asset('consultant/public/uploads/buyer') . '/' . $data->consultant->company_banner }} @else {{ asset('allUsers/customer/images/bg/1.jpg') }} @endif"
            data-scrollax="properties: { translateY: '30%' }">
          </div>
        </div>
        <div class="container">
          <!--  list-single-opt_header-->
          <div class="list-single-opt_header fl-wrap">
            <ul class="list-single-opt_header_cat">
              @if (isset($data->consultant->tags))
                @foreach ($data->consultant->tags as $tag)
                  @if (isset($tag->tag->type_value))
                    <li><a href="#" class="cat-opt blue-bg">{{ @$tag->tag->type_value }}</a></li>
                  @endif
                @endforeach
              @endif
            </ul>
          </div>
          <!--  list-single-opt_header end -->
          <!--  list-single-header-item-->
          <div class="list-single-header-item no-bg-list_sh fl-wrap">
            <div class="row">
              <div class="col-md-12">
                <h1>{{ ucwords($data->consultant->company_name) }} <span class="verified-badge tolt"
                    data-microtip-position="bottom" data-tooltip="Verified"><i class="fas fa-check"></i></span></h1>
                <div class="geodir-category-location fl-wrap">
                  <a href="javascript:;"><i class="fas fa-map-marker-alt"></i> {{ @$data->consultant->company_address }}
                    {{ @$data->consultant->stateName->name }}
                    {{ @$data->consultant->cityName->name }}</a>
                  <div class="listing-rating card-popup-rainingvis"
                    data-starrating2="{{ isset($data->consultant->ratings) ? $data->consultant->ratings->avg('star') : 0 }}">
                    <span class="re_stars-title">
                      @if (isset($data->consultant->ratings))
                        @if ($data->consultant->ratings->avg('star') >= 0 && $data->consultant->ratings->avg('star') < 1)
                          {{ 'Ok' }}
                        @endif
                        @if ($data->consultant->ratings->avg('star') > 1 && $data->consultant->ratings->avg('star') < 3)
                          {{ 'Good' }}
                        @endif
                        @if ($data->consultant->ratings->avg('star') > 3 && $data->consultant->ratings->avg('star') <= 5)
                          {{ 'Great' }}
                        @endif
                      @else
                        {{ 'Ok' }}
                      @endif
                    </span>
                  </div>
                </div>

                <div class="share-holder hid-share">
                  <a href="javascript:;" class="share-btn showshare sfcs"> <i class="fas fa-share-alt"></i> Share </a>
                  <div class="share-container  isShare"></div>
                </div>
                @if (Auth::guard('buyer')->check() && Auth::guard('buyer')->user()->id != $data->consultant->id)
                  @if ($data->consultant->IsInMyWishlist)
                    <a class="like-btn" style="margin-top:-37px;"
                      href="{{ route('buyer.remove-from-wishlist', $data->consultant->id) }}">
                      <i class="fas fa-heart-broken"></i> Remove</a>
                  @else
                    <a class="like-btn" style="margin-top:-37px;"
                      href="{{ route('buyer.add-to-wishlist', $data->consultant->id) }}"><i class="fas fa-heart"></i>
                      Save</a>
                  @endif
                @endif
              </div>
            </div>

          </div>
        </div>
      </section>
      <div class="breadcrumbs fw-breadcrumbs smpar fl-wrap">
        <div class="container">
          <div class="breadcrumbs-list">
            <a href="#">Home</a><a href="#">Listings</a><a
              href="#">{{ $data->consultant->category->category_name }}</a><span>{{ $data->consultant->subCategory->category_name }}</span>
          </div>
          <div class="show-more-snopt smact"><i class="fal fa-ellipsis-v"></i></div>
          <div class="show-more-snopt-tooltip">
            <a href="#sec15" class="custom-scroll-link"> <i class="fas fa-comment-alt"></i> Write a review</a>
            {{-- <a href="#"> <i class="fas fa-exclamation-triangle"></i> Report </a> --}}
          </div>

        </div>
      </div>
      <div class="gray-bg small-padding fl-wrap">
        <div class="container">
          <div class="row">
            <!--  listing-single content -->
            <div class="col-md-8">
              <div class="list-single-main-wrapper fl-wrap">
                <!--  scroll-nav-wrap -->
                <div class="scroll-nav-wrap">
                  <nav class="scroll-nav scroll-init fixed-column_menu-init">
                    <ul class="no-list-style">
                      <li><a class="act-scrlink" href="#sec1"><i class="fal fa-home-lg-alt"></i></a><span>Main</span>
                      </li>
                      <li><a href="#sec2"><i class="fal fa-image"></i></a><span>Gallery</span></li>
                      <li><a href="#sec3"><i class="fal fa-info"></i> </a><span>About This Listing</span></li>
                      <li><a href="#sec4"><i class="fal fa-bed"></i></a><span>Services</span></li>
                      <li><a href="#sec5"><i class="fal fa-video"></i></a><span>Video</span></li>
                      <li><a href="#sec6"><i class="fal fa-map-pin"></i></a><span>Location</span></li>
                      <li><a href="#sec7"><i class="fal fa-comment-alt-lines"></i></a><span>Reviews</span></li>
                    </ul>
                    <div class="progress-indicator">
                      <svg xmlns="http://www.w3.org/2000/svg" viewBox="-1 -1 34 34">
                        <circle cx="16" cy="16" r="15.9155" class="progress-bar__background" />
                        <circle cx="16" cy="16" r="15.9155"
                          class="progress-bar__progress 
                                                            js-progress-bar" />
                      </svg>
                    </div>
                  </nav>
                </div>
                <!--  scroll-nav-wrap end-->
                <div class="list-single-main-media fl-wrap" id="sec2">
                  <!-- gallery-items   -->
                  <div class="gallery-items grid-small-pad  list-single-gallery three-coulms lightgallery">
                    <!-- 1 -->
                    <div class="gallery-item ">
                      <div class="grid-item-holder">
                        <div class="box-item">
                          <img
                            src="@if ($data->consultant->image_one) {{ asset('consultant/public/uploads/buyer') . '/' . $data->consultant->image_one }} @else {{ asset('allUsers/grey-background-1000x600.png') }} @endif"
                            alt="">
                          <a href="@if ($data->consultant->image_one) {{ asset('consultant/public/uploads/buyer') . '/' . $data->consultant->image_one }} @else {{ asset('allUsers/grey-background-1000x600.png') }} @endif"
                            class="gal-link popup-image"><i class="fa fa-search"></i></a>
                        </div>
                      </div>
                    </div>
                    <!-- 1 end -->
                    <!-- 2 -->
                    <div class="gallery-item">
                      <div class="grid-item-holder">
                        <div class="box-item">
                          <img
                            src="@if ($data->consultant->image_two) {{ asset('consultant/public/uploads/buyer') . '/' . $data->consultant->image_two }} @else {{ asset('allUsers/grey-background-1000x600.png') }} @endif"
                            alt="">
                          <a href="@if ($data->consultant->image_two) {{ asset('consultant/public/uploads/buyer') . '/' . $data->consultant->image_two }} @else {{ asset('allUsers/grey-background-1000x600.png') }} @endif"
                            class="gal-link popup-image"><i class="fa fa-search"></i></a>
                        </div>
                      </div>
                    </div>
                    <!-- 2 end -->
                    <!-- 3 -->
                    <div class="gallery-item gallery-item-second">
                      <div class="grid-item-holder">
                        <div class="box-item">
                          <img
                            src="@if ($data->consultant->image_three) {{ asset('consultant/public/uploads/buyer') . '/' . $data->consultant->image_three }} @else {{ asset('allUsers/grey-background-1000x600.png') }} @endif"
                            alt="">
                          <a href="@if ($data->consultant->image_three) {{ asset('consultant/public/uploads/buyer') . '/' . $data->consultant->image_three }} @else {{ asset('allUsers/grey-background-1000x600.png') }} @endif"
                            class="gal-link popup-image"><i class="fa fa-search"></i></a>
                        </div>
                      </div>
                    </div>
                    <!-- 3 end -->
                    <!-- 4 -->
                    <div class="gallery-item">
                      <div class="grid-item-holder">
                        <div class="box-item">
                          <img
                            src="@if ($data->consultant->image_four) {{ asset('consultant/public/uploads/buyer') . '/' . $data->consultant->image_four }} @else {{ asset('allUsers/grey-background-1000x600.png') }} @endif"
                            alt="">
                          <a href="@if ($data->consultant->image_four) {{ asset('consultant/public/uploads/buyer') . '/' . $data->consultant->image_four }} @else {{ asset('allUsers/grey-background-1000x600.png') }} @endif"
                            class="gal-link popup-image"><i class="fa fa-search"></i></a>
                        </div>
                      </div>
                    </div>
                    <!-- 4 end -->
                    <!-- 5 -->
                    <div class="gallery-item">
                      <div class="grid-item-holder">
                        <div class="box-item">
                          <img
                            src="@if ($data->consultant->image_five) {{ asset('consultant/public/uploads/buyer') . '/' . $data->consultant->image_five }} @else {{ asset('allUsers/grey-background-1000x600.png') }} @endif"
                            alt="">
                          <a href="@if ($data->consultant->image_five) {{ asset('consultant/public/uploads/buyer') . '/' . $data->consultant->image_five }} @else {{ asset('allUsers/grey-background-1000x600.png') }} @endif"
                            class="gal-link popup-image"><i class="fa fa-search"></i></a>
                        </div>
                      </div>
                    </div>
                    <!-- 5 end -->
                    <!-- 7 -->
                    <div class="gallery-item">
                      <div class="grid-item-holder">
                        <div class="box-item">
                          <img
                            src="@if ($data->consultant->image_six) {{ asset('consultant/public/uploads/buyer') . '/' . $data->consultant->image_six }} @else {{ asset('allUsers/grey-background-1000x600.png') }} @endif"
                            alt="">
                          <a href="@if ($data->consultant->image_six) {{ asset('consultant/public/uploads/buyer') . '/' . $data->consultant->image_six }} @else {{ asset('allUsers/grey-background-1000x600.png') }} @endif"
                            class="gal-link popup-image"><i class="fa fa-search"></i></a>
                        </div>
                      </div>
                    </div>
                    <!-- 7 end -->
                  </div>
                  <!-- end gallery items -->
                </div>
                <div class="list-single-facts fl-wrap">
                  <!-- inline-facts -->
                  <div class="inline-facts-wrap">
                    <div class="inline-facts">
                      <i class="fal fa-user"></i>
                      <h6>Member Since: </h6>
                      <span>{{ $data->consultant->created_at->format('d, M Y') }}</span>
                    </div>
                  </div>
                  <!-- inline-facts end -->
                  <!-- inline-facts  -->
                  <div class="inline-facts-wrap">
                    <div class="inline-facts">
                      <i class="fal fa-users"></i>
                      <h6>Membership Type:</h6>
                      <span>Free member</span>
                    </div>
                  </div>
                  <!-- inline-facts end -->
                  <!-- inline-facts -->
                  <div class="inline-facts-wrap">
                    <div class="inline-facts">
                      <i class="fal fa-list"></i>
                      <h6>Listed Services:</h6>
                      <span>{{ $data->consultant->services->count() }} Services</span>
                    </div>
                  </div>
                  <!-- inline-facts end -->
                  <!-- inline-facts -->
                  <div class="inline-facts-wrap">
                    <div class="inline-facts">
                      <i class="fal fa-star"></i>
                      <h6>Rated</h6>
                      <span>
                        <div class="listing-rating" data-starrating2="4"
                          style="text-align: center;
                                                                                                                                                      margin: auto;
                                                                                                                                                      float: none;">
                          <i class="fas fa-star"></i>
                          <i class="fas fa-star"></i>
                          <i class="fas fa-star"></i>
                          <i class="fas fa-star"></i><i class="fas fa-star"></i>
                        </div>
                      </span>
                    </div>
                  </div>
                  <!-- inline-facts end -->
                </div>
                <div class="list-single-main-container fl-wrap" id="sec3">
                  <!-- list-single-main-item -->
                  <div class="list-single-main-item fl-wrap">
                    <div class="list-single-main-item-title">
                      <h3>About This {{ ucwords($data->consultant->company_name) }}</h3>
                    </div>
                    <div class="list-single-main-item_content fl-wrap">
                      <p>{{ $data->consultant->company_description }}</p>
                    </div>
                  </div>
                  <!-- list-single-main-item end -->
                  <!-- list-single-main-item -->
                  <!-- list-single-main-item -->
                  <div class="list-single-main-item fl-wrap">
                    <div class="list-single-main-item-title">
                      <h3>Tags and Keywords.</h3>
                    </div>
                    <div class="list-single-main-item_content fl-wrap">
                      <div class="listing-features ">
                        <ul>
                          @if (isset($data->consultant->tags))
                            @foreach ($data->consultant->tags as $tag)
                              @if (isset($tag->tag->type_value))
                                <li><a href="#"><i class="fal fa-angle-left"></i> {{ @$tag->tag->type_value }}</a>
                                </li>
                              @endif
                            @endforeach
                          @endif
                        </ul>
                      </div>
                    </div>
                  </div>
                  <!-- list-single-main-item end -->
                  <!-- list-single-main-item end -->
                  <!--   list-single-main-item -->
                  <div class="list-single-main-item fl-wrap" id="sec4">
                    <div class="list-single-main-item-title fl-wrap">
                      <h3>Services</h3>
                    </div>
                    <!--   rooms-container -->
                    <div class="rooms-container fl-wrap">
                      <!--  rooms-item -->
                      @foreach ($data->consultant->services as $service)
                        <div class="rooms-item fl-wrap">
                          <a href="{{ route('customer.service-detail', $service->id) }}">
                            <div class="rooms-media">
                              <img
                                src="@if (isset($service->photo)) {{ asset('consultant/public/uploads/buyer') . '/' . $service->photo }} @else {{ asset('allUsers/customer/images/all/3.jpg') }} @endif"
                                alt="">
                            </div>
                          </a>
                          <div class="rooms-details">
                            <div class="rooms-details-header fl-wrap">
                              <span class="rooms-area">Starts at : ₹ {{ number_format($service->cost, 2) }}</span>
                              <a href="{{ route('customer.service-detail', $service->id) }}">
                                <h3>{{ ucwords($service->name) }}</h3>
                              </a>
                              <h5>Category : {{ $service->category->category_name }}</h5>
                            </div>
                            <div class="col-sm-12 geodir-category_tags">
                              <div class="row">
                                @if ($service->tags)
                                  @foreach ($service->tags as $tag)
                                    <a href="javascript:;" class="cat-opt color-bg">{{ $tag->tag->type_value }}</a>
                                  @endforeach
                                @endif
                              </div>
                            </div>
                            <p>
                              {{ Str::limit($service->description, 200) }}
                            </p>

                          </div>
                        </div>
                      @endforeach
                      <!--  rooms-item end -->
                    </div>
                    <!--   rooms-container end -->
                  </div>
                  <!-- list-single-main-item end -->
                  <!-- list-single-main-item -->
                  <div class="list-single-main-item fl-wrap">
                    <div class="list-single-main-item-title">
                      <h3>Business Documents </h3>
                    </div>
                    <div class="bwc_download-list">
                      <a target="_blank"
                        href="{{ asset('consultant/public/uploads/buyer') . '/' . $data->consultant->company_moa_doc }}"><span><i
                            class="fal fa-file-pdf"></i></span>Company MOA</a>
                      <a target="_blank"
                        href="{{ asset('consultant/public/uploads/buyer') . '/' . $data->consultant->company_profile_doc }}"><span><i
                            class="fal fa-file-word"></i></span>Company Corporate Profile</a>
                      <a target="_blank"
                        href="{{ asset('consultant/public/uploads/buyer') . '/' . $data->consultant->company_gst_doc }}"><span><i
                            class="fal fa-file-pdf"></i></span>Company GST Certificate </a>
                      <a target="_blank"
                        href="{{ asset('consultant/public/uploads/buyer') . '/' . $data->consultant->company_iso_doc }}"><span><i
                            class="fal fa-file-pdf"></i></span>Company ISO Certificate </a>
                    </div>
                  </div>
                  <!-- list-single-main-item end -->
                  <!-- list-single-main-item -->
                  <div class="list-single-main-item fl-wrap" id="sec5">
                    <div class="list-single-main-item-title">
                      <h3>Video</h3>
                    </div>
                    <div class="list-single-main-item_content fl-wrap">
                      <div class="video-box fl-wrap">
                        <img src="{{ asset('allUsers/youtube-logo.jpg') }}" class="respimg" alt="">
                        <a class="video-box-btn image-popup color-bg" href="{{ $data->consultant->youtube }}"><i
                            class="fas fa-play"></i></a>
                      </div>
                    </div>
                  </div>
                  <!-- list-single-main-item end -->

                  <!-- list-single-main-item -->
                  {{-- <div class="list-single-main-item fw-lmi fl-wrap" id="sec6">
                    <iframe
                      src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3502.1337450147057!2d77.37693831508244!3d28.625753382420516!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390ce4faf77fb773%3A0xe0809fc938620cad!2sWEBKYPE!5e0!3m2!1sen!2sin!4v1640329570197!5m2!1sen!2sin"
                      height="250" style="border:0;width:100%" allowfullscreen="" loading="lazy"></iframe>
                    <input id="pac-input" class="controls fl-wrap controls-mapwn" autocomplete="on" type="text"
                      placeholder="What Nearby? Schools, Gym... " value="">
                  </div> --}}
                  <!-- list-single-main-item end -->
                  <!-- list-single-main-item -->
                  <div class="list-single-main-item fl-wrap" id="sec7">
                    <div class="list-single-main-item-title">
                      <h3>Reviews
                        <span>{{ isset($data->consultant->ratings) ? $data->consultant->ratings->count() : 0 }}</span>
                      </h3>
                    </div>
                    <div class="list-single-main-item_content fl-wrap">
                      <div class="reviews-comments-wrap fl-wrap">
                        <div class="review-total">
                          <span
                            class="review-number blue-bg">{{ isset($data->consultant->ratings) ? $data->consultant->ratings->avg('star') : 0 }}</span>
                          <div class="listing-rating card-popup-rainingvis"
                            data-starrating2="{{ isset($data->consultant->ratings) ? $data->consultant->ratings->avg('star') : 0 }}">
                            <span class="re_stars-title">
                              @if (isset($data->consultant->ratings))
                                @if ($data->consultant->ratings->avg('star') >= 0 && $data->consultant->ratings->avg('star') < 1)
                                  {{ 'Ok' }}
                                @endif
                                @if ($data->consultant->ratings->avg('star') > 1 && $data->consultant->ratings->avg('star') < 3)
                                  {{ 'Good' }}
                                @endif
                                @if ($data->consultant->ratings->avg('star') > 3 && $data->consultant->ratings->avg('star') <= 5)
                                  {{ 'Great' }}
                                @endif
                              @else
                                {{ 'Ok' }}
                              @endif
                            </span>
                          </div>
                        </div>
                        <!-- reviews-comments-item -->
                        @foreach ($data->consultant->ratings as $rating)
                          <div class="reviews-comments-item">
                            <div class="review-comments-avatar">
                              <img
                                src="@if (isset($rating->user->photo)) {{ asset('consultant/public/uploads/buyer') . '/' . $rating->user->photo }} @else {{ asset('allUsers/customer/images/avatar/2.jpg') }} @endif"
                                alt="">
                            </div>
                            <div class="reviews-comments-item-text smpar">
                              {{-- <div class="box-widget-menu-btn smact"><i class="far fa-ellipsis-h"></i></div>
                              <div class="show-more-snopt-tooltip bxwt">
                                <a href="#"> <i class="fas fa-reply"></i> Reply</a>
                                <a href="#"> <i class="fas fa-exclamation-triangle"></i> Report </a>
                              </div> --}}
                              <h4><a href="#">{{ ucwords($rating->user->name) }}</a></h4>
                              <div class="listing-rating card-popup-rainingvis"
                                data-starrating2="{{ $rating->star }}"><span
                                  class="re_stars-title">{{ $rating->Rating }}</span></div>
                              <div class="clearfix"></div>
                              <p>"{{ $rating->review }}"</p>
                              <div class="reviews-comments-item-date"><span class="reviews-comments-item-date-item"><i
                                    class="far fa-calendar-check"></i>{{ $rating->created_at->format('d M, Y') }}</span>
                                {{-- <a href="#" class="rate-review"><i class="fal fa-thumbs-up"></i> Helpful Review
                                  <span>6</span>
                                </a> --}}
                              </div>
                            </div>
                          </div>
                        @endforeach
                        <!--reviews-comments-item end-->
                      </div>
                    </div>
                  </div>
                  <!-- list-single-main-item end -->
                  <!-- list-single-main-item -->
                  @if (Auth::guard('buyer')->check() && Auth::guard('buyer')->user()->id != $data->consultant->id && !$data->haveIRated)
                    <div class="list-single-main-item fl-wrap" id="sec15">
                      <div class="list-single-main-item-title fl-wrap">
                        @include('extensions.customer-alerts')
                        <h3>Add Your Review</h3>
                      </div>
                      <!-- Add Review Box -->
                      <div id="add-review" class="add-review-box">
                        <div class="leave-rating-wrap">
                          <span class="leave-rating-title">Your rating for this listing : </span>
                          <div class="leave-rating">
                            <input form="rating-form" type="radio" data-ratingtext="Excellent" name="star" id="rating-1"
                              required value="5" />
                            <label for="rating-1" class="fal fa-star"></label>
                            <input form="rating-form" type="radio" data-ratingtext="Good" name="star" id="rating-2"
                              required value="4" />
                            <label for="rating-2" class="fal fa-star"></label>
                            <input form="rating-form" type="radio" name="star" data-ratingtext="Average" id="rating-3"
                              required value="3" />
                            <label for="rating-3" class="fal fa-star"></label>
                            <input form="rating-form" type="radio" data-ratingtext="Fair" name="star" id="rating-4"
                              required value="2" />
                            <label for="rating-4" class="fal fa-star"></label>
                            <input form="rating-form" type="radio" data-ratingtext="Very Bad " name="star" id="rating-5"
                              required value="1" />
                            <label for="rating-5" class="fal fa-star"></label>
                          </div>
                          <div class="count-radio-wrapper">
                            <span id="count-checked-radio">Your Rating</span>
                          </div>
                        </div>
                        <!-- Review Comment -->
                        <form id="rating-form" class="add-comment custom-form" method="post"
                          action="{{ route('buyer.rating.store') }}">
                          @csrf
                          <input type="hidden" value="{{ $data->consultant->id }}" name="consultant_id" />
                          <input type="hidden" value="{{ Auth::guard('buyer')->user()->id }}" name="user_id" />
                          <fieldset>
                            <div class="row">
                              <div class="col-md-6">
                                <label>Your name* <span class="dec-icon"><i
                                      class="fas fa-user"></i></span></label>
                                <input name="name" type="text" readonly
                                  value="{{ Auth::guard('buyer')->user()->name }}">
                              </div>
                              <div class="col-md-6">
                                <label>Yourmail* <span class="dec-icon"><i
                                      class="fas fa-envelope"></i></span></label>
                                <input name="email" type="email" readonly
                                  value="{{ Auth::guard('buyer')->user()->email }}">
                              </div>
                            </div>
                            <textarea cols="40" rows="3" required placeholder="Your Review:" name="review"
                              maxlength="500"></textarea>
                          </fieldset>
                          <button class="btn big-btn color-bg float-btn">Submit Review <i class="fa fa-paper-plane-o"
                              aria-hidden="true"></i></button>
                        </form>
                      </div>
                      <!-- Add Review Box / End -->
                    </div>
                  @endif
                  <!-- list-single-main-item end -->
                </div>
              </div>
            </div>
            <!-- listing-single content end-->
            <!-- sidebar -->
            <div class="col-md-4">
              <!--box-widget-->
              <div class="box-widget fl-wrap">
                <div class="profile-widget">
                  <div class="profile-widget-header color-bg smpar fl-wrap">
                    <div class="pwh_bg"
                      style="background:url('@if (isset($data->consultant->cover_photo)) {{ asset('consultant/public/uploads/buyer') . '/' . $data->consultant->cover_photo }} @endif')">
                    </div>
                    <div class="call-btn"><a href="tel:123-456-7890" class="tolt color-bg"
                        data-microtip-position="right" data-tooltip="Call Now"><i class="fas fa-phone-alt"></i></a></div>
                    <div class="box-widget-menu-btn smact"><i class="far fa-ellipsis-h"></i></div>
                    <div class="show-more-snopt-tooltip bxwt">
                      <a href="#"> <i class="fas fa-comment-alt"></i> Write a review</a>
                      <a href="#"> <i class="fas fa-exclamation-triangle"></i> Report </a>
                    </div>
                    <div class="profile-widget-card">
                      <div class="profile-widget-image">
                        <img
                          src="@if (isset($data->consultant->photo)) {{ asset('consultant/public/uploads/buyer') . '/' . $data->consultant->photo }} @else {{ asset('allUsers/customer/images/avatar/1.jpg') }} @endif"
                          alt="">
                      </div>
                      <div class="profile-widget-header-title">
                        <h4><a href="javascript:;">{{ ucwords($data->consultant->name) }}</a></h4>
                        <div class="clearfix"></div>
                        <div class="pwh_counter">
                          <span>Member:</span>{{ $data->consultant->created_at->format('d, M, Y') }}
                        </div>
                        <div class="clearfix"></div>
                        <div class="listing-rating card-popup-rainingvis"
                          data-starrating2="{{ isset($data->consultant->ratings) ? $data->consultant->ratings->avg('star') : 0 }}">
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="profile-widget-content fl-wrap">
                    <div class="contats-list fl-wrap">
                      <ul class="no-list-style">
                        <li><span><i class="fal fa-phone"></i> Phone :</span> <a
                            href="#">{{ $data->consultant->phone }}</a></li>
                        <li><span><i class="fal fa-envelope"></i> Mail :</span> <a
                            href="#">{{ $data->consultant->email }}</a>
                        </li>
                        <li><span><i class="fal fa-browser"></i> Website :</span> <a target="_blank"
                            href="{{ $data->consultant->company_website }}">{{ $data->consultant->company_website }}</a>
                        </li>
                        <li><span><i class="fal fa-browser"></i> Current City :</span> <a
                            href="#">{{ @$data->consultant->cityName->name }}</a></li>
                      </ul>
                    </div>

                  </div>
                </div>
              </div>
              <!--box-widget end -->

              <!--box-widget-->
              <div class="box-widget fl-wrap hidden-section" style="margin-top: 30px">
                <div class="box-widget-content fl-wrap color-bg">
                  <div class="color-form reset-action">
                    <div class="color-form-title fl-wrap">
                      @include('extensions.customer-alerts')
                      <h4>Send An Enquiry</h4>
                      <p>Share best possible correct details for quick response and discussion.</p>
                    </div>
                    <form method="post" name="contact-property-form" action="{{ route('customer.send-enquiry') }}">
                      @csrf
                      <input type="hidden"
                        value="{{ Auth::guard('buyer')->check() ? Auth::guard('buyer')->user()->id : '' }}"
                        name="querier_id" />
                      <input type="hidden" value="{{ $data->consultant->id }}" name="consultant_id" />
                      <label>Your name* <span class="dec-icon"><i class="fas fa-user"></i></span></label>
                      <input name="name" pattern="[a-zA-Z ]+{100}" maxlength="100" required type="text"
                        value="{{ Auth::guard('buyer')->check() ? Auth::guard('buyer')->user()->name : '' }}">
                      <label>Your phone * <span class="dec-icon"><i class="fas fa-phone"></i></span></label>
                      <input name="phone" type="text" pattern="[0-9]{10}" required min="0"
                        onkeypress="if(this.value.length===10) return false;"
                        value="{{ Auth::guard('buyer')->check() ? Auth::guard('buyer')->user()->phone : '' }}">
                      <label>Your Email * <span class="dec-icon"><i class="fas fa-phone"></i></span></label>
                      <input name="email" maxlength="100" required type="email"
                        value="{{ Auth::guard('buyer')->check() ? Auth::guard('buyer')->user()->email : '' }}">
                      <label>messsage * <span class="dec-icon"><i class="fas fa-envelope"></i></span></label>
                      <textarea name="message" type="text" maxlength="500" required></textarea>
                      <button type="submit" class="btn float-btn color-bg fw-btn"> Send</button>
                    </form>
                  </div>
                </div>
              </div>
              <!--box-widget end -->


            </div>
            <!--  sidebar end-->
          </div>
          <div class="fl-wrap limit-box"></div>
          <div class="listing-carousel-wrapper carousel-wrap fl-wrap">
            <div class="list-single-main-item-title">
              <h3>Similar Consultants</h3>
            </div>
            <div class="listing-carousel carousel ">
              <!-- slick-slide-item -->
              @foreach ($similarConsultants as $consultant)
                <div
                  class="gallery-item @if ($consultant->view_count > 5) for_rent @endif @if ($consultant->created_at->isToday()) for_sale @endif">
                  <!-- listing-item -->
                  <div class="listing-item">
                    <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="" />
                          <div class="overlay"></div>
                        </a>
                        <div class="geodir-category-location">
                          <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->subCategory->category_name }}
                        </div>
                        {{-- <h6 style="text-align: left">
                        Type : {{ $consultant->type_of_company }}
                      </h6> --}}
                        <a href="{{ route('customer.consultant-detail', [$consultant->slug, '#sec4']) }}">
                          <h6 style="text-align: left">
                            Listed Services ({{ isset($consultant->services) ? $consultant->services->count() : 0 }})
                        </a>
                        </h6>
                        <div class="clearfix"></div>

                        <p>
                          {{ Str::limit($consultant->company_description, 100) }}
                        </p>

                        <div class="geodir-category-footer fl-wrap">
                          <a href="agent-single.html" class="gcf-company"><img
                              src="@if (isset($consultant->photo)) {{ asset('consultant/public/uploads/buyer') . '/' . $consultant->photo }} @else {{ asset('allUsers/customer/images/avatar/2.jpg') }} @endif"
                              alt="" /><span>By
                              {{ ucwords($consultant->name) }}</span></a>
                          <div class="listing-rating card-popup-rainingvis tolt" data-microtip-position="top"
                            data-tooltip="Good"
                            data-starrating2="{{ isset($consultant->ratings) ? $consultant->ratings->avg('star') : 0 }}">
                          </div>
                        </div>
                      </div>
                    </article>
                  </div>
                </div>
              @endforeach
              <!-- slick-slide-item end-->
            </div>
            <div class="swiper-button-prev lc-wbtn lc-wbtn_prev"><i class="far fa-angle-left"></i></div>
            <div class="swiper-button-next lc-wbtn lc-wbtn_next"><i class="far fa-angle-right"></i></div>
          </div>
        </div>
      </div>
    </div>
    <!-- content end -->
  @endsection