{{-- Naviera (rlinea). Catálogo con el kit ui-ctc (MigracionLayout.MD, Configuración). --}}
<x-app-layout titulo="Naviera">
    <x-pagina>
        <x-encabezado-pagina ruta="Importaciones · Configuración" titulo="Naviera" />
        <x-catalogo.avisos />

        <x-catalogo.formulario :titulo="$reg->id ? 'Editar naviera ' . $reg->nombre : 'Nueva naviera'" :accion="route('rlinea.store')" :abierto="(bool) $reg->id">
            <input type="hidden" id="txtId" name="txtId" value="{{ $reg->id }}">
            <x-campo etiqueta="Código" para="txtCodigo"><x-input id="txtCodigo" name="txtCodigo" value="{{ $reg->codigo }}" /></x-campo>
            <x-campo etiqueta="Nombre" para="txtNombre"><x-input id="txtNombre" name="txtNombre" value="{{ $reg->nombre }}" required /></x-campo>
            <x-campo etiqueta="URL" para="txtUrl"><x-input id="txtUrl" name="txtUrl" value="{{ $reg->url }}" /></x-campo>
            <x-campo etiqueta="Valor tarifa" para="txtValorTarifa"><x-input type="number" id="txtValorTarifa" name="txtValorTarifa" value="{{ $reg->valor_tarifa }}" /></x-campo>
            <x-campo etiqueta="Días libres" para="txtDiasLibres"><x-input type="number" id="txtDiasLibres" name="txtDiasLibres" value="{{ $reg->dias_libres }}" /></x-campo>
            <label class="flex items-center gap-2 self-end pb-2 text-[13px] text-[var(--texto)]">
                <x-checkbox id="chkInactivo" name="chkInactivo" value="1" :checked="$reg->inactivo == 1" /> Inactivo
            </label>
            <x-slot name="botones">
                <x-button><x-icono nombre="check" variante="m" class="h-4 w-4" /> Guardar</x-button>
                <x-enlace-boton href="{{ url('/rlinea') }}"><x-icono nombre="plus" variante="m" class="h-4 w-4" /> Nuevo</x-enlace-boton>
            </x-slot>
        </x-catalogo.formulario>

        <x-catalogo.busqueda :accion="url('rlineasrh')" :valor="$reg->bus" placeholder="Código o nombre de la naviera" :limpiar="url('/rlinea')" requerido />

        <x-catalogo.lista titulo="Navieras" :total="$tblInfo->total()" :paginador="$tblInfo">
            <thead>
                <tr>
                    <th>Código</th>
                    <th>Nombre</th>
                    <th class="text-right">Valor tarifa</th>
                    <th class="text-right">Días libres</th>
                    <th>URL</th>
                    <th>Estado</th>
                    <th><span class="sr-only">Acciones</span></th>
                </tr>
            </thead>
            <tbody>
                @forelse ($tblInfo as $fil)
                    <tr @if ($fil->inactivo == 1) data-sin-hover style="background-color: color-mix(in srgb, #F59E0B 14%, transparent);" @endif>
                        <td>{!! $fil->codigo ? e($fil->codigo) : '<span class="text-[var(--texto-tenue)]">—</span>' !!}</td>
                        <td class="font-medium">{{ $fil->nombre }}</td>
                        <td class="text-right tabular-nums">{!! $fil->valor_tarifa !== null && $fil->valor_tarifa !== '' ? e($fil->valor_tarifa) : '<span class="text-[var(--texto-tenue)]">—</span>' !!}</td>
                        <td class="text-right tabular-nums">{!! $fil->dias_libres !== null && $fil->dias_libres !== '' ? e($fil->dias_libres) : '<span class="text-[var(--texto-tenue)]">—</span>' !!}</td>
                        <td class="max-w-[22rem] truncate" title="{{ $fil->url }}">{!! $fil->url ? e($fil->url) : '<span class="text-[var(--texto-tenue)]">—</span>' !!}</td>
                        <td>@if ($fil->inactivo == 1)<x-etiqueta variante="aviso">Inactivo</x-etiqueta>@else<x-etiqueta variante="exito">Activo</x-etiqueta>@endif</td>
                        <td class="w-[1%] whitespace-nowrap !px-2">
                            <x-catalogo.acciones :etiqueta="'la naviera ' . $fil->nombre" :editar="url('rlinea/editar/' . base64_encode($fil->id))"
                                                 :eliminar="action('LineaController@destroy', base64_encode($fil->id))" />
                        </td>
                    </tr>
                @empty
                    <tr data-sin-hover><td colspan="7" class="!p-0"><div class="ctc-vacio py-10 text-center text-[14px] text-[var(--texto-suave)]">No hay registros.</div></td></tr>
                @endforelse
            </tbody>
        </x-catalogo.lista>
    </x-pagina>
</x-app-layout>