@extends('customer.buyers.header')
@section('buyerProfileContent')
  <!-- wrapper  -->
  <div id="wrapper">
    <!-- dashbard-menu-wrap -->
    <div class="dashbard-menu-overlay"></div>
    @include('customer.buyers.sidebar')
    <!-- dashbard-menu-wrap end  -->
    <!-- content -->
    <div class="dashboard-content">
      <div class="dashboard-menu-btn color-bg"><span><i class="fas fa-bars"></i></span>Dasboard Menu</div>
      <div class="container dasboard-container">
        <!-- dashboard-title -->
        <div class="dashboard-title fl-wrap">
          <div class="dashboard-title-item"><span>My Queries</span></div>


        </div>
        <!-- dashboard-title end -->
        <div class="dasboard-wrapper fl-wrap">
          <div class="dasboard-widget-title fl-wrap">
            <h5><i class="fal fa-comments-alt"></i>All leads <span> ({{ $leads->count() }}) </span></h5>
            <a href="#" class="mark-btn  tolt" data-microtip-position="bottom" data-tooltip="Mark all as read"><i
                class="far fa-comment-alt-check"></i> </a>
          </div>

          <div class="dasboard-widget-box fl-wrap">
            <div class="dasboard-opt fl-wrap">
              <!-- price-opt-->
              <div class="price-opt">
                <span class="price-opt-title">Sort by:</span>
                <div class="listsearch-input-item">
                  <select data-placeholder="Lastes" class="chosen-select no-search-select">
                    <option>Lastes</option>
                    <option>Oldes</option>
                  </select>
                </div>
              </div>
              <!-- price-opt end-->
            </div>
            <div class="row">
              <!-- bookings-item -->
              @foreach ($leads as $lead)
                <div class="col-md-12">
                  <div class="bookings-item fl-wrap">
                    @if (isset($lead->service))
                      <div class="bookings-item-header fl-wrap">
                        <img
                          src="@if (isset($lead->service->photo)) {{ asset('consultant/public/uploads/buyer') . '/' . $lead->service->photo }} @else {{ asset('allUsers/customer/images/all/2.jpg') }} @endif" />
                        <h4>For <a href="{{ route('customer.service-detail', $lead->service->id) }}"
                            target="_blank">{{ ucwords(@$lead->service->name) }}</a></h4>
                        <span class="new-bookmark">
                          @if ($lead->status === 1)
                            New
                          @endif
                        </span>
                      </div>
                    @else
                      <div class="bookings-item-header fl-wrap">
                        <img
                          src="@if (isset($lead->consultant->photo)) {{ asset('consultant/public/uploads/buyer') . '/' . $lead->consultant->photo }} @else {{ asset('allUsers/customer/images/all/2.jpg') }} @endif" />
                        <h4>For <a
                            href="{{ route('customer.consultant-detail', [$lead->consultant->id, Str::slug($lead->consultant->company_name)]) }}"
                            target="_blank">{{ ucwords(@$lead->consultant->company_name) }}</a></h4>
                        <span class="new-bookmark">
                          @if ($lead->status === 1)
                            New
                          @endif
                        </span>
                      </div>
                    @endif
                    <div class="bookings-item-content fl-wrap">
                      <ul>
                        <li>Name: <span>{{ ucwords($lead->name) }}</span></li>
                        <li>Phone: <span>{{ $lead->phone }}</span></li>
                        <li>Email: <span>{{ $lead->email }}</span></li>
                        <li>Date: <span>{{ $lead->created_at->format('d M, Y') }}</span></li>
                        <li>Time: <span>{{ $lead->created_at->format('H:i A') }}</span></li>
                      </ul>
                      <p>
                        {{ $lead->message }}
                      </p>
                    </div>
                    <div class="bookings-item-footer fl-wrap">
                      <span class="message-date">{{ $lead->created_at->diffForHumans() }}</span>
                      <ul>
                        <li><a href="mailto:{{ $lead->email }}" class="tolt" data-microtip-position="top-left" data-tooltip="Write"><i
                              class="far fa-envelope"></i></a></li>
                        <li><a href="tel:{{ $lead->phone }}" class="tolt" data-microtip-position="top-left" data-tooltip="Call"><i
                              class="far fa-phone"></i></a></li>
                        {{-- <li><a href="#" class="tolt" data-microtip-position="top-left" data-tooltip="Delete"><i
                              class="far fa-trash"></i></a></li> --}}
                      </ul>
                    </div>
                  </div>
                </div>
              @endforeach

              <!--bookings-item end-->

            </div>
          </div>
          <!-- pagination-->
          {{ $leads->links('vendor.pagination.custom') }}
          <!-- pagination end-->
        </div>
      </div>
    @endsection