@extends('layouts.layout')

@section('content')

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

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

    ['label' => 'Alias', 'field' => 'usuario'],
    ['label' => 'Usuario', 'field' => 'usr_name'],
    [
        'label' => 'Tipo',
        'field' => 'admin',
        'render' => fn($row) => view('configuracion::components.usuarios.label-admin', [
            'admin' => $row->admin
        ])->render()
    ],
    ['label' => 'Rol', 'field' => 'nomRol'],
    [
        'label' => 'Estado', 
        'field' => 'usr_active',
        'render' => fn($row) => view('components.ui.state-active', [
            'estado' => $row->usr_active
        ])->render()
    ],
    [
        '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', 
                'id'         => $row->id,
                'extra'      => $dropdown,
            ])->render();
        }
    ],
];
@endphp

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

@endsection