@extends('template.layouts.template-base')
@section('title', 'Product Details')

@section('styles')
   <script src="https://cdn.ckeditor.com/4.21.0/standard/ckeditor.js"></script>
    <script>
        CKEDITOR.config.removePlugins = 'notification,notificationaggregator';
    </script>
<style>
  .page-content{
    background-color:#F0F4F8!important;
    padding: 80px 10px;
  }
</style>
@endsection

@section('content')
   <div class="container-fluid product-detail">
        <div class="page-header">
        <div class="container-fluid">
            <div class="row align-items-center">
                <div class="col">
                    <div class="page-title">
                        <a  href="{{ route('backend.products.index') }}">  Product Management / <span class="breadcrumb-link">Product Details</span></a>
                    </div>
                </div>
                <div class="col-auto cate-top-btns">
                    <div class=" action-buttons">
                        <a class="btn-add-category" href="{{ route('backend.products.edit', $product->id) }}">
                            Edit Product
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
      <!-- Product Header -->
    <div class="product-header">
        <div class="prod-category-row">
          <img src="{{ asset($product->thumbnail_image) }}" alt="{{ $product->product_name_en }}" class="category-image">

          <div class="prod-category-info">
            <div class="prod-category-title">{{ $product->product_name_en }}</div>
            @if($product->product_name_tamil)
            /<div class="prod-category-title">{{ $product->product_name_tamil }}</div>
            @endif
            <div class="prod-category-tags">
                @foreach($product->categories as $PCategory)
                    <span>{{ $PCategory->category_name_en }}</span>
                @endforeach

            </div>
          </div>
        </div>
        <div class="status-badges">
          <span class="badge badge-orange">Total Orders - 20</span>
          <span class="badge badge-blue">Total Stock - 36</span>
        </div>
    </div>

      <!-- Product Info Grid -->
    <div class="info-grid">
        <div class="info-item">
          <span class="info-label">Product Categories</span>
          <span class="info-value">{{ $product->categories->pluck('category_name_en')->implode(', ') }}</span>
        </div>
        <div class="info-item">
            <span class="info-label">Product Animal Types</span>
            <span class="info-value">{{ $product->animalTypes->pluck('name_en')->implode(', ') }}</span>
        </div>
        <div class="info-item">
          <span class="info-label">Product Tag</span>
          <span class="tag-badge">{{ $product->tags->pluck('name_en')->implode(', ') }}</span>
        </div>
        <div class="info-item">
          <span class="info-label">Product Status</span>
            <span class="tag-badge">
                @if($product->status == 1)
                    Active
                @else
                    Inactive
                @endif
            </span>
        </div>
    </div>
    <div class="info-grid">
        <div class="info-item">
          <span class="info-label">HSN Code</span>
          <span class="info-value">{{ $product->hsn_code ?? ''}}</span>
        </div>
        <div class="info-item">
          <span class="info-label">GST</span>
          <span class="info-value">{{ $product->gst_percentage }}</span>
        </div>
         <div class="info-item">
          <span class="info-label">Price 1 Kg</span>
          <span class="info-value">{{ $product->per_kg_price }}</span>
        </div>
        @if($product->productDiscount)
            <div class="info-item">
                <span class="info-label">Is Discount Applied</span>
                <span class="info-value">
                    @if($product->productDiscount->is_discount_applied  === 'yes')
                        Yes
                    @else
                        No
                    @endif
                </span>
            </div>
        @endif
    </div>
    @if($product->productDiscount)
        <div class="info-grid">


            <div class="info-item">
                <span class="info-label">Discount Type</span>
                <span class="info-value">{{ $product->productDiscount->discount_type ?? ''}}</span>
            </div>
            <div class="info-item">
                <span class="info-label">Discount Amount</span>
                <span class="info-value">{{ $product->productDiscount->discount_amount ?? ''}}</span>
            </div>
            <div class="info-item">
                <span class="info-label">Discount Validity</span>
                <span class="info-value">{{ $product->productDiscount->discount_validity ?? ''}}</span>
            </div>
            <div class="info-item">
                <span class="info-label">Final 1Kg Price</span>
                <span class="info-value">₹ {{ number_format($product->finalPricePerKg(), 2) }} / Kg</span>
            </div>
            <div class="info-item">
                <span class="info-label">Start Date</span>
                <span class="info-value"> {{ $product->productDiscount?->start_date
    ? \Carbon\Carbon::parse($product->productDiscount->start_date)->format('d M, Y')
    : '' }}</span>
            </div>
            <div class="info-item">
                <span class="info-label">End Date</span>
                <span class="info-value"> {{ $product->productDiscount?->end_date
    ? \Carbon\Carbon::parse($product->productDiscount->end_date)->format('d M, Y')
    : '' }}</span>
            </div>
        </div>
    @endif
    <div class="price-inventory">
        <div class="section-title">
            <h6>Price Size Variation</h6>
        </div>
        <div class="table-responsive">
            <table class="table">
                <tbody>
                    @foreach($product->productPackPrice as $index => $productPackPrice)
                    <tr>
                        <td>
                            <div class="inv-item">
                                <span>Pack Size</span>
                                <strong>{{ $productPackPrice->pack_size ?? ''}}</strong>
                            </div>
                        </td>
                        <td>
                             <div class="inv-item">
                            <span>Selling Price</span>
                            <strong>{{ $productPackPrice->selling_price ?? ''}}</strong>
                            </div>
                        </td>
                        <td>
                            <div class="inv-item">
                            <span>MRP</span>
                            <strong>{{ $productPackPrice->mrp ?? ''}}</strong>
                            </div>
                        </td>
                        <td>
                             <div class="inv-item">
                                <span>Production Cost</span>
                                <strong>{{ $productPackPrice->production_cost ?? ''}}</strong>
                            </div>
                        </td>
                        <td>
                            <div class="inv-item">
                            <span>Stock</span>
                             <strong>{{ $productPackPrice->productPackInventory ? $productPackPrice->productPackInventory->stock_level ?? '':'' }}</strong>
                            </div>
                        </td>
                        <td>
                            <div class="inv-item">
                                <span>Stock Alert</span>
                                <strong>{{ $productPackPrice->productPackInventory ? $productPackPrice->productPackInventory->stock_alert ?? '':'' }}</strong>
                            </div>
                        </td>
                        @if($productPackPrice->ProductPackImages)
                            @foreach($productPackPrice->ProductPackImages as $packImages)
                                <td>
                                    <div class="inv-images">
                                    <img src="{{ asset($packImages->image_path) }}" alt="Images" class="category-image">
                                    </div>
                                </td>
                            @endforeach
                        @endif
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>

    <div class="info-grid">
        <div class="info-item">
          <span class="info-label">Min Order Qty</span>
          <span class="info-value">{{ $product->min_order_quantity ?? ''}}</span>
        </div>
        <div class="info-item">
          <span class="info-label">Max Order Qty</span>
          <span class="info-value">{{ $product->max_order_quantity ?? ''}}</span>
        </div>
        <div class="info-item">
          <span class="info-label">Minimum Buy Quantity for Discount</span>
          <span class="info-value">{{ $product->min_buy_qty_for_discount ?? ''}}</span>
        </div>
        <div class="info-item">
          <span class="info-label">Free Qty</span>
          <span class="info-value">{{ $product->free_quantity ?? ''}}</span>
        </div>
    </div>

    <!-- Basic Information Section -->
    <div class="section-title basic-info-sec">
        <h2>Basic Information</h2>
    </div>

    <div class="basic-info">
        <div class="description">
            <h3>Product Description English</h3>
            <p>{!! $product->description_en ?? '' !!}</p>
        </div>
        <div class="description">
            <h3>Product Description tamil</h3>
            <p>{!! $product->description_tamil ?? '' !!}</p>
        </div>
        <div class="benefits">
            <h3>Product Benefits English</h3>
            <div class="benefits-grid">
            <p>{!! $product->benefits_en ?? '' !!}</p>
            </div>
            <h3>Product Benefits Tamil</h3>
            <div class="benefits-grid">
            <p>{!! $product->benefits_tamil ?? '' !!}</p>
            </div>
        </div>
    </div>
</div>
@endsection
@section('scripts')
@endsection