@use('app\Helpers\Helpers')
@use('App\Enums\FrontEnum')
@extends('frontend.layout.master')

@section('title', __('frontend::static.servicePackages.servicePackages'))

@section('breadcrumb')
<nav class="breadcrumb breadcrumb-icon">
  <a class="breadcrumb-item" href="{{url('/')}}"><i class="iconsax" icon-name="home-2"></i> {{ __('frontend::static.servicePackages.home')}}</a>
  <span class="breadcrumb-item active">{{ __('frontend::static.servicePackages.servicePackages')}}</span>
</nav>
@endsection

@section('content')
<!-- Service Packages List Section Start -->
<section class="service-package-section section-b-space">
  <div class="container-fluid-lg">
    <div class="service-package-content">
      <div class="row g-sm-4 g-3 row-cols-xxl-4 row-cols-lg-3 row-cols-sm-2 row-cols-1">
        @forelse ($servicePackages as $servicePackage)
        @php
            $locale =  app()->getLocale();
            $mediaItems = $servicePackage->getMedia('image')->filter(function ($media) use ($locale) {
                return $media->getCustomProperty('language') === $locale;
            });
            $mediacoverImageItem = $servicePackage->getMedia('cover_image')->filter(function ($media) use ($locale) {
                return $media->getCustomProperty('language') === $locale;
            });
            $imageUrl = $mediaItems->count() > 0  ? $mediaItems->first()->getUrl() : FrontEnum::getPlaceholderImageUrl();
            $coverImageUrl = $mediacoverImageItem->count() > 0  ? $mediacoverImageItem->first()->getUrl() : FrontEnum::getPlaceholderImageUrl();
        @endphp
        <div class="col">
          <a href="{{ route('frontend.service-package.details', $servicePackage?->slug) }}" class="service-package-box">
            <div class="service-image">
              <img src="{{ Helpers::isFileExistsFromURL($coverImageUrl, true) }}" class="img-fluid" alt="">
            </div>
            <div class="service-detail">
              <div class="service-icon">
                <img src="{{ Helpers::isFileExistsFromURL($imageUrl, true) }}"
                  alt="{{ $servicePackage?->services?->first()?->categories?->first()?->name }}"
                  class="img-fluid">
              </div>
              <div>
                <h3>{{ $servicePackage?->title }}</h3>
                <div class="price">
                  @php
                    $salePrice = Helpers::getServicePackageSalePrice($servicePackage?->id);
                  @endphp
                  <span>{{ Helpers::getDefaultCurrencySymbol() }}{{ Helpers::covertDefaultExchangeRate($salePrice) }}</span>
                  {{-- <span>
                    <i class="iconsax" icon-name="arrow-right"></i>
                  </span> --}}
                </div>
              </div>
            </div>
          </a>
        </div>
        @empty
        <div class="no-data-found">
          <img class="img-fluid no-data-img" src="{{ asset('frontend/images/no-data.svg')}}" alt="">
          <p>{{ __('frontend::static.servicePackages.not_found')}}</p>
        </div>
        @endforelse
      </div>
    </div>
    @if($servicePackages ?? [])
    @if($servicePackages?->lastPage() > 1)
    <div class="pagination-main pt-0 ">
      <ul class="pagination-box">
        {!! $servicePackages->links() !!}
      </ul>
    </div>
    @endif
    @endif
</section>
<!-- Service Package List Section End -->
@endsection