@extends('layouts.app')
@section('title',$product->product_name)
@section('content')<div class="nc-grid"><div class="nc-card nc-product"><img src="{{ \App\Services\MediaService::url($product->product_thumb,'admin/images/products') }}" alt="{{ $product->product_name }}"><div class="nc-gallery">@foreach(array_filter(explode(',',$product->product_gallery ?? '')) as $image)<a href="{{ \App\Services\MediaService::url(trim($image),'admin/images/products') }}"><img src="{{ \App\Services\MediaService::url(trim($image),'admin/images/products') }}" alt="{{ $product->product_name }} gallery"></a>@endforeach</div></div>
<div class="nc-card"><h1>{{ $product->product_name }}</h1><p class="nc-price">₹{{ number_format($product->product_rate,2) }}</p><p style="white-space:pre-line">{{ $product->product_description }}</p>
@if($product->product_videolink && preg_match('/^https?:\/\//i',$product->product_videolink))<a href="{{ $product->product_videolink }}" target="_blank" rel="noopener">Watch product video</a>@endif
@if($product->product_stock > 0)<form method="post">@csrf<x-field name="quantity" type="number" value="1" min="1" :max="$product->product_stock"/><button name="add_to_cart" value="1">Buy now</button></form>@else<p>Currently out of stock.</p>@endif</div></div>
<section class="nc-card"><h2>Customer reviews ({{ $reviews->count() }})</h2>@forelse($reviews as $review)<p><strong>{{ $review->customer_name }}</strong> · {{ $review->product_rating }}/5</p><p>{{ $review->product_review }}</p>@empty<p>No reviews yet.</p>@endforelse</section>@auth('customer')
<section class="nc-card"><h2>Review your feedback</h2><form method="post">@csrf
<x-field name="rating" label="Rating" :options="[5=>'5 stars',4=>'4 stars',3=>'3 stars',2=>'2 stars',1=>'1 star']"/>
<label for="comment">Your review</label><textarea id="comment" name="comment" required maxlength="5000">{{ old('comment') }}</textarea><button>Submit review</button></form></section>
@else
<p><a href="{{ route('customer.login', ['redirect'=>'product.php?id='.$product->product_id]) }}">Sign in to leave a review.</a></p>
@endauth
@endsection