@extends('layouts.public.app')

@section('title', @$supplier['company'] . ' Products | Chemical Wholesale')
@section('description', 'Checkout ' . @$supplier['company'] . ' Products on Chemical Wholesale')
@section('keywords', @$supplier['company'] ?: 'Chemical Wholesale')
@section('metaimage', @$supplier['getLogo']['path'] ? asset(@$supplier['getLogo']['path']) : asset('img/logo-lg2.png'))

@section('content')
    <div class="greybg pb-4">

        @include('public.supplier.supplier-page-header')

        <div class="container-fluid">

            <div class="search-filter-results mt-3">
                <div class="row">
                    <div class="col-lg-3 d-none">
                    </div>
                    <div class="col-lg-12">

                        <div class="product-card-container mb-4">
                            @if (count($products) > 0)
                                <div class="row g-3">

                                    @foreach ($products as $product)
                                        @php
                                            $images = @$product->getimages
                                                ? @$product->getimages->groupby('section')
                                                : '';
                                            $averageRating = @$product->getreviews->avg('rating');
                                            $filledStars = (int) $averageRating;
                                            $halfStar = $averageRating - $filledStars >= 0.5;
                                        @endphp
                                        <div class="col-xl-3 col-lg-3 col-md-6">
                                            <div class="product-card">
                                                <div class="img-container">
                                                    {{--
                                                    <div class="review badge bg-primary">
                                                        4.0 <i class="bi bi-star-fill small ms-1"></i>
                                                    </div> --}}
                                                    <a
                                                        href="{{ route('public.product', ['seller' => trim(preg_replace('/[^a-z0-9]+/', '-', strtolower($product['getBusiness']['company'] ?: 'product'))), 'id' => @$product['slug']]) }}">
                                                        <img src="{{ !empty($images['mainimage']) ? @$images['mainimage']->first()->path : '' }}"
                                                            alt="product image" class="img-fluid"
                                                            onerror="src='/assets/img/noimg.jpg'">
                                                    </a>
                                                </div>
                                                <div class="product-details">
                                                    <a href="{{ route('public.product', ['seller' => trim(preg_replace('/[^a-z0-9]+/', '-', strtolower($product['getBusiness']['company'] ?: 'product'))), 'id' => @$product['slug']]) }}"
                                                        class="text-black">
                                                        <div class="title-container">
                                                            <p class="subtitle">
                                                                @if (count($product['assignedCategory']) > 0)
                                                                    Category:
                                                                    @foreach ($product['assignedCategory'] as $productCategory)
                                                                        <span class="badge bg-secondary">
                                                                            {{ $productCategory['getCategory']['name'] }}</span>
                                                                    @endforeach |
                                                                @endif
                                                                Rating:
                                                                <span class="star-rating ms-2">
                                                                    @for ($i = 1; $i <= 5; $i++)
                                                                        @if ($i <= $filledStars)
                                                                            <i class="bi bi-star-fill"></i>
                                                                        @elseif ($i == $filledStars + 1 && $halfStar)
                                                                            <i class="bi bi-star-half"></i>
                                                                        @else
                                                                            <i class="bi bi-star"></i>
                                                                        @endif
                                                                    @endfor
                                                                </span>
                                                                ({{ count(@$product->getreviews) }})
                                                            </p>
                                                            <div class="title">
                                                                {{ @$product['name'] }}
                                                            </div>
                                                        </div>
                                                    </a>
                                                    <div class="product-info">
                                                        <table class="product-info-table" style="width:100%">
                                                            <tr>
                                                                <td>Product SKU:</td>
                                                                <td>{{ @$product['product_sku'] }}</td>
                                                            </tr>
                                                            <tr>
                                                                <td>Packaging:</td>
                                                                <td>
                                                                    @if (!empty($product) && @$product->getpackage->count())
                                                                        @foreach ($product->getpackage as $package)
                                                                            @if ($loop->first)
                                                                                {{ ucfirst(@$package->packaging_type) }}
                                                                            @endif
                                                                        @endforeach
                                                                    @endif
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td>MOQ:</td>
                                                                <td>
                                                                    @if (!empty($product) && @$product->getpackage->count())
                                                                        @foreach ($product->getpackage as $package)
                                                                            @if ($loop->first)
                                                                                {{ ucfirst(@$package->min_quantity) }}
                                                                            @endif
                                                                        @endforeach
                                                                    @endif
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td>Price:</td>
                                                                <td>
                                                                    @if (!empty($product) && @$product->getpackage->count())
                                                                        @foreach ($product->getpackage as $package)
                                                                            @if ($loop->first)
                                                                                ${{ number_format(@$package->price, 2) }}
                                                                            @endif
                                                                        @endforeach
                                                                    @endif
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </div>
                                                    <div class="supplier-info my-3 d-flex justify-content-between">
                                                        <div class="supplier-detail">
                                                            <p class="title">
                                                                {{ @$product->getbusiness->company ?: 'N.A' }}
                                                                @if (@$product->getbusiness->verified == '1')
                                                                    <img src="/assets/img/icons/verified.png"
                                                                        style="height:20px" class="ms-1">
                                                                @endif
                                                            </p>
                                                            @php
                                                                $supplierRatingCount = @$product->getbusiness->getSupplierRating->count();
                                                                $supplieraverageRating = @$product->getbusiness->getSupplierRating->avg(
                                                                    'rating',
                                                                );
                                                            @endphp
                                                            <p class="supplier-text">
                                                                @php
                                                                    $product_location =
                                                                        @$product->getavailability->getwarehouse
                                                                            ->getcountry->name_en ?:
                                                                        @$product->getavailability->getcountry->name_en;
                                                                @endphp
                                                                From
                                                                <strong>{{ $product_location ? ' ' . $product_location : 'N.A' }}</strong>
                                                                @if ($supplierRatingCount > 0)
                                                                    |
                                                                    Rating:
                                                                    {{ number_format(@$supplieraverageRating, 1) ?: '0.0' }}/5.0
                                                                    ({{ @$supplierRatingCount ?: 0 }} Reviews)
                                                                @endif
                                                            </p>
                                                        </div>
                                                    </div>
                                                    <a href="{{ route('public.product', ['seller' => trim(preg_replace('/[^a-z0-9]+/', '-', strtolower($product['getBusiness']['company'] ?: 'product'))), 'id' => @$product['slug']]) }}"
                                                        class="btn-product-card w-100">View
                                                        Details</a>
                                                </div>
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                            @else
                                <div class="card">
                                    <div class="card-body">
                                        <div class="d-flex justify-content-center p-4">
                                            <div class="text-center">
                                                <h5 class="fw-bold py-3"> No products show</h5>
                                                <a href="{{ route('public.search_keyword', 'all') }}"
                                                    class="btn-viewall btn-sm">
                                                    <i class="bi bi-search me-3"></i> Search products
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endif

                        </div>

                    </div>
                </div>
            </div>

        </div>
    </div>
@endsection
@push('css')
@endpush
@push('js')
    @auth
        <script>
            $(".chat-button").on("click", function() {
                var pid = $(this).attr("data-pid");
                var bid = $(this).attr("data-bid");
                $('#product_id').val(pid);
                $('#business_id').val(bid);
                $('#chat_id').val($(this).attr("chat_id"));
                $('#chatname').html($(this).attr("data-chatname"));
            });
        </script>
        @include('public.chat')
    @endauth
@endpush