{{-- New-Unity ERP | app/Modules/Warehouse/Resources/Views/warehouses/show.blade.php | v2.0 | 14/07/2026 --}}
{{-- v1.0 — Detalle de almacen con zonas y ubicaciones.                                              --}}
{{-- v2.0 — Rediseno completo con tabs: Overview / Zones / Storage Units / Operations.               --}}

@extends('layouts.vertical', ['pageTitle' => $warehouse->code . ' — ' . $warehouse->name])

@section('page-title')
<div class="subheader">
    <h1 class="subheader-title">
        <i class="subheader-icon fal fa-warehouse"></i> {{ $warehouse->code }} — {{ $warehouse->name }}
        <small>{{ __('warehouse.warehouse-mgmt') }}</small>
        @if($warehouse->is_default)
        <span class="badge bg-primary ms-2" style="font-size:11px;">{{ __('warehouse.default') }}</span>
        @endif
    </h1>
    <div class="subheader-block d-lg-flex align-items-center gap-2">
        <a href="{{ route('warehouse.warehouses.index') }}" class="btn btn-secondary btn-sm">
            <i class="fal fa-arrow-left me-1"></i> {{ __('warehouse.back') }}
        </a>
        @can('warehouse.edit')
        <a href="{{ route('warehouse.warehouses.edit', $warehouse) }}" class="btn btn-warning btn-sm">
            <i class="fal fa-edit me-1"></i> {{ __('warehouse.edit') }}
        </a>
        @endcan
    </div>
</div>
@endsection

@section('content')

{{-- Stats bar --}}
<div class="row g-3 mb-3">
    <div class="col-6 col-md-3">
        <div class="panel text-center py-3 mb-0">
            <div style="font-size:10px;font-weight:600;color:#6c757d;letter-spacing:.5px;">{{ __('warehouse.total-bins') }}</div>
            <div class="h3 mb-0 text-primary">{{ $totalLocations }}</div>
        </div>
    </div>
    <div class="col-6 col-md-3">
        <div class="panel text-center py-3 mb-0">
            <div style="font-size:10px;font-weight:600;color:#6c757d;letter-spacing:.5px;">{{ __('warehouse.free-bins') }}</div>
            <div class="h3 mb-0 text-success">{{ $freeBins }}</div>
        </div>
    </div>
    <div class="col-6 col-md-3">
        <div class="panel text-center py-3 mb-0">
            <div style="font-size:10px;font-weight:600;color:#6c757d;letter-spacing:.5px;">{{ __('warehouse.occupied-caps') }}</div>
            <div class="h3 mb-0 text-danger">{{ $occupiedBins }}</div>
        </div>
    </div>
    <div class="col-6 col-md-3">
        <div class="panel text-center py-3 mb-0">
            <div style="font-size:10px;font-weight:600;color:#6c757d;letter-spacing:.5px;">{{ __('warehouse.occupancy') }}</div>
            <div class="h3 mb-0 {{ $occupancyPct > 80 ? 'text-danger' : ($occupancyPct > 50 ? 'text-warning' : 'text-success') }}">
                {{ $occupancyPct }}%
            </div>
        </div>
    </div>
</div>

{{-- Tabs --}}
<div class="panel">
    <div class="panel-hdr p-0 border-bottom" style="background:transparent;">
        <ul class="nav nav-tabs border-0 w-100 ps-3 pt-2" id="warehouseTabs" role="tablist">
            <li class="nav-item">
                <a class="nav-link active" id="tab-overview" data-bs-toggle="tab" href="#overview" role="tab">
                    <i class="fal fa-chart-pie me-1"></i> {{ __('warehouse.overview') }}
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" id="tab-zones" data-bs-toggle="tab" href="#zones" role="tab">
                    <i class="fal fa-layer-group me-1"></i> {{ __('warehouse.zones') }}
                    <span class="badge bg-secondary ms-1">{{ $warehouse->zones->count() }}</span>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" id="tab-units" data-bs-toggle="tab" href="#units" role="tab">
                    <i class="fal fa-th me-1"></i> {{ __('warehouse.storage-units') }}
                    <span class="badge bg-secondary ms-1">{{ $racks->count() }}</span>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" id="tab-operations" data-bs-toggle="tab" href="#operations" role="tab">
                    <i class="fal fa-exchange-alt me-1"></i> {{ __('warehouse.operations') }}
                </a>
            </li>
        </ul>
    </div>
    <div class="panel-container show">
        <div class="panel-content">
            <div class="tab-content" id="warehouseTabContent">

                {{-- ═══════════════════════════════════════════════════════
                     TAB 1 — OVERVIEW
                ════════════════════════════════════════════════════════════ --}}
                <div class="tab-pane fade show active" id="overview" role="tabpanel">
                    <div class="row g-3">

                        {{-- Info del almacen --}}
                        <div class="col-md-5">
                            <h6 class="fw-bold text-muted mb-3" style="font-size:11px;letter-spacing:.5px;">{{ __('warehouse.warehouse-info-caps') }}</h6>
                            <table class="table table-sm table-borderless">
                                <tr>
                                    <td class="text-muted small" style="width:120px;">{{ __('warehouse.code') }}</td>
                                    <td class="fw-bold">{{ $warehouse->code }}</td>
                                </tr>
                                <tr>
                                    <td class="text-muted small">{{ __('warehouse.name') }}</td>
                                    <td>{{ $warehouse->name }}</td>
                                </tr>
                                @if($warehouse->address)
                                <tr>
                                    <td class="text-muted small">{{ __('warehouse.address') }}</td>
                                    <td class="small">{{ $warehouse->address }}</td>
                                </tr>
                                @endif
                                <tr>
                                    <td class="text-muted small">{{ __('warehouse.bin-code-format') }}</td>
                                    <td>
                                        @if($warehouse->use_aisle_in_code)
                                        <code class="small">P1-RACK1-N1-01</code>
                                        <span class="badge bg-info ms-1" style="font-size:10px;">{{ __('warehouse.with-aisle') }}</span>
                                        @else
                                        <code class="small">RACK1-N1-01</code>
                                        <span class="badge bg-secondary ms-1" style="font-size:10px;">{{ __('warehouse.no-aisle') }}</span>
                                        @endif
                                    </td>
                                </tr>
                                <tr>
                                    <td class="text-muted small">{{ __('warehouse.status') }}</td>
                                    <td>
                                        <span class="badge bg-{{ $warehouse->is_active ? 'success' : 'danger' }}">
                                            {{ $warehouse->is_active ? __('warehouse.active') : __('warehouse.inactive') }}
                                        </span>
                                    </td>
                                </tr>
                            </table>
                        </div>

                        {{-- Stats por zona --}}
                        <div class="col-md-7">
                            <h6 class="fw-bold text-muted mb-3" style="font-size:11px;letter-spacing:.5px;">{{ __('warehouse.zones-overview-caps') }}</h6>
                            @foreach($zoneStats as $stat)
                            <div class="d-flex align-items-center mb-2 gap-2">
                                <span class="badge bg-{{ $stat['zone']->color }}" style="min-width:42px;font-size:11px;">
                                    {{ $stat['zone']->code }}
                                </span>
                                <span class="small text-muted" style="min-width:130px;">{{ $stat['zone']->name }}</span>
                                <div class="flex-grow-1">
                                    <div class="progress" style="height:6px;border-radius:3px;">
                                        <div class="progress-bar bg-{{ $stat['zone']->color }}"
                                             style="width:{{ $stat['pct'] }}%"></div>
                                    </div>
                                </div>
                                <span class="small text-muted ms-1" style="min-width:80px;text-align:right;">
                                    {{ $stat['occupied'] }}/{{ $stat['total'] }} {{ __('warehouse.bins') }}
                                </span>
                                <span class="small fw-bold" style="min-width:38px;text-align:right;
                                    color:{{ $stat['pct'] > 80 ? '#dc3545' : ($stat['pct'] > 50 ? '#fd7e14' : '#28a745') }}">
                                    {{ $stat['pct'] }}%
                                </span>
                            </div>
                            @endforeach

                            @if($totalLocations === 0)
                            <div class="alert alert-warning py-2 small mt-3">
                                <i class="fal fa-exclamation-triangle me-1"></i>
                                {{ __('warehouse.no-storage-units-yet') }}
                                <a href="#units" data-bs-toggle="tab" data-bs-target="#units" class="fw-bold">
                                    {{ __('warehouse.add-storage-units-lnk') }}
                                </a> {{ __('warehouse.to-start-receiving') }}
                            </div>
                            @endif
                        </div>

                    </div>
                </div>

                {{-- ═══════════════════════════════════════════════════════
                     TAB 2 — ZONES
                ════════════════════════════════════════════════════════════ --}}
                <div class="tab-pane fade" id="zones" role="tabpanel">
                    <div class="row g-3">
                        @foreach($warehouse->zones->sortBy('sort_order') as $zone)
                        <div class="col-md-6 col-xl-4">
                            <div class="border rounded p-3">
                                <div class="d-flex align-items-center justify-content-between mb-2">
                                    <div class="d-flex align-items-center gap-2">
                                        <span class="badge bg-{{ $zone->color }}" style="font-size:12px;padding:5px 10px;">
                                            {{ $zone->code }}
                                        </span>
                                        <span class="fw-bold">{{ $zone->name }}</span>
                                    </div>
                                    <span class="badge bg-{{ $zone->is_active ? 'success' : 'danger' }}" style="font-size:10px;">
                                        {{ $zone->is_active ? __('warehouse.active') : __('warehouse.inactive') }}
                                    </span>
                                </div>
                                <div class="row g-2 mt-1">
                                    <div class="col-4 text-center">
                                        <div style="font-size:10px;color:#6c757d;font-weight:600;">{{ __('warehouse.units-caps') }}</div>
                                        <div class="fw-bold">{{ $zone->racks->count() }}</div>
                                    </div>
                                    <div class="col-4 text-center">
                                        <div style="font-size:10px;color:#6c757d;font-weight:600;">{{ __('warehouse.bins-caps') }}</div>
                                        <div class="fw-bold">{{ $zone->locations->count() }}</div>
                                    </div>
                                    <div class="col-4 text-center">
                                        <div style="font-size:10px;color:#6c757d;font-weight:600;">{{ __('warehouse.free-caps') }}</div>
                                        <div class="fw-bold text-success">
                                            {{ $zone->locations->where('is_occupied', false)->count() }}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        @endforeach
                    </div>
                </div>

                {{-- ═══════════════════════════════════════════════════════
                     TAB 3 — STORAGE UNITS
                ════════════════════════════════════════════════════════════ --}}
                <div class="tab-pane fade" id="units" role="tabpanel">

                    <div class="d-flex justify-content-between align-items-center mb-3">
                        <div class="small text-muted">
                            {{ __('warehouse.define-storage-units') }}
                        </div>
                        @can('warehouse.create')
                        <a href="{{ route('warehouse.racks.create') }}?warehouse_id={{ $warehouse->id }}"
                           class="btn btn-primary btn-sm">
                            <i class="fal fa-plus me-1"></i> {{ __('warehouse.new-storage-unit') }}
                        </a>
                        @endcan
                    </div>

                    @if($racks->isEmpty())
                    <div class="text-center text-muted py-5">
                        <i class="fal fa-th fa-3x d-block mb-3 opacity-25"></i>
                        <p class="mb-1">{{ __('warehouse.no-storage-units-defined') }}</p>
                        <p class="small mb-3">{{ __('warehouse.add-racks-hint') }}</p>
                        @can('warehouse.create')
                        <a href="{{ route('warehouse.racks.create') }}?warehouse_id={{ $warehouse->id }}"
                           class="btn btn-primary btn-sm">
                            <i class="fal fa-plus me-1"></i> {{ __('warehouse.add-first-storage-unit') }}
                        </a>
                        @endcan
                    </div>
                    @else

                    {{-- Agrupar por zona --}}
                    @foreach($warehouse->zones->sortBy('sort_order') as $zone)
                    @php $zoneRacks = $racks->where('zone_id', $zone->id); @endphp
                    @if($zoneRacks->isNotEmpty())
                    <div class="mb-4">
                        <div class="d-flex align-items-center gap-2 mb-2">
                            <span class="badge bg-{{ $zone->color }}" style="font-size:12px;padding:5px 10px;">
                                {{ $zone->code }}
                            </span>
                            <span class="fw-bold">{{ $zone->name }}</span>
                            <span class="text-muted small">— {{ $zoneRacks->count() }} {{ __('warehouse.units-suffix') }}</span>
                        </div>
                        <div class="row g-2">
                            @foreach($zoneRacks->sortBy('sort_order') as $rack)
                            <div class="col-md-4 col-lg-3">
                                <div class="border rounded p-3" style="border-color:#dee2e6!important;">
                                    <div class="d-flex justify-content-between align-items-start mb-2">
                                        <span class="fw-bold" style="font-size:15px;">{{ $rack->code }}</span>
                                        <a href="{{ route('warehouse.racks.show', $rack) }}"
                                           class="btn btn-xs btn-outline-primary" style="font-size:10px;padding:2px 7px;">
                                            {{ __('warehouse.view') }}
                                        </a>
                                    </div>
                                    @if($rack->description)
                                    <div class="text-muted small mb-2">{{ $rack->description }}</div>
                                    @endif
                                    <div class="row g-1 text-center">
                                        <div class="col-4">
                                            <div style="font-size:9px;color:#6c757d;font-weight:600;">{{ __('warehouse.pos-x') }}</div>
                                            <div class="fw-bold small">{{ $rack->positions_x }}</div>
                                        </div>
                                        <div class="col-4">
                                            <div style="font-size:9px;color:#6c757d;font-weight:600;">{{ __('warehouse.lvl-y') }}</div>
                                            <div class="fw-bold small">{{ $rack->levels_y }}</div>
                                        </div>
                                        <div class="col-4">
                                            <div style="font-size:9px;color:#6c757d;font-weight:600;">{{ __('warehouse.bins-caps') }}</div>
                                            <div class="fw-bold small text-primary">{{ $rack->locations->count() }}</div>
                                        </div>
                                    </div>
                                    {{-- Mini barra de ocupacion --}}
                                    @php
                                        $rackTotal = $rack->locations->count();
                                        $rackOcc   = $rack->locations->where('is_occupied', true)->count();
                                        $rackPct   = $rackTotal > 0 ? round(($rackOcc/$rackTotal)*100) : 0;
                                    @endphp
                                    <div class="mt-2">
                                        <div class="progress" style="height:4px;border-radius:2px;">
                                            <div class="progress-bar bg-{{ $rackPct > 80 ? 'danger' : ($rackPct > 50 ? 'warning' : 'success') }}"
                                                 style="width:{{ $rackPct }}%"></div>
                                        </div>
                                        <div class="text-muted text-end" style="font-size:9px;margin-top:2px;">
                                            {{ $rackOcc }}/{{ $rackTotal }} {{ __('warehouse.occupied-lower') }}
                                        </div>
                                    </div>
                                </div>
                            </div>
                            @endforeach
                        </div>
                    </div>
                    @endif
                    @endforeach

                    @endif
                </div>

                {{-- ═══════════════════════════════════════════════════════
                     TAB 4 — OPERATIONS
                ════════════════════════════════════════════════════════════ --}}
                <div class="tab-pane fade" id="operations" role="tabpanel">
                    <div class="text-center text-muted py-5">
                        <i class="fal fa-exchange-alt fa-3x d-block mb-3 opacity-25"></i>
                        <p class="mb-1 fw-bold">{{ __('warehouse.operations-soon') }}</p>
                        <p class="small">{{ __('warehouse.operations-soon-desc') }}</p>
                        @if($totalLocations === 0)
                        <div class="alert alert-warning py-2 small mt-3 d-inline-block">
                            <i class="fal fa-exclamation-triangle me-1"></i>
                            {{ __('warehouse.configure-units-first') }}
                        </div>
                        @endif
                    </div>
                </div>

            </div>{{-- end tab-content --}}
        </div>
    </div>
</div>

@endsection