@extends('dashboard.layouts.master')
@section('title', 'Product Details')

@section('content')
<div class="row">
    <div class="card">
        <div class="card-header d-flex justify-content-between align-items-center">
            <h2 class="card-title mb-0">{{ $product->title }} Details</h2>
            <div class="d-flex align-items-center gap-2">
                <div class="bg-light border rounded px-3 py-2 text-center">
                    <small class="text-muted">Total Stock</small><br>
                    <span class="fw-bold fs-5 text-success">{{ $totalStock }}</span>
                </div>
                <a href="{{ route('dashboard.stocks.create') }}?product_id={{ $product->id }}" class="btn btn-sm btn-primary me-2">
                    <i class="bi bi-plus-circle"></i> Add Stock
                </a>
                <a href="{{ route('dashboard.stocks.index', ['product_id' => $product->id]) }}" class="btn btn-sm btn-info">
                    <i class="bi bi-clock-history"></i> View Stock History
                </a>
                <a href="{{ route('dashboard.productReviews.index', ['product_id' => $product->id]) }}" class="btn btn-sm btn-warning">
                    <i class="bi bi-star"></i> View Product Reviews
                </a>
                <a href="{{ route('dashboard.products.index') }}" class="btn btn-sm btn-secondary">
                    <i class="bi bi-arrow-left"></i> Back to List
                </a>
            </div>
        </div>

        <div class="card-body">
            <div class="row">
                <div class="col-md-4 mb-3">
                    <img src="{{ asset('storage/' . $product->thumbnail) }}" alt="Product Thumbnail" class="img-fluid rounded object-fit-cover" style="width: 80%; margin-left: 10%;">
                    <hr>
                    @if($product->banner_image)
                        <h4>Banner Image</h4>
                        <img src="{{ asset('storage/' . $product->banner_image) }}" alt="Banner Image" class="img-fluid rounded object-fit-cover">
                    @endif
                </div>
                <div class="col-md-8">
                    <p><strong>Product Name:</strong> {{ $product->title }}</p>
                    <p><strong>Sub Title:</strong> {{ $product->sub_title ?? 'N/A' }}</p>
                    <p><strong>Categories:</strong>
                        @if($product->categories->count())
                            @foreach($product->categories as $category)
                                {{ $category->name }}@if(!$loop->last), @endif
                            @endforeach
                        @else
                            N/A
                        @endif
                    </p>
                    <p><strong>Category:</strong> {{ $product->category->name ?? 'N/A' }}</p>
                    <p><strong>Display Price:</strong> Rs. {{ $product->display_price ?? 'N/A' }}</p>
                    <p><strong>Selling Price:</strong> Rs. {{ $product->selling_price ?? 'N/A' }}</p>
                    <p><strong>Cost Price:</strong> Rs. {{ $product->cost_price ?? 'N/A' }}</p>
                    <p><strong>Weight:</strong> {{ $product->weight ?? 'N/A' }}</p>
                    <p><strong>Description:</strong>
                        {!! $product->description ?? 'N/A' !!}
                    </p>
                    <p><strong>Summary:</strong> {{ $product->summary ?? 'N/A' }}</p>
                    <p><strong>Meta Title:</strong> {{ $product->meta_title ?? 'N/A' }}</p>
                    <p><strong>Meta Description:</strong> {{ $product->meta_description ?? 'N/A' }}</p>
                    <p><strong>Meta Keywords:</strong>
                        @if(is_array($product->meta_keywords))
                            {{ implode(', ', $product->meta_keywords) }}
                        @else
                            {{ $product->meta_keywords ?? 'N/A' }}
                        @endif
                    </p>
                    <p><strong>Created At:</strong> {{ $product->created_at->format('d M, Y h:i A') }}</p>
                </div>
            </div>

            <hr>

            <h4 class="mt-3">Product Images ({{ $product->images->count() }})</h4>
            <div class="row">
                @livewire('product-image', ['product' => $product])
            </div>
        </div>

        <div class="card-footer">
            @can('update-products')
                <a href="{{ route('dashboard.products.edit', $product->id) }}" class="btn btn-warning me-2">Edit</a>
            @endcan
            @can('delete-products')
                <form action="{{ route('dashboard.products.destroy', $product->id) }}" method="POST" class="d-inline-block">
                    @csrf
                    @method('DELETE')
                    <button type="submit" class="btn btn-danger delete_confirmation">Delete</button>
                </form>
            @endcan
            @can('view-products')
                <a href="{{ route('dashboard.products.index') }}" class="btn btn-info">View All Products</a>
            @endcan
        </div>
    </div>
</div>
@endsection