@php
    $columns = [
        [
            'label' => 'Nombre',
            'width' => '400px',
            'render' => fn($contract) => e($contract->name),
        ],
        [
            'label' => 'Descripción',
            'width' => '400px',
            'render' => fn($contract) => e($contract->description),
        ],
        [
            'label' => 'Acciones',
            'width' => '240px',
            'render' => fn($contract) => '<a href="' . route('superadmin.contract-template.show', $contract->id) . '" class="hover:underline font-bold">Ver detalle</a>',
        ],
    ];
@endphp
<x-layouts.auth-layout>
    <div class="flex flex-col max-w-[960px]">
        <div class="flex flex-wrap justify-between gap-3 py-4">
            <h2 class="text-primary100 font-main text-size-subtitle font-medium">Plantillas de contrato</h2>
            <x-controls.button href="{{ route('superadmin.contract-template.create') }}" variant="primary">
                Añadir plantilla de contrato
            </x-controls.button>
        </div>
        <div class="py-3">
            <x-tables.table-with-pagination :columns="$columns" :items="$contracts_templates" />
        </div>
    </div>
</x-layouts.auth-layout>