@extends('layouts.app')

@section('title', 'Warehouse Inventory - ' . $warehouse->name)

@section('content')
<div class="d-flex flex-wrap justify-content-between align-items-center mb-4 gap-3">
    <div>
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb mb-1">
                <li class="breadcrumb-item"><a href="{{ route('inventory.warehouses.index') }}">Warehouses</a></li>
                <li class="breadcrumb-item active">{{ $warehouse->name }}</li>
            </ol>
        </nav>
        <div class="d-flex align-items-center gap-2">
            <h2 class="h3 fw-bold mb-0 text-dark">{{ $warehouse->name }}</h2>
            <span class="badge bg-light text-dark border font-monospace">{{ $warehouse->code }}</span>
            @if($warehouse->is_default)
                <span class="badge bg-success-subtle text-success border border-success-subtle">Central Hub</span>
            @endif
        </div>
    </div>
    <div class="d-flex flex-wrap gap-2">
        <a href="{{ route('inventory.receiving.terminal', ['warehouse_id' => $warehouse->id]) }}" class="btn btn-primary btn-sm">
            <i class="bi bi-box-arrow-in-down me-1"></i> Warehouse Intake
        </a>
        <a href="{{ route('inventory.transfers.create', ['source_type' => 'warehouse', 'source_id' => $warehouse->id]) }}" class="btn btn-outline-success btn-sm">
            <i class="bi bi-send me-1"></i> New Transfer Dispatch
        </a>
        <a href="{{ route('inventory.reconciliation.create') }}" class="btn btn-outline-secondary btn-sm">
            <i class="bi bi-clipboard-check me-1"></i> Physical Audit
        </a>
        <a href="{{ route('inventory.warehouses.edit', $warehouse) }}" class="btn btn-light border btn-sm">
            <i class="bi bi-pencil me-1"></i> Edit
        </a>
    </div>
</div>

<!-- Stock Overview Banner -->
<div class="row g-3 mb-4">
    <div class="col-sm-6 col-lg-3">
        <div class="card border-0 shadow-sm p-3">
            <span class="text-muted small">Available Physical Units</span>
            <div class="fs-3 fw-bold text-success">{{ number_format($units->total()) }}</div>
            <small class="text-muted">In stock on floor</small>
        </div>
    </div>
    <div class="col-sm-6 col-lg-3">
        <div class="card border-0 shadow-sm p-3">
            <span class="text-muted small">Distinct SKUs / Products</span>
            <div class="fs-3 fw-bold text-primary">{{ $productStock->count() }}</div>
            <small class="text-muted">Active manufactured items</small>
        </div>
    </div>
    <div class="col-sm-6 col-lg-3">
        <div class="card border-0 shadow-sm p-3">
            <span class="text-muted small">Distinct Batches in Stock</span>
            <div class="fs-3 fw-bold text-dark">{{ $batchStock->count() }}</div>
            <small class="text-muted">Manufacturing lots</small>
        </div>
    </div>
    <div class="col-sm-6 col-lg-3">
        <div class="card border-0 shadow-sm p-3">
            <span class="text-muted small">Operational Status</span>
            <div>
                <span class="badge {{ $warehouse->isActive() ? 'bg-success' : 'bg-danger' }} fs-6 mt-1">
                    {{ ucfirst($warehouse->status) }}
                </span>
            </div>
            <small class="text-muted">{{ $warehouse->city }}, {{ $warehouse->state }}</small>
        </div>
    </div>
</div>

