@props([
'edit' => '',
'delete' => '',
'view' => '',
'link' => '',
'apply' => ''
])

<div class="space-x-2 inline-flex items-center justify-center">
    @if($view)
    <a href="{{ $view }}"
        class="inline-flex items-center justify-center p-2 ">
        <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
            <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
            <path stroke-linecap="round" stroke-linejoin="round" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.477 0 8.268 2.943 9.542 7-1.274 4.057-5.065 7-9.542 7-4.477 0-8.268-2.943-9.542-7z" />
        </svg>
    </a>

    @endif

    @if($edit)
    <a href="{{ $edit }}"
        class="inline-flex items-center justify-center p-2 ">
        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 mr-2" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
            <path stroke-linecap="round" stroke-linejoin="round" d="M11 4H6a2 2 0 00-2 2v12a2 2 0 002 2h12a2 2 0 002-2v-5M16.5 2.5l5 5-11 11H5v-5l11-11z" />
        </svg>
    </a>
    @endif
    @if($delete)
    <form action="{{ $delete }}" method="POST" onsubmit="return confirm('Are you sure you want to delete this item?');" class="inline">
        @csrf
        @method('DELETE')
        <button type="submit"
            class="inline-flex items-center justify-center p-2 ">
            <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 mr-2" fill="red" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
                <path stroke-linecap="round" stroke-linejoin="round" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6M1 7h22M5 7V4a1 1 0 011-1h12a1 1 0 011 1v3" />
            </svg>

        </button>
    </form>
    @endif



    @if($link)
    <a href="#"
        onclick="copyToClipboard('{{ $link }}')"
        id="copy-link"
        class="inline-flex items-center justify-center p-2"
        title="Feedback Form">
        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
            <path d="M18 10c0 3.866-3.582 7-8 7-1.342 0-2.603-.262-3.713-.735l-4.124.735a1 1 0 01-1.163-1.163l.735-4.124C3.262 12.603 3 11.342 3 10c0-4.418 3.134-8 7-8s8 3.582 8 8zm-8-3a1 1 0 00-1 1v4a1 1 0 002 0V8a1 1 0 00-1-1zm.75 8a.75.75 0 11-1.5 0 .75.75 0 011.5 0z" />
        </svg>
    </a>  
    @endif
    @if($apply)
    <a href="{{ $apply }}"
        class="inline-flex items-center justify-center p-2 text-sm font-medium bg-blue-100 text-blue-800 rounded-full w-8 h-8">
        {{ $appliedTutorsCount }}
    </a>
    @endif    
</div>