@extends('layouts.app')
@section('title', 'Product Details')
@php $breadcrumbs = [['label' => 'Masters', 'url' => route('masters.products.index')], ['label' => 'Products', 'url' => route('masters.products.index')], ['label' => $product->name ?? '']]; @endphp

@section('content')
<div class="d-flex flex-wrap align-items-center justify-content-between mb-3">
    <div>
        <h4 class="fw-bold mb-1">{{ $product->name ?? 'Product' }}</h4>
        <p class="text-muted mb-0" style="font-size:0.85rem;">SKU: {{ $product->sku ?? '' }} | {{ $product->category ?? '' }}</p>
    </div>
    <div class="d-flex gap-2">
        @can('products.edit')<a href="{{ route('masters.products.edit', $product->id ?? 0) }}" class="btn btn-primary btn-sm"><i class="bi bi-pencil me-1"></i>Edit</a>@endcan
        <a href="{{ route('masters.products.index') }}" class="btn btn-outline-secondary btn-sm"><i class="bi bi-arrow-left me-1"></i>Back</a>
    </div>
</div>
<div class="row g-3">
    <div class="col-lg-8">
        <div class="card border shadow-sm mb-3"><div class="card-header bg-body"><h6 class="card-title mb-0 fw-semibold"><i class="bi bi-box me-2 text-primary"></i>Product Information</h6></div><div class="card-body">
            <div class="row g-3">
                <div class="col-md-3"><small class="text-muted d-block">SKU</small><span class="fw-medium font-monospace">{{ $product->sku ?? '' }}</span></div>
                <div class="col-md-3"><small class="text-muted d-block">Type</small><span class="fw-medium">{{ ucfirst($product->type ?? 'Goods') }}</span></div>
                <div class="col-md-3"><small class="text-muted d-block">Category</small><span>{{ ucfirst(str_replace('_', ' ', $product->category ?? '')) }}</span></div>
                <div class="col-md-3"><small class="text-muted d-block">Status</small><x-status-badge :status="($product->is_active ?? true) ? 'active' : 'inactive'" type="default" /></div>
                <div class="col-md-12"><small class="text-muted d-block">Description</small><span>{{ $product->description ?? 'No description' }}</span></div>
            </div>
        </div></div>
        <div class="card border shadow-sm mb-3"><div class="card-header bg-body"><h6 class="card-title mb-0 fw-semibold"><i class="bi bi-upc-scan me-2 text-info"></i>HS/GST Information</h6></div><div class="card-body">
            <div class="row g-3">
                <div class="col-md-4"><small class="text-muted d-block">HS Code</small><span class="font-monospace">{{ $product->hs_code ?? 'N/A' }}</span></div>
                <div class="col-md-4"><small class="text-muted d-block">GST Rate</small><span class="fw-bold">{{ $product->gst_rate ?? 18 }}%</span></div>
                <div class="col-md-4"><small class="text-muted d-block">Origin</small><span>{{ $product->origin_country->name ?? 'N/A' }}</span></div>
            </div>
        </div></div>
    </div>
    <div class="col-lg-4">
        <div class="card border shadow-sm mb-3"><div class="card-header bg-body"><h6 class="card-title mb-0 fw-semibold"><i class="bi bi-currency-rupee me-2 text-success"></i>Pricing</h6></div><div class="card-body">
            <div class="mb-2"><small class="text-muted d-block">Unit Price</small><span class="fw-bold text-primary" style="font-size:1.2rem;">₹{{ number_format($product->unit_price ?? 0, 2) }}</span></div>
            <div class="mb-2"><small class="text-muted d-block">Cost Price</small><span>₹{{ number_format($product->cost_price ?? 0, 2) }}</span></div>
            <div class="mb-0"><small class="text-muted d-block">MRP</small><span>₹{{ number_format($product->mrp ?? 0, 2) }}</span></div>
            <hr>
            <div class="mb-0"><small class="text-muted d-block">UOM</small><span>{{ $product->uom->name ?? 'N/A' }}</span></div>
        </div></div>
        <div class="card border shadow-sm"><div class="card-body">
            @can('products.delete')<x-confirm-delete action="{{ route('masters.products.destroy', $product->id ?? 0) }}" itemName="{{ $product->name ?? 'this product' }}" />@endcan
        </div></div>
    </div>
</div>
@endsection