{{-- New-Unity ERP | app/Modules/Deliveries/Resources/Views/deliveries/index.blade.php | v1.0 | 15/07/2026 --}}
{{-- v1.0 — Listado de Ordenes de Entrega con stats y filtro por estatus. --}}

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

@section('page-title')
<div class="subheader">
    <h1 class="subheader-title">
        <i class="subheader-icon fal fa-truck"></i> {{ __('deliveries.deliveries') }}
        <small>{{ __('deliveries.outbound-mgmt') }}</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

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

{{-- Stats --}}
<div class="row g-3 mb-3">
    <div class="col-6 col-md-3">
        <a href="{{ route('deliveries.index', ['status' => 'all']) }}" class="text-decoration-none">
            <div class="panel text-center py-3 mb-0 {{ $status === 'all' ? 'border-primary' : '' }}">
                <div style="font-size:10px;font-weight:600;color:#6c757d;letter-spacing:.5px;">{{ __('deliveries.pending') }}</div>
                <div class="h3 mb-0 text-warning">{{ $stats['pending'] }}</div>
            </div>
        </a>
    </div>
    <div class="col-6 col-md-3">
        <a href="{{ route('deliveries.index', ['status' => 'picking']) }}" class="text-decoration-none">
            <div class="panel text-center py-3 mb-0 {{ $status === 'picking' ? 'border-warning' : '' }}">
                <div style="font-size:10px;font-weight:600;color:#6c757d;letter-spacing:.5px;">{{ __('deliveries.picking') }}</div>
                <div class="h3 mb-0 text-warning">{{ $stats['picking'] }}</div>
            </div>
        </a>
    </div>
    <div class="col-6 col-md-3">
        <a href="{{ route('deliveries.index', ['status' => 'dispatched']) }}" class="text-decoration-none">
            <div class="panel text-center py-3 mb-0 {{ $status === 'dispatched' ? 'border-primary' : '' }}">
                <div style="font-size:10px;font-weight:600;color:#6c757d;letter-spacing:.5px;">{{ __('deliveries.in-transit') }}</div>
                <div class="h3 mb-0 text-primary">{{ $stats['dispatched'] }}</div>
            </div>
        </a>
    </div>
    <div class="col-6 col-md-3">
        <a href="{{ route('deliveries.index', ['status' => 'delivered']) }}" class="text-decoration-none">
            <div class="panel text-center py-3 mb-0 {{ $status === 'delivered' ? 'border-success' : '' }}">
                <div style="font-size:10px;font-weight:600;color:#6c757d;letter-spacing:.5px;">{{ __('deliveries.delivered') }}</div>
                <div class="h3 mb-0 text-success">{{ $stats['delivered'] }}</div>
            </div>
        </a>
    </div>
</div>

{{-- Table --}}
<div class="panel">
    <div class="panel-hdr">
        <h2><i class="fal fa-truck me-2"></i> {{ __('deliveries.delivery-orders') }}</h2>
    </div>
    <div class="panel-container show">
        <div class="panel-content p-0">
            <table class="table table-hover table-bordered mb-0">
                <thead>
                    <tr>
                        <th>{{ __('deliveries.delivery-num') }}</th>
                        <th>{{ __('deliveries.sales-order') }}</th>
                        <th>{{ __('deliveries.customer') }}</th>
                        <th>{{ __('deliveries.warehouse') }}</th>
                        <th>{{ __('deliveries.carrier') }}</th>
                        <th class="text-center">{{ __('deliveries.status') }}</th>
                        <th>{{ __('deliveries.created') }}</th>
                        <th class="text-center">{{ __('deliveries.actions') }}</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($deliveries as $delivery)
                    <tr>
                        <td class="fw-bold">
                            <a href="{{ route('deliveries.show', $delivery) }}">
                                {{ $delivery->delivery_number }}
                            </a>
                        </td>
                        <td>
                            <span class="text-primary fw-bold">{{ $delivery->so_number }}</span>
                        </td>
                        <td class="small">{{ $delivery->customer_name }}</td>
                        <td>{{ $delivery->warehouse?->code ?? '--' }}</td>
                        <td class="small">{{ $delivery->carrier ?? '--' }}</td>
                        <td class="text-center">
                            <span class="badge bg-{{ $delivery->status_color }}">
                                {{ $delivery->status_label }}
                            </span>
                        </td>
                        <td class="small text-muted">{{ $delivery->created_at->format('d/m/Y H:i') }}</td>
                        <td class="text-center">
                            <a href="{{ route('deliveries.show', $delivery) }}"
                               class="btn btn-sm btn-icon btn-outline-primary" title="{{ __('deliveries.view') }}">
                                <i class="fal fa-eye"></i>
                            </a>
                        </td>
                    </tr>
                    @empty
                    <tr>
                        <td colspan="8" class="text-center text-muted py-5">
                            <i class="fal fa-truck fa-3x d-block mb-3 opacity-25"></i>
                            {{ __('deliveries.no-deliveries') }}
                        </td>
                    </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>

{{ $deliveries->links() }}

@endsection