@extends('layouts.app')

@section('title', $product->name)
@section('page_title', 'Product Overview & Stock Ledger')

@section('content')
<div class="container-fluid p-0">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <div>
            <a href="{{ route('products.index') }}" class="btn btn-outline-secondary btn-sm mb-2">
                <i class="bi bi-arrow-left"></i> Back to Products
            </a>
            <h4 class="fw-bold mb-0">{{ $product->name }}</h4>
            <span class="text-muted">SKU: {{ $product->sku }} | HSN: {{ $product->hsn_code }}</span>
        </div>
        <div class="d-flex gap-2">
            <button class="btn btn-outline-primary" data-bs-toggle="modal" data-bs-target="#quickAdjustModal">
                <i class="bi bi-sliders"></i> Adjust Stock
            </button>
            <a href="{{ route('products.edit', $product) }}" class="btn btn-primary">
                <i class="bi bi-pencil"></i> Edit Product
            </a>
        </div>
    </div>

    <!-- Product Summary Cards -->
    <div class="row g-3 mb-4">
        <div class="col-md-3">
            <div class="card border-0 shadow-sm">
                <div class="card-body">
                    <span class="text-muted small text-uppercase fw-semibold">Current Stock</span>
                    <h3 class="fw-bold mb-0 mt-1 {{ $product->is_low_stock ? 'text-danger' : 'text-success' }}">
                        {{ number_format($product->current_stock, 0) }}
                        <small class="fs-6 text-muted">{{ $product->unit ? $product->unit->short_code : 'Units' }}</small>
                    </h3>
                    <div class="small text-muted mt-2">
                        Reorder Alert: <strong>{{ number_format($product->reorder_level, 0) }}</strong>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-md-3">
            <div class="card border-0 shadow-sm">
                <div class="card-body">
                    <span class="text-muted small text-uppercase fw-semibold">Purchase Price (Cost)</span>
                    <h3 class="fw-bold mb-0 mt-1">₹{{ number_format($product->purchase_price, 2) }}</h3>
                    <div class="small text-muted mt-2">
                        Asset Valuation: <strong>₹{{ number_format($product->current_stock * $product->purchase_price, 2) }}</strong>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-md-3">
            <div class="card border-0 shadow-sm">
                <div class="card-body">
                    <span class="text-muted small text-uppercase fw-semibold">Selling Price</span>
                    <h3 class="fw-bold mb-0 mt-1 text-primary">₹{{ number_format($product->selling_price, 2) }}</h3>
                    <div class="small text-muted mt-2">
                        Retail Valuation: <strong>₹{{ number_format($product->current_stock * $product->selling_price, 2) }}</strong>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-md-3">
            <div class="card border-0 shadow-sm">
                <div class="card-body">
                    <span class="text-muted small text-uppercase fw-semibold">GST Rate</span>
                    <h3 class="fw-bold mb-0 mt-1">{{ number_format($product->gst_rate, 0) }}%</h3>
                    <div class="small text-muted mt-2">
                        Intra-state: <strong>{{ $product->gst_rate / 2 }}% CGST + {{ $product->gst_rate / 2 }}% SGST</strong>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Product Stock Audit Trail Ledger -->
    <div class="card border-0 shadow-sm">
        <div class="card-header bg-white py-3 d-flex justify-content-between align-items-center">
            <h6 class="mb-0 fw-bold"><i class="bi bi-clock-history text-primary me-2"></i> Stock Movement Audit Trail</h6>
            <span class="badge bg-light text-dark border">{{ $product->stockMovements->count() }} Movements Logged</span>
        </div>
        <div class="card-body p-0">
            <div class="table-responsive">
                <table class="table table-hover align-middle mb-0">
                    <thead class="table-light">
                        <tr>
                            <th>Date & Time</th>
                            <th>Movement Type</th>
                            <th class="text-center">Quantity</th>
                            <th class="text-center">Stock Before</th>
                            <th class="text-center">Stock After</th>
                            <th>Reference</th>
                            <th>Notes / Reason</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($product->stockMovements as $move)
                            <tr>
                                <td class="small text-muted">{{ $move->created_at->format('d M Y, h:i A') }}</td>
                                <td>
                                    <span class="badge {{ $move->badge_class }}">
                                        {{ $move->formatted_type }}
                                    </span>
                                </td>
                                <td class="text-center fw-bold">
                                    {{ in_array($move->movement_type, ['purchase', 'adjustment_add', 'sale_return']) ? '+' : '-' }}{{ number_format($move->quantity, 0) }}
                                </td>
                                <td class="text-center text-muted">{{ number_format($move->stock_before, 0) }}</td>
                                <td class="text-center fw-bold text-primary">{{ number_format($move->stock_after, 0) }}</td>
                                <td>
                                    @if($move->reference_type == 'Invoice')
                                        <a href="{{ route('invoices.show', $move->reference_id) }}" class="badge bg-light text-primary border text-decoration-none">
                                            Sales Invoice #{{ $move->reference_id }}
                                        </a>
                                    @elseif($move->reference_type == 'Purchase')
                                        <a href="{{ route('purchases.show', $move->reference_id) }}" class="badge bg-light text-success border text-decoration-none">
                                            Purchase Bill #{{ $move->reference_id }}
                                        </a>
                                    @else
                                        <span class="badge bg-light text-muted border">{{ $move->reference_type ?? 'Manual' }}</span>
                                    @endif
                                </td>
                                <td class="small text-muted">{{ $move->notes ?? '-' }}</td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="7" class="text-center py-4 text-muted">No stock movements recorded yet.</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

<!-- Stock Adjustment Modal -->
<div class="modal fade" id="quickAdjustModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <form action="{{ route('stock-movements.adjust') }}" method="POST">
                @csrf
                <input type="hidden" name="product_id" value="{{ $product->id }}">
                <div class="modal-header">
                    <h5 class="modal-title fw-bold">Adjust Stock for {{ $product->name }}</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <div class="mb-3">
                        <label class="form-label fw-semibold">Current Stock</label>
                        <input type="text" class="form-control" value="{{ number_format($product->current_stock, 0) }} {{ $product->unit ? $product->unit->short_code : '' }}" readonly disabled>
                    </div>

                    <div class="mb-3">
                        <label class="form-label fw-semibold">Adjustment Operation</label>
                        <select name="adjustment_type" class="form-select" required>
                            <option value="add">Stock In / Add (+)</option>
                            <option value="subtract">Stock Out / Deduct (-)</option>
                            <option value="recount">Physical Stock Recount (Set new total)</option>
                        </select>
                    </div>

                    <div class="mb-3">
                        <label class="form-label fw-semibold">Quantity</label>
                        <input type="number" step="0.01" name="quantity" class="form-control" placeholder="Enter quantity" required>
                    </div>

                    <div class="mb-3">
                        <label class="form-label fw-semibold">Reason for Adjustment <span class="text-danger">*</span></label>
                        <input type="text" name="reason" class="form-control" placeholder="e.g. Physical inventory count, damaged goods, sample giveaway" required>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
                    <button type="submit" class="btn btn-primary fw-semibold">Apply Adjustment</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection