@extends('layouts.layout')

@section('content')

<x-ui.title text="{{ $title }}" />

@php
$columns = [
    [
        'label' => 'ID',
        'field' => 'id',
        'render' => fn($row) => $row->id
    ],

    ['label' => 'Nombre', 'field' => 'nombre'],

    [
        'label' => 'Acciones',
        'field' => 'acciones',
        'render' => function($row) use ($link) {

            $dropdown = view('components.ui.option-dropdown', [
                'label' => 'Opciones',
                'icon'  => 'lucide-list',
                'options' => [
                    [ 
                        'label' => 'Clientes asignados',  
                        'url' => route($link.'.edit', $row->id), 
                        'icon' => 'lucide-file-text'
                    ]
                ]
            ])->render();

            return view('components.components.actions', [
                'linkEdit'   => $link.'.edit',
                'linkDelete' => $link.'.destroy',
                'id'         => $row->id,
                'extra'      => $dropdown,
            ])->render();
        }
    ],
];
@endphp

<x-ui.data-table 
    :rows="$datos" 
    :columns="$columns" 
    :link="$link"
    :filters="[]" 
/>

@endsection