{{-- 
@if(!isset($remove_delete_button))
    @if(isset($show_confirmation_modal) && isset($user_id_delete) && $show_confirmation_modal && $user_id_delete)
        <div class="modal fade show" style="display: block">
            <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content bg-danger">
                <div class="modal-header">
                <h4 class="modal-title">Delete Confirmation</h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true" wire:click="cancelModal()">×</span>
                </button>
                </div>
                <div class="modal-body">
                <p>{{$message_modal}}</p>
                </div>
                <div class="modal-footer justify-content-between">
                    <button wire:click="cancelModal()" type="button" class="btn btn-outline-light" data-dismiss="modal">Cancel</button>
                    <button wire:click="deleteUser({{$user_id_delete}})" type="button" class="btn btn-outline-light">Delete</button>
            
                </div>
            </div>
            <!-- /.modal-content -->
            </div>
            <!-- /.modal-dialog -->
        </div>
    @endif
@endif
<div>
<div class="flex space-x-1 justify-around">
   <a href="{{ route($route, [$id]) }}" class="btn btn-primary">
        Edit
    </a>

    @if(!isset($remove_delete_button) )
      
        <a wire:click="confirmDelete({{$id}})" class="btn btn-danger">
            Delete
        </a>
    @endif
</div>
</div> --}}

<div class="flex space-x-1 justify-around">
    <a href="{{ route($route, [$id]) }}"  class="p-1 text-teal-600 hover:bg-teal-600 hover:text-white rounded">
        <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M10 12a2 2 0 100-4 2 2 0 000 4z"></path><path fill-rule="evenodd" d="M.458 10C1.732 5.943 5.522 3 10 3s8.268 2.943 9.542 7c-1.274 4.057-5.064 7-9.542 7S1.732 14.057.458 10zM14 10a4 4 0 11-8 0 4 4 0 018 0z" clip-rule="evenodd"></path></svg>
    </a>

    <x-jet-modal :value="$id">
        <x-slot name="trigger">
            <button class="p-1 text-blue-600 hover:bg-blue-600 hover:text-white rounded">
                <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M13.586 3.586a2 2 0 112.828 2.828l-.793.793-2.828-2.828.793-.793zM11.379 5.793L3 14.172V17h2.828l8.38-8.379-2.83-2.828z"></path></svg>
            </button>
        </x-slot>
        <h1 class="text-2xl text-purple-700">{{ $name }}</h1>
    </x-jet-modal>

    @include('datatables::delete', ['value' => $id, 'name' => $name])
</div>