@extends('backEnd.layouts.master')
@section('title', 'Inventory Management')

@section('content')
<div class="page-header">
    <div>
        <h4><i class="fas fa-boxes me-2 text-success"></i>Inventory Management</h4>
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb mb-0">
                <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Dashboard</a></li>
                <li class="breadcrumb-item active">Inventory</li>
            </ol>
        </nav>
    </div>
</div>

{{-- Stats Cards --}}
<div class="row g-3 mb-4">
    <div class="col-md-3">
        <div class="stat-card">
            <div class="stat-icon bg-primary-soft"><i class="fas fa-boxes text-primary"></i></div>
            <div>
                <div class="stat-number">{{ $stats['total'] }}</div>
                <div class="stat-label">Total Products</div>
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="stat-card">
            <div class="stat-icon bg-danger-soft"><i class="fas fa-exclamation-triangle text-danger"></i></div>
            <div>
                <div class="stat-number text-danger">{{ $stats['out'] }}</div>
                <div class="stat-label">Out of Stock</div>
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="stat-card">
            <div class="stat-icon bg-warning-soft"><i class="fas fa-exclamation-circle text-warning"></i></div>
            <div>
                <div class="stat-number text-warning">{{ $stats['low'] }}</div>
                <div class="stat-label">Low Stock (≤5)</div>
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="stat-card">
            <div class="stat-icon bg-success-soft"><i class="fas fa-check-circle text-success"></i></div>
            <div>
                <div class="stat-number text-success">{{ $stats['in_stock'] }}</div>
                <div class="stat-label">In Stock</div>
            </div>
        </div>
    </div>
</div>

