@props([
'canDelete' => true,
'canShow' => true,
'canEdit' => true,
'routeShow' => "",
'routeDestroy' => "",
'routeEdit' => "",
])

<td class="d-flex">

    @if($routeShow != "" && $canShow == true)
    <div>
        <a href="{{$routeShow}}" class="btn btn-sm btn-secondary waves-effect waves-light ">show</a>

    </div>
    @endif

    <div class="float-right px-1">
        @if($routeDestroy != "" && $canDelete == true)

        <form action="{{$routeDestroy}}" method="POST">
            @csrf
            @method('Delete')

            <button class="btn btn-sm btn-danger waves-effect waves-light"
                onclick="return confirm('Are you sure you want to delete this item?');" type="submit" title="Delete">
                delete
            </button>
        </form>
        @endif
    </div>

    <div>
        @if($routeEdit != "" && $canEdit == true)
        <a href="{{$routeEdit}}" class="btn btn-sm btn-info waves-effect waves-light">edit</a>
        @endif
    </div>

    <div class="ms-1">{{$slot}}</div>

</td>