@extends('layouts.public.app')

@section('title', @$supplier['company'] . ' | Chemical Wholesale')
@section('description', 'Checkout ' . @$supplier['company'] . ' 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="row">
                <div class="col-lg-7">

                    <div class="detail-page-card">
                        <div class="detail-page-card-header">
                            Company Information
                        </div>
                        <div class="detail-page-card-body">
                            <h5 class="mb-3">Basic Information</h5>
                            {{--
                            <p>
                                Chemical Store is a specialized chemical store dedicated to providing a comprehensive
                                range of chemicals for various purposes. From industrial applications to scientific
                                research, our store caters to the diverse needs of businesses, laboratories,
                                educational institutions, and individual consumers. With a focus on quality, safety,
                                and customer satisfaction, Chemical Store is committed to being the premier destination
                                for chemical procurement.
                            </p> --}}
                            <div class="table-responsive">
                                <table class="table table-bordered mt-3 table-type1">
                                    <tr>
                                        <td>Business Type</td>
                                        <td>{{ ucfirst(@$supplier['business_type']) }}</td>
                                    </tr>
                                    <tr>
                                        <td>Country / Region</td>
                                        <td>{{ @$supplier['getAddress'][0]['city'] . ', ' . @$supplier['getAddress'][0]['getCountry']['name_en'] }}
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>Year of Establish</td>
                                        <td>{{ ucfirst(@$supplier['establish_year']) }}</td>
                                    </tr>
                                    <tr>
                                        <td>Website</td>
                                        <td>{{ @$supplier['company_url'] }}</td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                    </div>

                </div>
                <div class="col-lg-5">

                    <div class="detail-page-card">
                        <div class="detail-page-card-header">
                            Gallery
                        </div>

                        @php
                            $galleries = !empty(@$supplier->getgallery)
                                ? @$supplier->getgallery->whereNull('deleted_at')->where('section', 'gallery')
                                : '';
                        @endphp
                        <div class="detail-page-card-body">

                            @if (!empty($galleries))
                                <div class="supplier-gallery-img my-2">
                                    <div class="row g-3">
                                        @foreach ($galleries->sortBy('order_number')->values() as $key => $gallery)
                                            <div class="col-lg-3 col-4">
                                                <img src="{{ @$gallery->path }}" onclick="loadlightBox({{ $key + 1 }})"
                                                    class="img-fluid me-2" onerror="src='/assets/img/noimg.jpg'">
                                            </div>
                                        @endforeach
                                    </div>
                                    <div id="lightgallery" style="display: none">
                                        @foreach ($galleries->sortBy('order_number')->values() as $key => $gallery)
                                            <a href="{{ @$gallery->path }}">
                                                <img src="{{ @$gallery->path }}" onerror="src='/assets/img/noimg.jpg'" />
                                            </a>
                                        @endforeach
                                    </div>
                                </div>
                            @else
                                <p class="text-center fw-bold">No Galleries to show.</p>
                            @endif
                            @php
                                function getYouTubeId($url)
                                {
                                    preg_match(
                                        '/(?:youtube\.com\/(?:[^\/\n\s]+\/\S+\/|(?:v|e(?:mbed)?)\/|.*[?&]v=)|youtu\.be\/)([^&\n]{11})/',
                                        $url,
                                        $matches,
                                    );
                                    return $matches[1] ?? null;
                                }
                            @endphp

                            @if (!empty($supplier['external_gallery_url']))
                                @php
                                    $youtubeId = getYouTubeId($supplier['external_gallery_url']);
                                @endphp

                                @if ($youtubeId)
                                    <div class="youtube-player">
                                        <iframe width="100%" height="315"
                                            src="https://www.youtube.com/embed/{{ $youtubeId }}" frameborder="0"
                                            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
                                            allowfullscreen>
                                        </iframe>
                                    </div>
                                @endif
                            @endif
                            {{--
                            <iframe width="100%" height="315"
                                src="https://www.youtube.com/embed/XIGFxIATxE8?si=sXhqbIr3BVD5arcB"
                                title="YouTube video player" frameborder="0"
                                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                                referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe> --}}
                        </div>
                    </div>

                </div>
            </div>


            <div class="detail-page-card">
                <div class="detail-page-card-header">
                    Featured Products
                </div>

                <div class="detail-page-card-body">

                    <div class="product-card-container">
                        @if (count($products) > 0)
                            <div class="row">
                                @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-4 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 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">
                                                        <tr>
                                                            <td class="pe-2">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 class="product-price">
                                                                @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
                            <p class="text-center">This supplier has no products available.</p>
                        @endif
                    </div>
                </div>
            </div>

            @if (@$supplier['hide_business_address'] == 1)
                <div class="detail-page-card">
                    <div class="detail-page-card-header">
                        Warehouse Locations
                    </div>

                    <div class="detail-page-card-body pb-2">
                        @if (count(@$supplier['getAddress']) > 0)
                            <div class="table-responsive">
                                @foreach ($supplier['getAddress'] as $location)
                                    <table class="table table-bordered table-type1">
                                        <tr>
                                            <td style="width: 30%">Location Name</td>
                                            <td>{{ @$location['location_name'] }}</td>
                                        </tr>
                                        <tr>
                                            <td style="width: 30%">Factory Location</td>
                                            <td>
                                                {{ @$location['address_1'] . ' ' . @$location['address_2'] . ' ' . @$location['city'] . ' ' . @$location['state'] . ' ' . @$location['zipcode'] . ', ' . @$location['getCountry']['name_en'] }}
                                            </td>
                                        </tr>
                                        <tr>
                                            <td style="width: 30%">Business Hours</td>
                                            <td>{{ @$location['from'] . ' - ' . @$location['to'] }}</td>
                                        </tr>
                                    </table>
                                @endforeach
                            </div>
                        @else
                            <p class="text-center mb-3">No warehouse locations to show.</p>
                        @endif
                    </div>
                </div>
            @endif
            {{--
            <div class="detail-page-card d-none">
                <div class="detail-page-card-header">
                    Main Market & Products
                </div>

                <div class="detail-page-card-body pb-2">
                    <div class="table-responsive">
                        <table class="table table-type2">
                            <thead>
                                <tr>
                                    <td>#</td>
                                    <td>Main Market</td>
                                    <td>Total Revenue(%)</td>
                                    <td>Main Product</td>
                                    <td>Total Buyers</td>
                                </tr>
                            </thead>
                            <tr>
                                <td>1</td>
                                <td>Domestic Market</td>
                                <td>30.00%</td>
                                <td>ZINC SULPHATE HEPTAHYDRATE</td>
                                <td>540</td>
                            </tr>
                            <tr>
                                <td>2</td>
                                <td>Southeast Asia</td>
                                <td>17.00%</td>
                                <td>POTASSIUM SULPHATE</td>
                                <td>402</td>
                            </tr>
                            <tr>
                                <td>3</td>
                                <td>Mid East</td>
                                <td>10.00%</td>
                                <td>AMMONIUM SULPHATE</td>
                                <td>350</td>
                            </tr>
                            <tr>
                                <td>4</td>
                                <td>Africa</td>
                                <td>10.00%</td>
                                <td>Sulphate of Potash - Fertilizers</td>
                                <td>420</td>
                            </tr>
                            <tr>
                                <td>5</td>
                                <td>Domestic Market</td>
                                <td>7.00%</td>
                                <td>POTASSIUM SULPHATE GRANULAR</td>
                                <td>350</td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
            --}}
            {{--
            <div class="mt-3">
                <div class="row">
                    <div class="col-lg-4 mb-2">
                        <div class="card2 h-100">
                            <div class="card2-header">
                                Supplier Information
                            </div>
                            <div class="card2-body d-flex justify-content-center">
                                <div class="circlePercent" id="circleprogress" data-id="60">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 mb-2">
                        <div class="card2 h-100">
                            <div class="card2-header">
                                Response Time
                            </div>
                            <div class="card2-body d-flex justify-content-center">
                                <div class="mt-4">
                                    <p>Less Than</p>
                                    <h5 style="color: #63ce00;font-size: 36px;font-weight:600">1 Hr
                                    </h5>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 mb-2">
                        <div class="card2 h-100">
                            <div class="card2-header">
                                Report Seller
                            </div>
                            <div class="card2-body d-flex justify-content-center">
                                <div class="mt-0 mt-lg-4 text-center">
                                    <p class="mb-1">Have an Issue?</p>
                                    <a href="" class="btn btn-outline-danger fw-bold"
                                        style="font-size: 12px;border-width:2px">Report Now</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div> --}}
        </div>
    </div>
@endsection
@push('css')
    <link rel="stylesheet" href="/assets/css/lightgallery.css" />
@endpush
@push('js')
    <script src="/assets/js/custom.js"></script>
    <script src="/assets/js/lightgallery.js"></script>

    <script>
        lightGallery(document.getElementById("lightgallery"), {
            thumbnail: true,
            plugins: [lgThumbnail, lgVideo],
        });
    </script>
    <script>
        function loadlightBox(img_id) {
            $("#lightgallery a:nth-child(" + img_id + ") > img").trigger("click");
        }
    </script>
@endpush