<div class="admin-card">
    <div class="admin-card-header d-flex flex-wrap justify-content-between align-items-center gap-2">
        <h5 class="mb-0">Stock Overview</h5>
        <small class="text-muted">Cost report-এ দেখাতে Product Edit → Price &amp; Stock → Purchase Cost দিন</small>
        <form method="GET" action="{{ route('admin.inventory.index') }}" class="d-flex flex-wrap align-items-center gap-2">
            <select name="stock_filter" class="form-select form-select-sm" style="width:150px">
                <option value="">All Stock</option>
                <option value="out" {{ request('stock_filter') === 'out' ? 'selected' : '' }}>Out of Stock</option>
                <option value="low" {{ request('stock_filter') === 'low' ? 'selected' : '' }}>Low Stock</option>
                <option value="in" {{ request('stock_filter') === 'in' ? 'selected' : '' }}>In Stock</option>
            </select>
            <div class="live-search-wrap">
                <input type="text" name="search" value="{{ request('search') }}"
                       class="form-control form-control-sm live-search-input"
                       style="width:min(280px, 100%)"
                       placeholder="Search product, SKU, slug…"
                       autocomplete="off">
            </div>
            <button type="submit" class="btn btn-sm btn-success">Search</button>
            @if(request()->filled('search') || request()->filled('stock_filter'))
            <a href="{{ route('admin.inventory.index') }}" class="btn btn-sm btn-outline-secondary">Clear</a>
            @endif
        </form>
        <div class="d-flex gap-2">
            <span class="badge bg-danger">● Out of Stock</span>
            <span class="badge bg-warning text-dark">● Low Stock</span>
            <span class="badge bg-success">● In Stock</span>
        </div>
    </div>
    <div id="liveSearchResults">
    <div class="table-responsive">
        <table class="admin-table">
            <thead>
                <tr>
                    <th>#</th>
                    <th>Product</th>
                    <th>Category</th>
                    <th>SKU</th>
                    <th>Price</th>
                    <th>Purchase Cost</th>
                    <th>Stock</th>
                    <th>Status</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse($products as $i => $product)
                @php
                    $displayStock = $product->displayStock();
                    $stockClass = $displayStock <= 0 ? 'text-danger fw-bold' : ($displayStock <= 5 ? 'text-warning fw-bold' : 'text-success');
                    $rowClass = $displayStock <= 0 ? 'table-danger' : ($displayStock <= 5 ? 'table-warning' : '');
                    $activeVariants = $product->variants->where('status', 1);
                    $variantsJson = $activeVariants->map(fn ($v) => [
                        'id' => $v->id,
                        'label' => $v->label(),
                        'stock' => (int) $v->stock,
                        'sku' => $v->sku,
                        'purchase_price' => $v->purchase_price,
                    ])->values();
                @endphp
                <tr class="{{ $rowClass }}">
                    <td>{{ ($products->currentPage() - 1) * $products->perPage() + $i + 1 }}</td>
                    <td>
                        <div class="d-flex align-items-center gap-2">
                            @if($product->thumbnail)
                            <img src="{{ asset($product->thumbnail) }}" width="36" height="36" class="rounded" style="object-fit:cover;" alt="">
                            @else
                            <div class="bg-light rounded d-flex align-items-center justify-content-center" style="width:36px;height:36px;">
                                <i class="fas fa-image text-muted"></i>
                            </div>
                            @endif
                            <div>
                                <div class="fw-600">{{ Str::limit($product->name, 35) }}</div>
                                @if($activeVariants->isNotEmpty())
                                <span class="badge bg-info-subtle text-info border mt-1">{{ $activeVariants->count() }} variants</span>
                                @endif
                            </div>
                        </div>
                    </td>
                    <td><small>{{ $product->category?->name ?? '—' }}</small></td>
                    <td><code class="small">{{ $product->sku ?? '—' }}</code></td>
                    <td>৳{{ number_format($product->sale_price ?? $product->price) }}</td>
                    <td>
                        @if($product->purchase_price)
                        <span class="text-warning fw-600">৳{{ number_format($product->purchase_price) }}</span>
                        @else
                        <span class="text-muted">—</span>
                        @endif
                    </td>
                    <td>
                        <span class="{{ $stockClass }} fs-5">{{ $displayStock }}</span>
                        <small class="text-muted"> units</small>
                    </td>
                    <td>
                        @if($displayStock <= 0)
                        <span class="badge bg-danger">Out of Stock</span>
                        @elseif($displayStock <= 5)
                        <span class="badge bg-warning text-dark">Low Stock</span>
                        @else
                        <span class="badge bg-success">In Stock</span>
                        @endif
                    </td>
                    <td>
                        <div class="d-flex gap-1">
                            <a href="{{ route('admin.inventory.ledger', $product->id) }}" class="btn btn-sm btn-outline-primary" title="View Ledger">
                                <i class="fas fa-history"></i>
                            </a>
                            <a href="{{ route('admin.products.edit', $product->id) }}#tab-price" class="btn btn-sm btn-outline-warning" title="Edit Cost">
                                <i class="fas fa-tag"></i>
                            </a>
                            <button class="btn btn-sm btn-outline-success" title="Adjust Stock"
                                    onclick='openAdjust(@json($product->id), @json($product->name), @json($displayStock), @json($variantsJson))'>
                                <i class="fas fa-edit"></i>
                            </button>
                        </div>
                    </td>
                </tr>
                @foreach($activeVariants as $variant)
                <tr class="table-light">
                    <td></td>
                    <td colspan="2" class="ps-4">
                        <i class="fas fa-level-up-alt fa-rotate-90 text-muted me-2"></i>
                        <strong>{{ $variant->label() }}</strong>
                    </td>
                    <td><code class="small">{{ $variant->sku ?? '—' }}</code></td>
                    <td>—</td>
                    <td>
                        @if($variant->purchase_price)
                        <span class="text-warning fw-600">৳{{ number_format($variant->purchase_price) }}</span>
                        @elseif($product->purchase_price)
                        <span class="text-muted small">৳{{ number_format($product->purchase_price) }} <em>(base)</em></span>
                        @else
                        <span class="text-muted">—</span>
                        @endif
                    </td>
                    <td><span class="fw-600 {{ (int)$variant->stock <= 0 ? 'text-danger' : 'text-success' }}">{{ $variant->stock }}</span></td>
                    <td></td>
                    <td>
                        <button class="btn btn-sm btn-outline-success" title="Adjust variant stock"
                                onclick='openAdjust(@json($product->id), @json($product->name . " — " . $variant->label()), @json((int)$variant->stock), @json($variantsJson), @json($variant->id))'>
                            <i class="fas fa-edit"></i>
                        </button>
                    </td>
                </tr>
                @endforeach
                @empty
                <tr>
                    <td colspan="9" class="text-center py-5 text-muted">
                        @if(request()->filled('search') || request()->filled('stock_filter'))
                            No products match your search.
                        @else
                            No products found.
                        @endif
                    </td>
                </tr>
                @endforelse
            </tbody>
        </table>
    </div>
    @if($products->hasPages())
    <div class="px-4 py-3 border-top">
        {{ $products->links() }}
    </div>
    @endif
    </div>
