@extends('layouts.layout')

@section('title', 'Constructor de Páginas')

@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) {

            // Generar el dropdown como HTML directo
            $dropdown = view('components.ui.option-dropdown', [
                'label' => 'Opciones',
                'icon'  => 'lucide-list',
                'options' => [
                    [ 
                        'label' => 'Clientes asignados',  
                        'url' => route('comercial.vendedores.edit', $row->id), 
                        'icon' => 'lucide-file-text'
                    ]
                ]
            ])->render();

            // Enviar el dropdown como "extra"
            return view('components.components.actions', [
                'linkEdit'   => 'comercial.vendedores.edit',
                'linkDelete' => 'comercial.vendedores.destroy',
                'id'         => $row->id,
                'extra'      => $dropdown, // ← Aquí va
            ])->render();
        }
    ],
];;
@endphp

<x-ui.data-table 
    :rows="$ciudades" 
    :columns="$columns" 
    :link="'comercial.vendedores'"
    :filters="$filters" 
/>

@endsection