@php $estados = [ 'Completado' => 'bg-emerald-50 text-emerald-700 dark:bg-emerald-500/10 dark:text-emerald-300', 'Pendiente' => 'bg-amber-50 text-amber-800 dark:bg-amber-500/10 dark:text-amber-300', 'Vencido' => 'bg-red-50 text-red-700 dark:bg-red-500/10 dark:text-red-300', 'En tránsito' => 'bg-sky-50 text-sky-700 dark:bg-sky-500/10 dark:text-sky-300', ]; @endphp
{{-- Encabezado de página (layout.md §5.1) --}}

Layout · Muestra

Componentes del layout

Datos de ejemplo. Revise esta página en modo claro y oscuro, con empresas de colores distintos.

Exportar Abrir diálogo
{{-- Indicadores (§6.2) --}}
@foreach ([['Órdenes abiertas', '1.284', '+12 frente a la semana anterior'], ['En tránsito', '312', '24 llegan esta semana'], ['Pendientes de documentos', '57', '9 vencen hoy'], ['Valor FOB del mes', 'US$ 4,2 M', 'Corte al día de hoy']] as [$etiqueta, $valor, $nota])

{{ $etiqueta }}

{{ $valor }}

{{ $nota }}

@endforeach
{{-- Tabla (§6.3) --}}

Órdenes de compra

Actualizado hace 5 min
@foreach ($ordenes as $orden) @endforeach
Orden Proveedor Estado Valor
{{ $orden['numero'] }} {{ $orden['proveedor'] }} {{ $orden['estado'] }} {{ number_format($orden['valor'], 2, ',', '.') }}
{{-- Formulario (§6.4) --}}

Formulario

Validar Limpiar Anular
{{-- Estados, color de empresa y de módulo (§2, §3.4, §6.6) --}}

Estados y colores

@foreach ($estados as $estado => $clases) {{ $estado }} @endforeach Neutro
Enlace en color de la empresa Secundario
@foreach (array_keys(config('modulos')) as $llave) @endforeach
Lista vacía: no hay registros con los filtros aplicados.
{{-- Modales (§6.5) --}} Diálogo de ejemplo Se cierra con Escape, con clic en el fondo o con los botones. Aceptar Cancelar ¿Anular la orden? Es solo una muestra: no se anula nada. Anular Cancelar