@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 Services</span></div>

        </div>
        <!-- dashboard-title end -->
        <div class="dasboard-wrapper fl-wrap">
          <div class="dasboard-listing-box fl-wrap">
            <div class="dasboard-opt sl-opt fl-wrap">
              <a href="{{ route('buyer.service.create') }}" class="gradient-bg dashboard-addnew_btn">Add New Services<i
                  class="fal fa-plus"></i></a>
            </div>
            <!-- dashboard-listings-wrap-->
            <div class="dashboard-listings-wrap fl-wrap">
              <div class="listing-item-container  box-list_ic fl-wrap">
                <!-- listing-item -->
                @foreach ($services as $service)
                  <form id="service-destroy{{ $service->id }}" method="post"
                    action="{{ route('buyer.service.destroy', $service->id) }}">
                    @csrf
                    @method('DELETE')
                  </form>
                  <div class="listing-item has_one_column" style="">
                    <article class="geodir-category-listing fl-wrap">
                      <div class="geodir-category-img fl-wrap">
                        <a href="{{ route('customer.service-detail', $service->id) }}" class="geodir-category-img_item">
                          <img src="@if (isset($service->photo)) {{ asset('consultant/public/uploads/buyer') . '/' . $service->photo }} @else {{ asset('allUsers/customer/images/all/3.jpg') }}@endif" alt="">
                          <div class="overlay"></div>
                        </a>

                        <a href="#" class="geodir_save-btn tolt" data-microtip-position="left"
                          data-tooltip="Save"><span><i class="fal fa-heart"></i></span></a>
                      </div>
                      <div class="geodir-category-content fl-wrap">
                        <h3 class="title-sin_item">
                          <a href="{{ route('customer.service-detail', $service->id) }}">{{ ucwords($service->name) }}</a>
                          <a href="{{ route('buyer.service.edit', $service->id) }}" title="edit"><i
                              class="fa fa-pencil"></i></a>
                          <a href="{{ route('customer.service-detail', $service->id) }}"
                            onclick="document.querySelector(`#service-destroy{{ $service->id }}`).submit()"
                            title="Delete"><i class="fa fa-trash"></i></a>
                        </h3>
                        <div class="geodir-category-content_price">{{ @$service->category->category_name }}</div>
                        <h6 style="text-align:left">Cost : ₹ {{ number_format($service->cost, 2) }} </h6>
                        <p>
                          {{ Str::limit($service->description, 200) }}
                        </p>
                        <div class="col-sm-12 geodir-category_tags">
                          <div class="row">
                            @if ($service->tags)
                              @foreach ($service->tags as $tag)
                                <a href="{{ route('customer.service-detail', $service->id) }}" 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($service->user->photo)) {{ asset('consultant/public/uploads/buyer') . '/' . $service->user->photo }} @else images/avatar/2.jpg @endif"
                              alt=""><span>By
                              {{ ucwords($service->user->name) }}</span></a>
                          <div class="listing-rating card-popup-rainingvis tolt" data-microtip-position="top"
                            data-tooltip="Good"><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>
                        </div>
                      </div>
                    </article>
                  </div>
                @endforeach
                <!-- listing-item end-->
              </div>
            </div>
            <!-- dashboard-listings-wrap end-->
          </div>
        </div>
      </div>
    @endsection