<div class="w-full overflow-y-auto">

    <div class="w-full flex justify-between items-start">

        <?php
$__split = function ($name, $params = []) {
    return [$name, $params];
};
[$__name, $__params] = $__split('components.section-header', ['title' => 'Configuración','description' => '']);

$key = null;

$key ??= \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::generateKey('lw-1242620470-0', null);

$__html = app('livewire')->mount($__name, $__params, $key);

echo $__html;

unset($__html);
unset($__name);
unset($__params);
unset($__split);
if (isset($__slots)) unset($__slots);
?>
    </div>

    <div class="flex w-full">
        <?php
$__split = function ($name, $params = []) {
    return [$name, $params];
};
[$__name, $__params] = $__split('configurations.components.menu', ['selected' => 'roles']);

$key = null;

$key ??= \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::generateKey('lw-1242620470-1', null);

$__html = app('livewire')->mount($__name, $__params, $key);

echo $__html;

unset($__html);
unset($__name);
unset($__params);
unset($__split);
if (isset($__slots)) unset($__slots);
?>
    </div>

    <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if(session()->has('success')): ?>
        <div class="mb-4 rounded bg-green-100 px-4 py-3 text-green-700 mt-6">
            <?php echo e(session('success')); ?>

        </div>
    <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>

    <?php if(session()->has('error')): ?>
        <div class="mb-4 rounded bg-red-100 px-4 py-3 text-red-700 mt-6">
            <?php echo e(session('error')); ?>

        </div>
    <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>

    
    <div class="flex items-center justify-between w-full mt-6">
        <div class="w-1/3">
            <input type="text" wire:model.live.debounce.300ms="search" placeholder="Buscar"
                class="w-full rounded-lg border-2 border-gray-200 px-4 py-2">
        </div>
        <a href="<?php echo e(route('configurations.roles.create')); ?>" class="rounded bg-3ip px-4 py-2 text-white hover:bg-3ip-light flex items-center">
            <img src="<?php echo e(asset('vendor/blade-untitledui-icons/plus.svg')); ?>" alt="Logo"
                class="w-6 h-6 mr-2 svg-fill-white">
            Crear rol
        </a>
    </div>

    
    <div class="overflow-hidden bg-white w-full mt-4">
        <table class="w-full rounded-xl border-separate border">
            <thead class="text-xs text-gray-600">
                <tr class="">
                    <th class="text-left border-b px-4 py-3">ID</th>
                    <th class="text-left border-b px-4 py-3">Nombre</th>
                    <th class="text-left border-b px-4 py-3">Alias</th>
                    <th class="text-left border-b px-4 py-3">Descripción</th>
                    <th class="border-b px-4 py-3"></th>
                </tr>
            </thead>
            <tbody class="divide-y">
                <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php $__currentLoopData = $roles; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $role): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <tr>
                        <td class="px-4 py-3 <?php echo e(!$loop->last ? 'border-b' : ''); ?>"><?php echo e($role->id); ?></td>
                        <td class="px-4 py-3 <?php echo e(!$loop->last ? 'border-b' : ''); ?>"><?php echo e($role->fullname ?? $role->name); ?></td>
                        <td class="px-4 py-3 <?php echo e(!$loop->last ? 'border-b' : ''); ?>"><?php echo e($role->name); ?></td>
                        <td class="px-4 py-3 <?php echo e(!$loop->last ? 'border-b' : ''); ?>"><?php echo e($role->description ?? '—'); ?></td>
                        <td class="flex items-center justify-end px-4 py-3 <?php echo e(!$loop->last ? 'border-b' : ''); ?>">
                            <a href="<?php echo e(route('configurations.roles.edit', $role->id)); ?>" class="group mr-2">
                                <img src="<?php echo e(asset('vendor/blade-untitledui-icons/settings.svg')); ?>" alt="Editar" class="w-6 h-6 group-hover:svg-fill-orange">
                            </a>
                            <button wire:click="openDeleteModal(<?php echo e($role->id); ?>)" class="text-red-500 hover:text-red-700">
                                <img src="<?php echo e(asset('vendor/blade-untitledui-icons/trash.svg')); ?>" alt="Eliminar" class="w-6 h-6 svg-fill-red">
                            </button>
                        </td>
                    </tr>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
            </tbody>
        </table>
    </div>
</div><?php /**PATH /var/www/html/resources/views/livewire/configurations/roles/index.blade.php ENDPATH**/ ?>