@extends('user::layouts.master')
@section('breadcrumb_title', 'Product Details')

@section('content')
    <div class="flex justify-between items-center mb-4">
        <h1>{{ $product->title }}</h1>
        <div class="flex gap-2">
            <a href="{{ route('author.product.edit', $product->id) }}" class="btn btn-primary">
                <i class="fas fa-edit"></i> Edit
            </a>
            <a href="{{ route('author.product.index') }}" class="btn btn-primary btn-black">
                <i class="fas fa-arrow-left"></i> Back to Products
            </a>
        </div>
    </div>

    <div class="card mb-4">
        <h5 class="text-lg font-semibold mb-4">Product Details</h5>

        <div class="grid grid-cols-1 md:grid-cols-3 gap-4 mb-4">
            <div class="md:col-span-1">
                @if ($product->getFirstMediaUrl('featured'))
                    <img src="{{ $product->getFirstMediaUrl('featured') }}" class="max-w-full h-auto rounded"
                        alt="{{ $product->title }}">
                @else
                    <div class="bg-gray-100 rounded p-3 text-center">
                        <i class="fas fa-image fa-3x text-gray-400"></i>
                        <p class="mt-2 text-gray-500">No featured image</p>
                    </div>
                @endif
            </div>
            <div class="md:col-span-2">
                <h2 class="mb-3">{{ $product->title }}</h2>
                <p class="mb-3">
                    <span
                        class="px-2 py-1 rounded text-white text-sm bg-{{ $product->status === 'published' ? 'green-600' : ($product->status === 'draft' ? 'gray-600' : 'blue-600') }}">
                        {{ ucfirst($product->status) }}
                    </span>
                    @if ($product->getMeta('is_featured') == 1)
                        <span class="px-2 py-1 rounded text-white text-sm bg-gray-600">
                            Featured
                        </span>
                    @endif
                </p>

                <div class="mb-3">
                    <strong>URL Slug:</strong> {{ $product->slug }}
                </div>

                <div class="mb-3">
                    <strong>SKU:</strong> {{ $product->getMeta('sku') ?: 'N/A' }}
                </div>

                <div class="mb-3">
                    <strong>Price:</strong>
                    {!! $product->getDisplayPrice() !!}
                </div>

                <div class="mb-3">
                    <strong>Stock:</strong>
                    @if ($product->getMeta('manage_stock') == true)
                        {{ $product->getMeta('stock_quantity') ?? 0 }} units
                    @else
                        {{ ucfirst($product->getMeta('stock_status', 'instock')) }}
                    @endif
                </div>

                <div class="mb-3">
                    <strong>Created:</strong> {{ customDateTimeFormate($product->created_at) }}
                </div>

                @if ($product->published_at)
                    <div class="mb-3">
                        <strong>Published:</strong> {{ customDateTimeFormate($product->published_at) }}
                    </div>
                @endif

            </div>
        </div>

        <div class="mb-4">
            <h3 class="font-semibold">Short Description</h4>
                <p>{!! $product->excerpt ?: 'No short description provided.' !!}</p>
        </div>

        <div class="mb-4">
            <h3 class="font-semibold">Full Description</h3>
            <div>
                {!! $product->content ?: 'No description provided.' !!}
            </div>
        </div>
    </div>

    @if ($product->getMedia('gallery')->count() > 0)
        <div class="card mb-4">
            <h5 class="text-lg font-semibold mb-4">Product Gallery</h5>
            <div class="grid grid-cols-2 lg:grid-cols-5 gap-5">
                @foreach ($product->getMedia('gallery') as $media)
                    <a href="{{ $media->getUrl() }}" target="_blank">
                        <img src="{{ $media->getUrl('thumb') }}" class="w-full h-auto rounded" alt="Gallery image">
                    </a>
                @endforeach
            </div>
        </div>
    @endif

    @if ($product->reviews?->count() > 0)
        <div class="card mb-4">
            <h5 class="text-lg font-semibold mb-4">Reviews</h5>
            @foreach ($product->reviews as $review)
                <div class="mb-5">
                    <div class="flex items-center mb-2">
                        <div>
                            <div class="mb-2">
                                {{ renderImageInfo($review->user->getFirstMediaUrl('avatar'), $review->user->name, $review->user->email) }}
                            </div>
                            @if ($review->ratting)
                                <div class="text-yellow-500 ratting">
                                    @for ($i = 1; $i <= 5; $i++)
                                        @if ($i <= $review->ratting)
                                            <i class="fas fa-star active"></i>
                                        @else
                                            <i class="far fa-star"></i>
                                        @endif
                                    @endfor
                                </div>
                            @endif
                        </div>
                    </div>
                    <p class="mb-0">Review: {{ $review->content }}</p>
                </div>
            @endforeach
        </div>
    @endif

    <div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-4">

        <div class="card">
            <h5 class="text-lg font-semibold mb-2">Categories</h5>
            <div>
                @if ($product->categories?->count() > 0)
                    <ul class="divide-y">
                        @foreach ($product->categories as $category)
                            <li class="py-2 border-gray-200">{{ $category->name }}</li>
                        @endforeach
                    </ul>
                @else
                    <p class="text-gray-500">No categories assigned</p>
                @endif
            </div>
        </div>
        <div class="card">
            <h5 class="text-lg font-semibold mb-2">Tags</h5>
            <div>
                @if ($product->tags?->count() > 0)
                    <ul class="divide-y">
                        @foreach ($product->tags as $tag)
                            <li class="py-2 border-gray-200">{{ $tag->name }}</li>
                        @endforeach
                    </ul>
                @else
                    <p class="text-gray-500">No tags assigned</p>
                @endif
            </div>
        </div>
        <div class="card">
            <h5 class="text-lg font-semibold mb-2">Brand</h5>
            <div>
                @if ($product->brands?->count() > 0)
                    <ul class="divide-y ">
                        @foreach ($product->brands as $brad)
                            <li class="py-2 border-gray-200">{{ $brad->name }}</li>
                        @endforeach
                    </ul>
                @else
                    <p class="text-gray-500">No Brand assigned</p>
                @endif
            </div>
        </div>
    </div>

    <div class="grid grid-cols-1 md:grid-cols-2 gap-6">

        <div class="card">
            <h5 class="text-lg font-semibold mb-2">Shipping Information</h5>
            <div>
                <ul class="divide-y">
                    <li class="flex justify-between py-2 border-gray-200">
                        <span>Weight:</span>
                        <span>{{ $product->getMeta('weight') ? $product->getMeta('weight') . ' kg' : 'N/A' }}</span>
                    </li>
                    <li class="flex justify-between py-2 border-gray-200">
                        <span>Dimensions (L × W × H):</span>
                        <span>
                            @if (isset($product->getMeta('dimensions')['length']) ||
                                    isset($product->getMeta('dimensions')['width']) ||
                                    isset($product->getMeta('dimensions')['height']))
                                {{ $product->getMeta('dimensions')['length'] ?? 0 }} ×
                                {{ $product->getMeta('dimensions')['width'] ?? 0 }} ×
                                {{ $product->getMeta('dimensions')['height'] ?? 0 }} cm
                            @else
                                N/A
                            @endif
                        </span>
                    </li>
                </ul>
            </div>
        </div>

        <div class="card">
            <h5 class="text-lg font-semibold mb-2">SEO Information</h5>

            <div class="mb-3">
                <strong>Meta Title:</strong>
                <p>{{ $product->getSeoMeta('title') ?: $product->title }}</p>
            </div>

            <div class="mb-3">
                <strong>Meta Description:</strong>
                <p>{{ $product->getSeoMeta('description') ?: ($product->excerpt ?: 'No meta description provided.') }}
                </p>
            </div>

            <div>
                <strong>Meta Keywords:</strong>
                <p>{{ $product->getSeoMeta('keywords') ?: 'No keywords provided.' }}</p>
            </div>
        </div>
    </div>
@endsection