<div class="row g-4 mb-4">
    <!-- Product-Wise Stock Table -->
    <div class="col-lg-6">
        <div class="card border-0 shadow-sm h-100">
            <div class="card-header bg-white py-3 d-flex justify-content-between align-items-center">
                <h5 class="card-title fw-bold mb-0">Product-Wise Inventory</h5>
                <span class="badge bg-light text-dark border">{{ $productStock->count() }} Products</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 small text-uppercase">
                            <tr>
                                <th>Product</th>
                                <th>SKU</th>
                                <th>Pack Size</th>
                                <th class="text-end">Units in Stock</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($productStock as $ps)
                                <tr>
                                    <td class="fw-semibold">{{ $ps->name }}</td>
                                    <td><span class="font-monospace text-muted small">{{ $ps->sku }}</span></td>
                                    <td>{{ $ps->size_or_weight }} {{ $ps->unit_of_measurement }}</td>
                                    <td class="text-end">
                                        <span class="badge bg-success-subtle text-success fs-6 fw-bold px-2 py-1">
                                            {{ number_format($ps->unit_count) }}
                                        </span>
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="4" class="text-center py-4 text-muted">No products currently in stock.</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

    <!-- Batch-Wise Stock Breakdown -->
    <div class="col-lg-6">
        <div class="card border-0 shadow-sm h-100">
            <div class="card-header bg-white py-3 d-flex justify-content-between align-items-center">
                <h5 class="card-title fw-bold mb-0">Batch-Wise Inventory & Expiry</h5>
                <span class="badge bg-light text-dark border">{{ $batchStock->count() }} Batches</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 small text-uppercase">
                            <tr>
                                <th>Batch No</th>
                                <th>Product</th>
                                <th>Expiry Date</th>
                                <th class="text-end">Units</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($batchStock as $bs)
                                <tr>
                                    <td class="font-monospace fw-bold">{{ $bs->batch_number }}</td>
                                    <td class="text-truncate" style="max-width: 140px;">{{ $bs->product_name }}</td>
                                    <td>
                                        @php $exp = \Carbon\Carbon::parse($bs->expiry_date); @endphp
                                        <span class="{{ $exp->isPast() ? 'text-danger fw-bold' : ($exp->diffInDays(now()) < 90 ? 'text-warning fw-semibold' : '') }}">
                                            {{ $exp->format('d M Y') }}
                                        </span>
                                    </td>
                                    <td class="text-end">
                                        <span class="badge bg-primary-subtle text-primary fw-bold">
                                            {{ number_format($bs->unit_count) }}
                                        </span>
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="4" class="text-center py-4 text-muted">No batches currently recorded.</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Individual Physical Units in Warehouse Inventory -->
<div class="card border-0 shadow-sm mb-4">
    <div class="card-header bg-white py-3">
        <div class="d-flex flex-wrap justify-content-between align-items-center gap-3">
            <h5 class="card-title fw-bold mb-0">Individual Physical Unit Registry</h5>
            <form method="GET" action="{{ route('inventory.warehouses.show', $warehouse) }}" class="d-flex gap-2">
                <select name="product_id" class="form-select form-select-sm" onchange="this.form.submit()">
                    <option value="">All Products</option>
                    @foreach($allProducts as $p)
                        <option value="{{ $p->id }}" {{ $productId == $p->id ? 'selected' : '' }}>{{ $p->name }}</option>
                    @endforeach
                </select>
                <div class="input-group input-group-sm" style="width: 250px;">
                    <input type="text" name="search" class="form-control" placeholder="Search Serial / QR..." value="{{ $search }}">
                    <button class="btn btn-outline-secondary" type="submit"><i class="bi bi-search"></i></button>
                </div>
            </form>
        </div>
    </div>
    <div class="card-body p-0">
        <div class="table-responsive">
            <table class="table table-hover align-middle mb-0">
                <thead class="table-light small text-uppercase">
                    <tr>
                        <th>Serial Number</th>
                        <th>Product</th>
                        <th>Batch</th>
                        <th>QR Token</th>
                        <th>Intake Date</th>
                        <th>Status</th>
                        <th class="text-end">Action</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($units as $unit)
                        <tr>
                            <td>
                                <a href="{{ route('manufacturing.units.show', $unit) }}" class="font-monospace fw-bold text-decoration-none">
                                    {{ $unit->serial_number }}
                                </a>
                            </td>
                            <td>{{ $unit->product->name }}</td>
                            <td class="font-monospace small">{{ $unit->batch->batch_number }}</td>
                            <td>
                                <span class="font-monospace text-muted small" title="{{ $unit->qr_token }}">
                                    {{ substr($unit->qr_token, 0, 10) }}...
                                </span>
                            </td>
                            <td class="small">{{ $unit->warehouse_received_at ? $unit->warehouse_received_at->format('d M Y, H:i') : '-' }}</td>
                            <td><span class="badge bg-success">{{ $unit->status }}</span></td>
                            <td class="text-end">
                                <a href="{{ route('manufacturing.units.show', $unit) }}" class="btn btn-sm btn-outline-secondary py-0">
                                    <i class="bi bi-eye"></i>
                                </a>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="7" class="text-center py-5 text-muted">
                                No physical units found matching your criteria in this warehouse.
                            </td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
    @if($units->hasPages())
        <div class="card-footer bg-white border-top py-3">
            {{ $units->links() }}
        </div>
    @endif
</div>

<!-- Recent Stock Movements for this Warehouse -->
<div class="card border-0 shadow-sm">
    <div class="card-header bg-white py-3">
        <h5 class="card-title fw-bold mb-0"><i class="bi bi-clock-history me-2 text-primary"></i>Recent Stock Movements</h5>
    </div>
    <div class="card-body p-0">
        <div class="table-responsive">
            <table class="table table-hover align-middle mb-0 small">
                <thead class="table-light text-uppercase">
                    <tr>
                        <th>Movement No</th>
                        <th>Unit Serial</th>
                        <th>Product</th>
                        <th>Type</th>
                        <th>From &rarr; To</th>
                        <th>Timestamp</th>
                        <th>User</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($recentMovements as $mov)
                        <tr>
                            <td class="font-monospace">{{ $mov->movement_number }}</td>
                            <td class="font-monospace fw-bold">{{ $mov->unit->serial_number ?? 'N/A' }}</td>
                            <td>{{ $mov->product->name ?? 'N/A' }}</td>
                            <td><span class="badge bg-light text-dark border">{{ str_replace('_', ' ', $mov->movement_type) }}</span></td>
                            <td>{{ $mov->from_location_display }} &rarr; {{ $mov->to_location_display }}</td>
                            <td>{{ $mov->occurred_at->format('d M Y, H:i') }}</td>
                            <td>{{ $mov->user->name ?? 'System' }}</td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="7" class="text-center py-3 text-muted">No stock movements recorded yet.</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection