{{-- New-Unity ERP | app/Modules/Warehouse/Resources/Views/racks/index.blade.php | v1.0 | 14/07/2026 --}}
{{-- v1.0 — Lista de racks con estado de ocupación.                                     --}}

@extends('layouts.vertical', ['pageTitle' => __('warehouse.racks')])

@section('page-title')
<div class="subheader">
    <h1 class="subheader-title">
        <i class="subheader-icon fal fa-th"></i> {{ __('warehouse.racks') }}
        <small>{{ __('warehouse.racks-sub') }}</small>
    </h1>
    <div class="subheader-block">
        <a href="{{ route('warehouse.racks.create') }}" class="btn btn-primary btn-sm">
            <i class="fal fa-plus me-1"></i> {{ __('warehouse.new-rack') }}
        </a>
    </div>
</div>
@endsection

@section('content')

@if(session('success'))
<div class="alert alert-success alert-dismissible fade show py-2 small mb-3">
    {{ session('success') }}<button type="button" class="btn-close" data-bs-dismiss="alert"></button>
</div>
@endif

{{-- Filters --}}
<div class="panel mb-3">
    <div class="panel-container show">
        <div class="panel-content py-2">
            <form method="GET" class="row g-2 align-items-end">
                <div class="col-md-3">
                    <label class="form-label fw-bold small">{{ __('warehouse.warehouse') }}</label>
                    <select name="warehouse_id" class="form-select form-select-sm" onchange="this.form.submit()">
                        <option value="">{{ __('warehouse.all-warehouses') }}</option>
                        @foreach($warehouses as $wh)
                        <option value="{{ $wh->id }}" {{ request('warehouse_id') == $wh->id ? 'selected' : '' }}>
                            {{ $wh->code }} — {{ $wh->name }}
                        </option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-3">
                    <label class="form-label fw-bold small">{{ __('warehouse.zone') }}</label>
                    <select name="zone_id" class="form-select form-select-sm" onchange="this.form.submit()">
                        <option value="">{{ __('warehouse.all-zones') }}</option>
                        @foreach($zones as $z)
                        <option value="{{ $z->id }}" {{ request('zone_id') == $z->id ? 'selected' : '' }}>
                            {{ $z->code }} — {{ $z->name }}
                        </option>
                        @endforeach
                    </select>
                </div>
            </form>
        </div>
    </div>
</div>

<div class="panel">
    <div class="panel-container show">
        <div class="panel-content p-0">
            <table class="table table-hover align-middle mb-0">
                <thead class="table-light">
                    <tr>
                        <th class="ps-3">{{ __('warehouse.rack') }}</th>
                        <th>{{ __('warehouse.warehouse-zone') }}</th>
                        <th>{{ __('warehouse.aisle-ref') }}</th>
                        <th class="text-center">{{ __('warehouse.positions-x') }}</th>
                        <th class="text-center">{{ __('warehouse.levels-y') }}</th>
                        <th class="text-center">{{ __('warehouse.total-bins-col') }}</th>
                        <th class="text-center">{{ __('warehouse.free') }}</th>
                        <th class="text-center">{{ __('warehouse.occupied') }}</th>
                        <th class="text-center">{{ __('warehouse.status') }}</th>
                        <th class="pe-3">{{ __('warehouse.actions') }}</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($racks as $rack)
                    @php
                        $total    = $rack->positions_x * $rack->levels_y;
                        $occupied = $rack->locations_count - $rack->freeBins();
                        $free     = $rack->freeBins();
                        $pct      = $total > 0 ? round($occupied / $total * 100) : 0;
                    @endphp
                    <tr>
                        <td class="ps-3">
                            <div class="fw-bold text-primary">{{ $rack->code }}</div>
                            <div class="text-muted small">{{ $rack->description }}</div>
                        </td>
                        <td>
                            <div class="small">{{ $rack->warehouse->code }}</div>
                            <span class="badge bg-secondary">{{ $rack->zone->code }}</span>
                        </td>
                        <td class="text-muted small">{{ $rack->aisle_ref ?? '—' }}</td>
                        <td class="text-center fw-bold">{{ $rack->positions_x }}</td>
                        <td class="text-center fw-bold">{{ $rack->levels_y }}</td>
                        <td class="text-center">{{ $total }}</td>
                        <td class="text-center text-success fw-bold">{{ $free }}</td>
                        <td class="text-center text-danger fw-bold">{{ $occupied }}</td>
                        <td class="text-center">
                            <div class="progress" style="height:6px;width:60px;margin:0 auto;">
                                <div class="progress-bar {{ $pct > 80 ? 'bg-danger' : ($pct > 50 ? 'bg-warning' : 'bg-success') }}"
                                     style="width:{{ $pct }}%"></div>
                            </div>
                            <div class="text-xs text-muted mt-1">{{ $pct }}%</div>
                        </td>
                        <td class="pe-3">
                            <div class="d-flex gap-1">
                                <a href="{{ route('warehouse.racks.show', $rack) }}"
                                   class="btn btn-outline-primary btn-sm" title="{{ __('warehouse.view-map') }}">
                                    <i class="fal fa-th"></i>
                                </a>
                                <a href="{{ route('warehouse.racks.edit', $rack) }}"
                                   class="btn btn-outline-secondary btn-sm" title="{{ __('warehouse.edit') }}">
                                    <i class="fal fa-edit"></i>
                                </a>
                            </div>
                        </td>
                    </tr>
                    @empty
                    <tr>
                        <td colspan="10" class="text-center py-5 text-muted">
                            <i class="fal fa-th fa-3x mb-3 d-block opacity-25"></i>
                            {{ __('warehouse.no-racks') }}
                            <a href="{{ route('warehouse.racks.create') }}">{{ __('warehouse.create-first-rack') }}</a>
                        </td>
                    </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
        @if($racks->hasPages())
        <div class="panel-content border-top">{{ $racks->withQueryString()->links() }}</div>
        @endif
    </div>
</div>
@endsection