@if($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
<div>
<div class="flex space-x-1 justify-around">
   <a href="{{ route($route, [$id]) }}" class="btn  @if(isset($button_colour)) {{$button_colour}} @else btn-primary @endif">
    @if(isset($button_name)) 
        {{$button_name}}
    @else
        Edit
    @endif
    </a>

    <a wire:click="confirmDelete({{$id}})" class="btn btn-danger">
       Delete
    </a>
    
</div>
</div>