@extends('layouts.app')
@section('title', $warehouse->name)
@section('breadcrumb')
<li class="breadcrumb-item"><a href="{{ route('warehouses.index') }}">Warehouses</a></li>
<li class="breadcrumb-item active">{{ $warehouse->name }}</li>
@endsection
@section('content')

<div class="page-header d-flex justify-content-between align-items-start">
    <div>
        <h1 class="page-title">{{ $warehouse->name }}</h1>
        <div class="d-flex align-items-center gap-2 mt-1">
            <code>{{ $warehouse->code }}</code>
            @if($warehouse->is_default)<span class="badge bg-primary"><i class="bi bi-star-fill me-1"></i>Default</span>@endif
            <span class="badge {{ $warehouse->is_active ? 'bg-success' : 'bg-danger' }}">{{ $warehouse->is_active ? 'Active' : 'Inactive' }}</span>
        </div>
    </div>
    @can_permission('warehouses.edit')
    <a href="{{ route('warehouses.edit', $warehouse) }}" class="btn btn-outline-primary btn-sm">
        <i class="bi bi-pencil me-1"></i> Edit
    </a>
    @endcan_permission
</div>

<div class="row g-3 mb-3">
    <div class="col-6 col-md-3">
        <div class="stat-card">
            <div class="stat-icon" style="background:#dbeafe;"><i class="bi bi-boxes" style="color:#1d4ed8;"></i></div>
            <div><div class="stat-value">{{ number_format($totalItems) }}</div><div class="stat-label">Unique Items</div></div>
        </div>
    </div>
    <div class="col-6 col-md-3">
        <div class="stat-card">
            <div class="stat-icon" style="background:#d1fae5;"><i class="bi bi-currency-exchange" style="color:#059669;"></i></div>
            <div><div class="stat-value" style="font-size:1rem;">৳{{ number_format($totalStockValue, 0) }}</div><div class="stat-label">Stock Value</div></div>
        </div>
    </div>
</div>

<div class="row g-3 mb-3">
    <div class="col-12 col-md-4">
        <div class="card">
            <div class="card-header"><i class="bi bi-building me-2"></i>Details</div>
            <div class="card-body p-0">
                <table class="table table-sm mb-0" style="font-size:.875rem;">
                    <tr><td class="text-muted" style="width:40%;">Name</td><td class="fw-600">{{ $warehouse->name }}</td></tr>
                    <tr><td class="text-muted">Code</td><td><code>{{ $warehouse->code }}</code></td></tr>
                    <tr><td class="text-muted">Manager</td><td>{{ $warehouse->manager_name ?? '—' }}</td></tr>
                    <tr><td class="text-muted">Phone</td><td>{{ $warehouse->phone ?? '—' }}</td></tr>
                    <tr><td class="text-muted">Address</td><td>{{ $warehouse->address ?? '—' }}</td></tr>
                </table>
            </div>
        </div>
    </div>

    <div class="col-12 col-md-8">
        <div class="card">
            <div class="card-header"><i class="bi bi-boxes me-2"></i>Current Stock</div>
            <div class="card-body p-0">
                <div class="table-responsive">
                    <table class="table mb-0" style="font-size:.825rem;">
                        <thead><tr><th>Product / Variant</th><th>SKU</th><th>Category</th><th>Available</th><th>Reserved</th></tr></thead>
                        <tbody>
                            @forelse($stocks as $stock)
                            <tr>
                                <td>
                                    <div class="fw-600">{{ $stock->productVariant->product->name }}</div>
                                    <div style="font-size:.78rem;color:#64748b;">{{ $stock->productVariant->variant_name }}</div>
                                </td>
                                <td><code style="font-size:.75rem;">{{ $stock->productVariant->sku }}</code></td>
                                <td style="font-size:.8rem;color:#64748b;">{{ $stock->productVariant->product->category->name }}</td>
                                <td>
                                    <span class="badge {{ $stock->available_qty <= 0 ? 'bg-danger' : ($stock->quantity <= $stock->productVariant->min_stock_alert ? 'bg-warning text-dark' : 'bg-success') }}">
                                        {{ $stock->available_qty }}
                                    </span>
                                </td>
                                <td>{{ $stock->reserved_qty > 0 ? $stock->reserved_qty : '—' }}</td>
                            </tr>
                            @empty
                            <tr><td colspan="5" class="text-center py-4 text-muted">No stock in this warehouse</td></tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
                @if($stocks->hasPages())<div class="card-footer">{{ $stocks->links() }}</div>@endif
            </div>
        </div>
    </div>
</div>

@endsection