</div>

{{-- Adjust Stock Modal --}}
<div class="modal fade" id="adjustModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title"><i class="fas fa-edit me-2"></i>Adjust Stock</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <form id="adjustForm" method="POST">
                @csrf @method('PATCH')
                <div class="modal-body">
                    <div class="alert alert-light">
                        <strong id="adjustProductName">Product Name</strong>
                        <span class="ms-3 badge bg-secondary">Current Stock: <span id="adjustCurrentStock">0</span></span>
                    </div>
                    <div class="mb-3 d-none" id="adjustVariantWrap">
                        <label class="form-label fw-600">Variant</label>
                        <select name="variant_id" id="adjustVariantId" class="form-select"></select>
                        <small class="text-muted">Variant product-এ stock adjust করতে variant select করুন</small>
                    </div>
                    <div class="mb-3">
                        <label class="form-label fw-600">Adjustment Type</label>
                        <select name="type" class="form-select" required>
                            <option value="purchase">📦 Purchase / Stock In</option>
                            <option value="return">↩️ Customer Return</option>
                            <option value="adjustment">📝 Manual Adjustment (Add)</option>
                            <option value="damage">⚠️ Damage / Loss (Deduct)</option>
                        </select>
                    </div>
                    <div class="mb-3">
                        <label class="form-label fw-600">Quantity</label>
                        <input type="number" name="qty" class="form-control" min="1" required placeholder="Number of units">
                    </div>
                    <div class="mb-3">
                        <label class="form-label fw-600">Note</label>
                        <textarea name="note" class="form-control" rows="2" placeholder="Reason for adjustment..."></textarea>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Cancel</button>
                    <button type="submit" class="btn btn-primary"><i class="fas fa-save me-1"></i>Adjust Stock</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script>
function openAdjust(productId, productName, currentStock, variants, presetVariantId) {
    document.getElementById('adjustProductName').textContent = productName;
    document.getElementById('adjustCurrentStock').textContent = currentStock;
    document.getElementById('adjustForm').action = '/admin/inventory/' + productId + '/adjust';

    const wrap = document.getElementById('adjustVariantWrap');
    const select = document.getElementById('adjustVariantId');
    select.innerHTML = '';

    if (Array.isArray(variants) && variants.length) {
        wrap.classList.remove('d-none');
        const baseOpt = document.createElement('option');
        baseOpt.value = '';
        baseOpt.textContent = 'Main product (no variant)';
        select.appendChild(baseOpt);

        variants.forEach(function (v) {
            const opt = document.createElement('option');
            opt.value = v.id;
            opt.textContent = v.label + ' — stock ' + v.stock + (v.sku ? ' (' + v.sku + ')' : '');
            select.appendChild(opt);
        });

        select.value = presetVariantId ? String(presetVariantId) : '';
    } else {
        wrap.classList.add('d-none');
    }

    new bootstrap.Modal(document.getElementById('adjustModal')).show();
}
</script>
@endpush