@extends('layouts.public.app')

@php
    $images = @$product->getimages ? @$product->getimages->groupby('section') : '';
@endphp

@section('title', 'Rate and Review ' . @$product['name'] . ' | Chemical Wholesale')
@section('description', @$product['description'] ?: 'See ' . @$product['name'] . ' from Chemical Wholesale')
@section('keywords', @$product['name'] ?: 'Chemical Wholesale')
@section('metaimage', !empty($images['mainimage']) ? @$images['mainimage']->first()->path : asset('img/logo-lg2.png'))

@section('content')
    <div class="greybg">
        <div class="search-keywords">
            <div class="container-fluid">
                <p class="search-keywords-text">Product Rating and Review
                </p>
            </div>
        </div>
        <div class="mt-3 pb-4">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-lg-4 d-none d-lg-block">

                        <div class="product-card">
                            <div class="img-container">
                                <img src="{{ !empty($images['mainimage']) ? @$images['mainimage']->first()->path : '' }}"
                                    alt="product image" class="img-fluid" onerror="src='/assets/img/noimg.jpg'"
                                    style="height: 230px">
                            </div>
                            <div class="product-details">
                                <div class="title">{{ @$product['name'] }}</div>
                                <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 mb-0">
                                    <p>Supplied by <a
                                            href="{{ route('public.supplier.profile', $product['business_id']) }}">{{ @$product->getbusiness->company ?: 'N.A' }}</a>
                                    </p>
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="col-lg-8">
                        <div class="card">
                            <div class="card-header fw-bold">
                                {{ @$review ? 'Edit' : 'Add' }} Review
                            </div>
                            <div class="card-body">
                                <form action="{{ route('public.product_add_review', $product['uuid']) }}" method="POST">
                                    @csrf
                                    <div class="row">
                                        <div class="col-lg-12 add-review">
                                            <div class="product-item p-2">
                                                <img src="{{ !empty($images['mainimage']) ? @$images['mainimage']->first()->path : '' }}"
                                                    alt="img" onerror="src='/assets/img/noimg.jpg'">
                                                <div class="product-item-info">
                                                    <h6 class="productname">
                                                        <a href="{{ route('public.product', $product['id']) }}"
                                                            class="text-dark">{{ $product['name'] }}</a>
                                                    </h6>
                                                    <p class="productdesc">
                                                        {{ $product['description'] }}
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-12">
                                            <div class="mb-1">
                                                <label class="form-label">Rating</label>
                                                <input id="rating" name="rating" class="rating rating-loading"
                                                    data-min="0" data-max="5" data-step="1" required
                                                    value="{{ @$review['rating'] }}">
                                            </div>
                                        </div>
                                        <div class="col-lg-12">
                                            <div class="mb-3">
                                                <label class="form-label">Review</label>
                                                <textarea name="review" id="" cols="30" rows="5" class="form-control cw-input">{{ @$review['review'] }}</textarea>
                                            </div>
                                        </div>
                                        <div class="col-lg-12">
                                            <div class="mb-3 d-flex align-items-center">
                                                <button type="submit" class="btn-viewall d-block" id="addReview">Save</button>
                                                <a href="{{ route('public.product', @$product['id']) }}"
                                                    class="text-muted ms-2">
                                                    Cancel
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
@endsection
@push('css')
    <link rel="stylesheet" href="{{ asset('assets/css/star-rating.css') }}" />
@endpush
@push('js')
    <script src="{{ asset('assets/js/star-rating.js') }}" data-rel-js></script>

    <script>
        $("#rating").rating({
            clearButton: ''
        });
    </script>
    <script>
        $('form').submit(function(e) {
            var submitBtn = $('#addReview');
            submitBtn.html('<span class="spinner me-2"></span>Saving');
            setTimeout(function() {
                submitBtn.removeAttr('disabled');
                submitBtn.html('Save');
            }, 1000);
        });
    </script>
@endpush