@php
    $dir = GetDirection();
@endphp
@switch($type)
    @case('show')
        <a href="{{ $url }}"
            class="flex justify-between items-center px-3 py-2 hover:bg-white/20 hover:dark:bg-black/20 hover:backdrop-blur-xl dark:hover:text-white rounded-lg">
            <span>
                {{ __('table.show') }}
            </span>
            <i class="bi bi-eye-fill"></i>
        </a>
        @break
    @case('edit')
        <a href="{{ $url }}"
            class="flex justify-between items-center px-3 py-2 hover:bg-white/20 hover:dark:bg-black/20 hover:backdrop-blur-xl dark:hover:text-white rounded-lg">
            <span>
                {{ __('table.edit') }}
            </span>
            <i class="bi bi-pencil-fill"></i>
        </a>
        @break
    @case('delete')
        <form action="{{ $url }}" method="post" class="mb-0">
            @csrf
            @method('DELETE')
            <button type="button" onclick="RemovalConfirmation($(this).parent())"
                    class="flex justify-between items-center px-3 py-2 hover:bg-white/20 hover:dark:bg-black/20 hover:backdrop-blur-xl dark:hover:text-white rounded-lg w-full">
                <span>
                    {{ __('table.remove') }}
                </span>
                <i class="bi bi-trash3-fill"></i>
            </button>
        </form>
        @break
    @case('back')
        <a href="{{ $url }}"
            class="flex justify-between items-center px-3 py-2 hover:bg-white/20 hover:dark:bg-black/20 hover:backdrop-blur-xl dark:hover:text-white rounded-lg">
            <i class="bi bi-arrow-left-circle-fill me-5"></i>
            <span>
                {{ __('table.back') }}
            </span>
        </a>
        <a href="{{ $url }}" class="sm:hidden fixed bottom-4 left-4 rounded-full text-red-500 z-30">
            <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" fill="currentColor"
                 class="bi bi-arrow-left-circle-fill" viewBox="0 0 16 16">
                <path
                    d="M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0m3.5 7.5a.5.5 0 0 1 0 1H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5z"/>
            </svg>
        </a>
        @break
    @case('add')
        <a href="{{ $url }}"
           class="hidden sm:flex items-center text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm w-auto px-5 py-2.5 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">
            <i class="bi bi-plus-circle-fill sm:me-5"></i>
            <span class="hidden sm:block">
                {{ $label }}
            </span>
        </a>
        <a href="{{ $url }}" class="sm:hidden fixed bottom-4 right-6 rounded-full text-blue-500 z-30">
            <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" fill="currentColor"
                 class="" viewBox="0 0 16 16">
                <path
                    d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M8.5 4.5a.5.5 0 0 0-1 0v3h-3a.5.5 0 0 0 0 1h3v3a.5.5 0 0 0 1 0v-3h3a.5.5 0 0 0 0-1h-3z"/>
            </svg>
        </a>
        @break
    @case('link')
        <a href="{{ $url }}"
            class="flex justify-between items-center px-3 py-2 hover:bg-white/20 hover:dark:bg-black/20 hover:backdrop-blur-xl dark:hover:text-white rounded-lg">
            <span>
                {{ $label }}
            </span>
            <i class="bi {{ $icon }}"></i>
        </a>
        @break
    @case('ClickURL')
        <button type="button" onclick="{{ $function }}" data-url="{{ $url }}"
                class="flex justify-between items-center px-3 py-2 hover:bg-white/20 hover:dark:bg-black/20 hover:backdrop-blur-xl dark:hover:text-white rounded-lg w-full">
            <span>
                {{ $label }}
            </span>
            <i class="bi {{ $icon }}"></i>
        </button>
        @break
    @default
        @break
@endswitch