@extends('layouts.admin')

@section('title', 'Product Details: ' . $product->name)

@section('content')
<div class="admin-page-header">
    <h1>Product Details: {{ $product->name }}</h1>
    <div class="d-flex gap-2">
        <a href="{{ route('admin.products.edit', $product->id) }}" class="admin-btn-primary">
            <i class="bi bi-pencil"></i> Edit
        </a>
        <a href="{{ route('admin.products.index') }}" class="admin-btn-primary" style="background: #6c757d;">
            <i class="bi bi-arrow-left"></i> Back
        </a>
    </div>
</div>

<div class="row g-4">
    <!-- Product Information -->
    <div class="col-md-8">
        <div class="admin-card">
            <div class="card-body">
                <h3 class="mb-4" style="color: var(--admin-primary);">
                    <i class="bi bi-info-circle"></i> Product Information
                </h3>
                
                <div class="row g-3">
                    <div class="col-md-6">
                        <label class="admin-form-label">Name</label>
                        <div class="form-control-plaintext">{{ $product->name }}</div>
                    </div>
                    
                    <div class="col-md-6">
                        <label class="admin-form-label">Category</label>
                        <div class="form-control-plaintext">{{ $product->category->name }}</div>
                    </div>
                    
                    <div class="col-md-6">
                        <label class="admin-form-label">Price</label>
                        <div class="form-control-plaintext">₹{{ number_format($product->price, 2) }}</div>
                    </div>
                    
                    <div class="col-md-6">
                        <label class="admin-form-label">MRP</label>
                        <div class="form-control-plaintext">₹{{ number_format($product->mrp ?? 0, 2) }}</div>
                    </div>
                    
                    @if($product->barcode)
                    <div class="col-md-6">
                        <label class="admin-form-label">Barcode</label>
                        <div class="form-control-plaintext">{{ $product->barcode }}</div>
                    </div>
                    @endif
                    
                    @if($product->unit)
                    <div class="col-md-6">
                        <label class="admin-form-label">Unit</label>
                        <div class="form-control-plaintext">{{ ucfirst($product->unit->name) }}</div>
                    </div>
                    @endif
                    
                    @if($product->tax)
                    <div class="col-md-6">
                        <label class="admin-form-label">Tax</label>
                        <div class="form-control-plaintext">
                            {{ $product->tax->name }} 
                            ({{ number_format($product->tax_rate_snapshot ?? $product->tax->rate, 2) }}%)
                        </div>
                    </div>
                    @endif

                    @php
                        $effectiveShippingDays = $product->shipping_days ?? \App\Models\Setting::get('default_shipping_days');
                    @endphp
                    @if(!is_null($effectiveShippingDays) && $effectiveShippingDays !== '')
                    <div class="col-md-6">
                        <label class="admin-form-label">Shipping Days</label>
                        <div class="form-control-plaintext">{{ $effectiveShippingDays }} day{{ (int) $effectiveShippingDays === 1 ? '' : 's' }}</div>
                    </div>
                    @endif
                    
                    <div class="col-md-6">
                        <label class="admin-form-label">Status</label>
                        <div>
                            <span class="admin-badge {{ $product->is_active ? 'admin-badge-success' : 'admin-badge-danger' }}">
                                {{ $product->is_active ? 'Active' : 'Inactive' }}
                            </span>
                            @if($product->is_featured)
                                <span class="admin-badge admin-badge-warning ms-2">Featured</span>
                            @endif
                            @if($product->is_prebooking)
                                <span class="admin-badge admin-badge-info ms-2">Pre Booking</span>
                            @endif
                        </div>
                    </div>
                    
                    @if($product->short_desc)
                    <div class="col-12">
                        <label class="admin-form-label">Short Description</label>
                        <div class="form-control-plaintext">{{ $product->short_desc }}</div>
                    </div>
                    @endif
                    
                    @if($product->long_desc)
                    <div class="col-12">
                        <label class="admin-form-label">Long Description</label>
                        <div class="form-control-plaintext">{{ $product->long_desc }}</div>
                    </div>
                    @endif
                    
                    @if($product->image_path || $product->image)
                    <div class="col-12">
                        <label class="admin-form-label">Product Image</label>
                        <div>
                            <x-product-image :product="$product" context="detail" class="img-thumbnail" style="max-width: 300px; max-height: 300px;" />
                        </div>
                    </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
    
    <!-- Stock Summary -->
    <div class="col-md-4">
        <div class="admin-card">
            <div class="card-body">
                <h3 class="mb-4" style="color: var(--admin-primary);">
                    <i class="bi bi-box-seam"></i> Stock Summary
                </h3>
                
                <div class="stock-summary">
                    <div class="stock-item mb-3 p-3" style="background: #f8f9fa; border-radius: 8px;">
                        <label class="admin-form-label mb-1" style="font-size: 0.875rem; color: #6c757d;">Opening Stock</label>
                        <div class="h4 mb-0" style="color: var(--admin-primary);">{{ number_format($openingStock) }}</div>
                    </div>
                    
                    <div class="stock-item mb-3 p-3" style="background: #e7f5ff; border-radius: 8px;">
                        <label class="admin-form-label mb-1" style="font-size: 0.875rem; color: #6c757d;">Total Restocked</label>
                        <div class="h4 mb-0" style="color: #0d6efd;">+{{ number_format($totalRestocked) }}</div>
                    </div>
                    
                    <div class="stock-item mb-3 p-3" style="background: #fff3cd; border-radius: 8px;">
                        <label class="admin-form-label mb-1" style="font-size: 0.875rem; color: #6c757d;">Total Sold</label>
                        <div class="h4 mb-0" style="color: #ffc107;">{{ number_format($totalSold) }}</div>
                    </div>
                    
                    <div class="stock-item mb-3 p-3" style="background: #d1e7dd; border-radius: 8px; border: 2px solid #198754;">
                        <label class="admin-form-label mb-1" style="font-size: 0.875rem; color: #6c757d;">Current Stock</label>
                        <div class="h3 mb-0" style="color: #198754; font-weight: 700;">{{ number_format($currentStock) }}</div>
                    </div>
                </div>
                
                <div class="mt-4">
                    <a href="{{ route('admin.products.stock-history', $product->id) }}" class="admin-btn-primary w-100">
                        <i class="bi bi-clock-history"></i> View Stock History
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection