@extends('layouts.app')

@section('title', 'Store Inventory - ' . $currentStore->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('store.dashboard') }}">Home</a></li>
                <li class="breadcrumb-item active">Store Inventory</li>
            </ol>
        </nav>
        <div class="d-flex align-items-center gap-2">
            <h2 class="h3 fw-bold mb-0 text-dark">{{ $currentStore->name }}</h2>
            <span class="badge bg-light text-dark border font-monospace">{{ $currentStore->code }}</span>
            <span class="badge {{ $currentStore->isActive() ? 'bg-success' : 'bg-secondary' }}">
                {{ ucfirst($currentStore->status) }}
            </span>
        </div>
    </div>
    <div class="d-flex flex-wrap gap-2 align-items-center">
        @if(Auth::user()->isSuperAdmin() && $allStores->count() > 1)
            <form method="GET" action="{{ route('inventory.store.index') }}" class="d-flex align-items-center gap-2">
                <span class="small fw-semibold text-muted text-nowrap">Switch Store:</span>
                <select name="store_id" class="form-select form-select-sm" onchange="this.form.submit()">
                    @foreach($allStores as $st)
                        <option value="{{ $st->id }}" {{ $currentStore->id === $st->id ? 'selected' : '' }}>
                            {{ $st->name }} ({{ $st->code }})
                        </option>
                    @endforeach
                </select>
            </form>
        @endif

        <a href="{{ route('inventory.transfers.index', ['destination_store_id' => $currentStore->id]) }}" class="btn btn-outline-primary btn-sm">
            <i class="bi bi-arrow-left-right me-1"></i> View Transfers
        </a>
    </div>
</div>

<!-- Incoming Transfers Notification Widget -->
@if($incomingTransfers->isNotEmpty())
    <div class="alert alert-warning border-0 shadow-sm d-flex flex-wrap justify-content-between align-items-center mb-4 p-3">
        <div class="d-flex align-items-center mb-2 mb-md-0">
            <i class="bi bi-truck fs-3 text-warning me-3"></i>
            <div>
                <h6 class="fw-bold mb-0 text-dark">
                    {{ $incomingTransfers->count() }} Incoming Shipment(s) In Transit
                </h6>
                <small class="text-muted">
                    Total {{ $incomingTransfers->sum('total_units_dispatched') }} units on route to {{ $currentStore->name }}. Receipt confirmation required.
                </small>
            </div>
        </div>
        <div class="d-flex gap-2">
            @foreach($incomingTransfers as $incTrf)
                <a href="{{ route('inventory.transfers.receive-terminal', $incTrf) }}" class="btn btn-sm btn-success fw-bold">
                    <i class="bi bi-box-arrow-in-down me-1"></i> Receive {{ $incTrf->transfer_number }}
                </a>
            @endforeach
        </div>
    </div>
@endif

<!-- Store Inventory Metrics -->
<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 Units in Store</span>
            <div class="fs-3 fw-bold text-success">{{ number_format($units->total()) }}</div>
            <small class="text-muted">Physical shelf stock</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 Products</span>
            <div class="fs-3 fw-bold text-primary">{{ $productStock->count() }}</div>
            <small class="text-muted">Active product lines</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">Batches in Store</span>
            <div class="fs-3 fw-bold text-dark">{{ $batchStock->count() }}</div>
            <small class="text-muted">Inventory 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">Store Location</span>
            <div class="fw-bold text-dark fs-6 mt-1">{{ $currentStore->city }}, {{ $currentStore->state }}</div>
            <small class="text-muted">{{ $currentStore->contact_number }}</small>
        </div>
    </div>
</div>

<div class="row g-4 mb-4">
    <!-- Product-Wise Store Stock -->
    <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 Store Inventory</h5>
                <span class="badge bg-light text-dark border">{{ $productStock->count() }} SKUs</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 Name</th>
                                <th>SKU</th>
                                <th>Pack Size</th>
                                <th class="text-end">Units in Store</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 stock available in store.</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

    <!-- Batch-Wise Store Stock -->
    <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 Store Inventory</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 in store.</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Individual Store Product Units -->
<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">Physical Unit Registry (In Store)</h5>
            <form method="GET" action="{{ route('inventory.store.index') }}" class="d-flex gap-2">
                @if(Auth::user()->isSuperAdmin())
                    <input type="hidden" name="store_id" value="{{ $currentStore->id }}">
                @endif
                <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>Store Received</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">
                                    {{ substr($unit->qr_token, 0, 8) }}...
                                </span>
                            </td>
                            <td class="small">{{ $unit->store_received_at ? $unit->store_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 in this store's inventory.
                            </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 Movements for this Store -->
<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 at {{ $currentStore->name }}</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 for this store.</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection