{{-- New-Unity ERP | app/Modules/Warehouse/Resources/Views/picking/index.blade.php | v1.0 | 10/07/2026 09:35:00 --}}
{{-- v1.0 — Listado de picking lists con estado y progreso. --}}

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

@section('page-title')
<div class="subheader">
    <h1 class="subheader-title">
        <i class="subheader-icon fal fa-dolly"></i> {{ __('warehouse.picking-lists') }}
        <small>{{ __('warehouse.picking-sub') }}</small>
    </h1>
</div>
@endsection

@section('content')

@if(session('success'))
<div class="alert alert-success alert-dismissible fade show">
    <i class="fal fa-check-circle me-2"></i>{{ session('success') }}
    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
</div>
@endif

{{-- Stats --}}
<div class="row mb-3">
    <div class="col-xl-4 mb-2">
        <div class="card h-100 py-2 {{ $stats['pending'] > 0 ? 'border-warning' : '' }}">
            <div class="card-body py-2">
                <div class="d-flex align-items-center">
                    <div class="me-3"><i class="fal fa-clock fa-2x text-warning opacity-75"></i></div>
                    <div>
                        <div class="text-xs text-muted text-uppercase fw-bold">{{ __('warehouse.pending') }}</div>
                        <div class="h4 mb-0 fw-bold {{ $stats['pending'] > 0 ? 'text-warning' : '' }}">{{ $stats['pending'] }}</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-xl-4 mb-2">
        <div class="card h-100 py-2 {{ $stats['in_progress'] > 0 ? 'border-primary' : '' }}">
            <div class="card-body py-2">
                <div class="d-flex align-items-center">
                    <div class="me-3"><i class="fal fa-dolly fa-2x text-primary opacity-75"></i></div>
                    <div>
                        <div class="text-xs text-muted text-uppercase fw-bold">{{ __('warehouse.in-progress') }}</div>
                        <div class="h4 mb-0 fw-bold">{{ $stats['in_progress'] }}</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-xl-4 mb-2">
        <div class="card h-100 py-2">
            <div class="card-body py-2">
                <div class="d-flex align-items-center">
                    <div class="me-3"><i class="fal fa-check-circle fa-2x text-success opacity-75"></i></div>
                    <div>
                        <div class="text-xs text-muted text-uppercase fw-bold">{{ __('warehouse.completed-today') }}</div>
                        <div class="h4 mb-0 fw-bold text-success">{{ $stats['completed'] }}</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

{{-- Ayuda contextual --}}
<div class="alert alert-info alert-dismissible fade show py-2 mb-3">
    <i class="fal fa-info-circle me-2"></i>
    {!! __('warehouse.picking-help') !!}
    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
</div>

<div class="panel">
    <div class="panel-hdr">
        <h2><i class="fal fa-dolly me-2"></i> {{ __('warehouse.picking-lists') }}</h2>
    </div>
    <div class="panel-container show">
        <div class="panel-content">
            <div class="table-responsive">
                <table class="table table-bordered table-hover table-striped w-100">
                    <thead>
                        <tr>
                            <th>{{ __('warehouse.picking-num') }}</th>
                            <th>{{ __('warehouse.sales-order') }}</th>
                            <th>{{ __('warehouse.warehouse') }}</th>
                            <th class="text-center">{{ __('warehouse.items') }}</th>
                            <th class="text-center">{{ __('warehouse.status') }}</th>
                            <th>{{ __('warehouse.assigned-to') }}</th>
                            <th>{{ __('warehouse.created') }}</th>
                            <th>{{ __('warehouse.completed') }}</th>
                            <th class="text-center">{{ __('warehouse.actions') }}</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($pickings as $picking)
                        <tr>
                            <td><span class="fw-bold">{{ $picking->picking_number }}</span></td>
                            <td>
                                <a href="{{ route('sales.orders.show', $picking->sales_order_id) }}"
                                   class="text-primary">SO-{{ str_pad($picking->sales_order_id, 4, '0', STR_PAD_LEFT) }}</a>
                            </td>
                            <td>{{ $picking->warehouse->code ?? '—' }}</td>
                            <td class="text-center">{{ $picking->details_count ?? $picking->details->count() }}</td>
                            <td class="text-center">
                                <span class="badge bg-{{ $picking->status_color }}">
                                    {{ $picking->status_label }}
                                </span>
                            </td>
                            <td class="small text-muted">{{ $picking->assignedTo->name ?? __('warehouse.unassigned') }}</td>
                            <td class="text-muted small">{{ $picking->created_at->format('d/m/Y H:i') }}</td>
                            <td class="text-muted small">{{ $picking->completed_at?->format('d/m/Y H:i') ?? '—' }}</td>
                            <td class="text-center">
                                <a href="{{ route('warehouse.picking.show', $picking) }}"
                                   class="btn btn-sm btn-icon btn-outline-primary" title="{{ __('warehouse.view') }}">
                                    <i class="fal fa-eye"></i>
                                </a>
                            </td>
                        </tr>
                        @empty
                        <tr>
                            <td colspan="9" class="text-center text-muted py-4">
                                <i class="fal fa-dolly fa-2x d-block mb-2 opacity-50"></i>
                                {{ __('warehouse.no-picking-lists') }}
                            </td>
                        </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
            {{ $pickings->links() }}
        </div>
    </div>
</div>

@endsection