@php
    $dir = GetDirection();
@endphp

@switch($type)
    @case('show')
        <a href="{{ $url }}"
           class="w-max flex items-center text-white bg-{{ $color ?? 'yellow' }}-700 hover:bg-{{ $color ?? 'yellow' }}-800 focus:ring-4 focus:outline-none focus:ring-{{ $color ?? 'yellow' }}-300 font-medium rounded-lg text-sm w-auto px-5 py-2.5 text-center dark:bg-{{ $color ?? 'yellow' }}-600 dark:hover:bg-{{ $color ?? 'yellow' }}-700 dark:focus:ring-{{ $color ?? 'yellow' }}-800">
            <i class="bi bi-eye-fill sm:me-2"></i>
            <span class="hidden sm:block">
                {{ __('table.show') }}
            </span>
        </a>
        @break
    @case('edit')
        <a href="{{ $url }}"
           class="w-max flex items-center text-white bg-{{ $color ?? 'orange' }}-700 hover:bg-{{ $color ?? 'orange' }}-800 focus:ring-4 focus:outline-none focus:ring-{{ $color ?? 'orange' }}-300 font-medium rounded-lg text-sm w-auto px-5 py-2.5 text-center dark:bg-{{ $color ?? 'orange' }}-600 dark:hover:bg-{{ $color ?? 'orange' }}-700 dark:focus:ring-{{ $color ?? 'orange' }}-800">
            <i class="bi bi-pencil-fill sm:me-2"></i>
            <span class="hidden sm:block">
                {{ __('table.edit') }}
            </span>
        </a>
        @break
    @case('delete')
        <form action="{{ $url }}" method="post" class="mb-0">
            @csrf
            @method('DELETE')
            <button type="button" onclick="RemovalConfirmation($(this).parent())"
                    class="w-max flex items-center text-white bg-{{ $color ?? 'red' }}-700 hover:bg-{{ $color ?? 'red' }}-800 focus:ring-4 focus:outline-none focus:ring-{{ $color ?? 'red' }}-300 font-medium rounded-lg text-sm w-auto px-5 py-2.5 text-center dark:bg-{{ $color ?? 'red' }}-600 dark:hover:bg-{{ $color ?? 'red' }}-700 dark:focus:ring-{{ $color ?? 'red' }}-800">
                <i class="bi bi-trash3-fill sm:me-2"></i>
                <span class="hidden sm:block">
                    {{ __('table.remove') }}
                </span>
            </button>
        </form>
        @break
    @case('back')
        <a href="{{ $url }}"
           class="hidden sm:flex items-center justify-center space-x-2 text-white bg-{{ $color ?? 'gray' }}-700 hover:bg-{{ $color ?? 'gray' }}-800 focus:ring-4 focus:outline-none focus:ring-{{ $color ?? 'gray' }}-300 font-medium rounded-lg text-sm w-auto px-5 py-2.5 text-center dark:bg-{{ $color ?? 'gray' }}-600 dark:hover:bg-{{ $color ?? 'gray' }}-700 dark:focus:ring-{{ $color ?? 'gray' }}-800">
            <i class="bi bi-arrow-{{ $dir == 'LTR' ? 'left' : 'right' }}-circle-fill"></i>
            <span class="hidden sm:block">
                {{ __('table.back') }}
            </span>
        </a>
        <a href="{{ $url }}" class="sm:hidden fixed bottom-5 start-6 rounded-full text-red-500 z-30 !ml-0">
            <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-{{ $color ?? 'blue' }}-700 hover:bg-{{ $color ?? 'blue' }}-800 focus:ring-4 focus:outline-none focus:ring-{{ $color ?? 'blue' }}-300 font-medium rounded-lg text-sm w-auto px-5 py-2.5 text-center dark:bg-{{ $color ?? 'blue' }}-600 dark:hover:bg-{{ $color ?? 'blue' }}-700 dark:focus:ring-{{ $color ?? 'blue' }}-800">
            <i class="bi bi-plus-circle-fill sm:me-2"></i>
            <span class="hidden sm:block">
                {{ $label }}
            </span>
        </a>
        <a href="{{ $url }}" class="sm:hidden fixed bottom-5 end-5 rounded-full text-blue-500 z-30 !ml-0">
            <svg xmlns="http://www.w3.org/2000/svg" width="45" height="45" 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="w-max flex items-center text-white bg-{{ $color ?? 'purple' }}-700 hover:bg-{{ $color ?? 'purple' }}-800 focus:ring-4 focus:outline-none focus:ring-{{ $color ?? 'purple' }}-300 font-medium rounded-lg text-sm w-auto px-5 py-2.5 text-center dark:bg-{{ $color ?? 'purple' }}-600 dark:hover:bg-{{ $color ?? 'purple' }}-700 dark:focus:ring-{{ $color ?? 'purple' }}-800">
            <i class="bi {{ $icon }} sm:me-2"></i>
            <span class="hidden sm:block">
                {{ $label }}
            </span>
        </a>
        @break
    @case('ClickURL')
        <button type="button" onclick="{{ $function }}" data-url="{{ $url ?? '' }}"
                class="flex items-center text-white bg-{{ $color ?? 'green' }}-700 hover:bg-{{ $color ?? 'green' }}-800 focus:ring-4 focus:outline-none focus:ring-{{ $color ?? 'green' }}-300 font-medium rounded-lg text-sm w-auto px-5 py-2.5 text-center dark:bg-{{ $color ?? 'green' }}-600 dark:hover:bg-{{ $color ?? 'green' }}-700 dark:focus:ring-{{ $color ?? 'green' }}-800">
            @if(isset($icon))
                <i class="bi {{ $icon }} sm:me-2"></i>
            @endif
            <span class="hidden sm:block">
                {{ $label }}
            </span>
        </button>
        @break
    @case('share')
        <button type="button" data-class="{{ $class }}" data-id="{{ $id }}"
                class="flex items-center text-white bg-{{ $color ?? 'cyan' }}-700 hover:bg-{{ $color ?? 'cyan' }}-800 focus:ring-4 focus:outline-none focus:ring-{{ $color ?? 'cyan' }}-300 font-medium rounded-lg text-sm w-auto px-5 py-2.5 text-center dark:bg-{{ $color ?? 'cyan' }}-600 dark:hover:bg-{{ $color ?? 'cyan' }}-700 dark:focus:ring-{{ $color ?? 'cyan' }}-800"
                onclick="Share(this)" data-title="{{ $title }}" data-url="{{ $url }}">
            <i class="bi bi-share-fill sm:me-2"></i>
            <span class="hidden sm:block">
                {{ __('table.share') }}
            </span>
        </button>
        @break
    @default
        @break
@endswitch