@props(['broadbean_application'])
<div class="px-5">
    <h1 class="text-neutral-800 mb-0 font-semibold text-lg md:text-[22px]">Action</h1>
    <div class="flex flex-row flex-wrap items-center -mx-2">
        <div class="px-2 py-1">
            <a href="" wire:click.prevent="downloadCv()" class="tooltip-custom group/3 w-10 h-10 lg:w-12 lg:h-12 rounded-full inline-block text-center bg-blue-50 hover:bg-blue-500 transition-all relative" data-bs-placement="bottom" title="Download">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 fill-blue-500 group-hover/3:fill-white transition-all">
                    <path d="M8.29 13.29C8.19627 13.383 8.12188 13.4936 8.07111 13.6154C8.02034 13.7373 7.9942 13.868 7.9942 14C7.9942 14.132 8.02034 14.2627 8.07111 14.3846C8.12188 14.5064 8.19627 14.617 8.29 14.71L11.29 17.71C11.383 17.8037 11.4936 17.8781 11.6154 17.9289C11.7373 17.9797 11.868 18.0058 12 18.0058C12.132 18.0058 12.2627 17.9797 12.3846 17.9289C12.5064 17.8781 12.617 17.8037 12.71 17.71L15.71 14.71C15.8983 14.5217 16.0041 14.2663 16.0041 14C16.0041 13.7337 15.8983 13.4783 15.71 13.29C15.5217 13.1017 15.2663 12.9959 15 12.9959C14.7337 12.9959 14.4783 13.1017 14.29 13.29L13 14.59V3C13 2.73478 12.8946 2.48043 12.7071 2.29289C12.5196 2.10536 12.2652 2 12 2C11.7348 2 11.4804 2.10536 11.2929 2.29289C11.1054 2.48043 11 2.73478 11 3V14.59L9.71 13.29C9.61704 13.1963 9.50644 13.1219 9.38458 13.0711C9.26272 13.0203 9.13201 12.9942 9 12.9942C8.86799 12.9942 8.73728 13.0203 8.61542 13.0711C8.49356 13.1219 8.38296 13.1963 8.29 13.29ZM18 9H16C15.7348 9 15.4804 9.10536 15.2929 9.29289C15.1054 9.48043 15 9.73478 15 10C15 10.2652 15.1054 10.5196 15.2929 10.7071C15.4804 10.8946 15.7348 11 16 11H18C18.2652 11 18.5196 11.1054 18.7071 11.2929C18.8946 11.4804 19 11.7348 19 12V19C19 19.2652 18.8946 19.5196 18.7071 19.7071C18.5196 19.8946 18.2652 20 18 20H6C5.73478 20 5.48043 19.8946 5.29289 19.7071C5.10536 19.5196 5 19.2652 5 19V12C5 11.7348 5.10536 11.4804 5.29289 11.2929C5.48043 11.1054 5.73478 11 6 11H8C8.26522 11 8.51957 10.8946 8.70711 10.7071C8.89464 10.5196 9 10.2652 9 10C9 9.73478 8.89464 9.48043 8.70711 9.29289C8.51957 9.10536 8.26522 9 8 9H6C5.20435 9 4.44129 9.31607 3.87868 9.87868C3.31607 10.4413 3 11.2044 3 12V19C3 19.7956 3.31607 20.5587 3.87868 21.1213C4.44129 21.6839 5.20435 22 6 22H18C18.7956 22 19.5587 21.6839 20.1213 21.1213C20.6839 20.5587 21 19.7956 21 19V12C21 11.2044 20.6839 10.4413 20.1213 9.87868C19.5587 9.31607 18.7956 9 18 9Z"/>
                </svg>
            </a>
        </div>
        
     
        <div class="px-2 py-1">
            <a href="" wire:click.prevent="$emit('emailModalOpen', '{{$broadbean_application->email}}', true)" class="tooltip-custom group/3 w-10 h-10 lg:w-12 lg:h-12 rounded-full inline-block text-center bg-blue-50 hover:bg-blue-500 transition-all relative" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Send email">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 fill-blue-500 group-hover/3:fill-white transition-all">
                    <path d="M19 4H5C4.20435 4 3.44129 4.31607 2.87868 4.87868C2.31607 5.44129 2 6.20435 2 7V17C2 17.7956 2.31607 18.5587 2.87868 19.1213C3.44129 19.6839 4.20435 20 5 20H19C19.7956 20 20.5587 19.6839 21.1213 19.1213C21.6839 18.5587 22 17.7956 22 17V7C22 6.20435 21.6839 5.44129 21.1213 4.87868C20.5587 4.31607 19.7956 4 19 4ZM18.59 6L12.71 11.88C12.617 11.9737 12.5064 12.0481 12.3846 12.0989C12.2627 12.1497 12.132 12.1758 12 12.1758C11.868 12.1758 11.7373 12.1497 11.6154 12.0989C11.4936 12.0481 11.383 11.9737 11.29 11.88L5.41 6H18.59ZM20 17C20 17.2652 19.8946 17.5196 19.7071 17.7071C19.5196 17.8946 19.2652 18 19 18H5C4.73478 18 4.48043 17.8946 4.29289 17.7071C4.10536 17.5196 4 17.2652 4 17V7.41L9.88 13.29C10.4425 13.8518 11.205 14.1674 12 14.1674C12.795 14.1674 13.5575 13.8518 14.12 13.29L20 7.41V17Z"/>
                </svg>
            </a>
        </div>
        <div class="px-2 py-1">
            <a href="" wire:click.prevent="$emit('forwardCandidateModalFunc', '{{$broadbean_application->id}}', true)" class="tooltip-custom group/3 w-10 h-10 lg:w-12 lg:h-12 rounded-full inline-block text-center bg-blue-50 hover:bg-blue-500 transition-all relative" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Forward">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 fill-blue-500 group-hover/3:fill-white transition-all">
                    <path d="M19.92 10.1202C19.8724 9.99743 19.801 9.88529 19.71 9.79019L16.71 6.79019C16.6168 6.69695 16.5061 6.62299 16.3842 6.57253C16.2624 6.52207 16.1319 6.49609 16 6.49609C15.7337 6.49609 15.4783 6.60188 15.29 6.79019C15.1968 6.88342 15.1228 6.99411 15.0723 7.11594C15.0219 7.23776 14.9959 7.36833 14.9959 7.50019C14.9959 7.76649 15.1017 8.02188 15.29 8.21019L16.59 9.50019H7C6.20435 9.50019 5.44129 9.81626 4.87868 10.3789C4.31607 10.9415 4 11.7045 4 12.5002V16.5002C4 16.7654 4.10536 17.0198 4.29289 17.2073C4.48043 17.3948 4.73478 17.5002 5 17.5002C5.26522 17.5002 5.51957 17.3948 5.70711 17.2073C5.89464 17.0198 6 16.7654 6 16.5002V12.5002C6 12.235 6.10536 11.9806 6.29289 11.7931C6.48043 11.6055 6.73478 11.5002 7 11.5002H16.59L15.29 12.7902C15.1963 12.8831 15.1219 12.9937 15.0711 13.1156C15.0203 13.2375 14.9942 13.3682 14.9942 13.5002C14.9942 13.6322 15.0203 13.7629 15.0711 13.8848C15.1219 14.0066 15.1963 14.1172 15.29 14.2102C15.383 14.3039 15.4936 14.3783 15.6154 14.4291C15.7373 14.4798 15.868 14.506 16 14.506C16.132 14.506 16.2627 14.4798 16.3846 14.4291C16.5064 14.3783 16.617 14.3039 16.71 14.2102L19.71 11.2102C19.801 11.1151 19.8724 11.0029 19.92 10.8802C20.02 10.6367 20.02 10.3636 19.92 10.1202Z"/>
                </svg>
            </a>
        </div>
        <div class="px-2 py-1">
            <a href="" wire:click.prevent="$emit('showAddToFolderModalFunc', {{$broadbean_application->id}})" class="tooltip-custom group/3 w-10 h-10 lg:w-12 lg:h-12 rounded-full inline-block text-center bg-blue-50 hover:bg-blue-500 transition-all relative" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Folder">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 fill-blue-500 group-hover/3:fill-white transition-all">
                    <path d="M19 5.50002H12.72L12.4 4.50002C12.1926 3.91325 11.8077 3.40553 11.2989 3.04718C10.7901 2.68884 10.1824 2.49762 9.56 2.50002H5C4.20435 2.50002 3.44129 2.81609 2.87868 3.3787C2.31607 3.94131 2 4.70437 2 5.50002V18.5C2 19.2957 2.31607 20.0587 2.87868 20.6213C3.44129 21.184 4.20435 21.5 5 21.5H19C19.7956 21.5 20.5587 21.184 21.1213 20.6213C21.6839 20.0587 22 19.2957 22 18.5V8.50002C22 7.70437 21.6839 6.94131 21.1213 6.3787C20.5587 5.81609 19.7956 5.50002 19 5.50002ZM20 18.5C20 18.7652 19.8946 19.0196 19.7071 19.2071C19.5196 19.3947 19.2652 19.5 19 19.5H5C4.73478 19.5 4.48043 19.3947 4.29289 19.2071C4.10536 19.0196 4 18.7652 4 18.5V5.50002C4 5.23481 4.10536 4.98045 4.29289 4.79292C4.48043 4.60538 4.73478 4.50002 5 4.50002H9.56C9.76964 4.49948 9.97416 4.56484 10.1446 4.68686C10.3151 4.80889 10.4429 4.9814 10.51 5.18002L11.05 6.82002C11.1171 7.01864 11.2449 7.19116 11.4154 7.31318C11.5858 7.4352 11.7904 7.50056 12 7.50002H19C19.2652 7.50002 19.5196 7.60538 19.7071 7.79292C19.8946 7.98045 20 8.23481 20 8.50002V18.5Z"/>
                </svg>
            </a>
        </div>
        <div class="px-2 py-1">
            <a href="" wire:click.prevent="$emit('showTagModalFunc', {{$broadbean_application->id}})" class="tooltip-custom group/3 w-10 h-10 lg:w-12 lg:h-12 rounded-full inline-block text-center bg-blue-50 hover:bg-blue-500 transition-all relative" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Tag">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 fill-blue-500 group-hover/3:fill-white transition-all">
                    <path d="M7.50002 6.00002C7.20334 6.00002 6.91333 6.08799 6.66666 6.25281C6.41999 6.41763 6.22773 6.6519 6.1142 6.92599C6.00067 7.20008 5.97096 7.50168 6.02884 7.79265C6.08672 8.08362 6.22958 8.3509 6.43936 8.56068C6.64914 8.77046 6.91641 8.91332 7.20738 8.97119C7.49835 9.02907 7.79995 8.99937 8.07404 8.88584C8.34813 8.7723 8.5824 8.58005 8.74722 8.33337C8.91204 8.0867 9.00002 7.79669 9.00002 7.50002C9.00002 7.10219 8.84198 6.72066 8.56068 6.43936C8.27937 6.15805 7.89784 6.00002 7.50002 6.00002ZM21.12 10.71L12.71 2.29002C12.6166 2.19734 12.5058 2.12401 12.3839 2.07425C12.2621 2.02448 12.1316 1.99926 12 2.00002H3.00002C2.7348 2.00002 2.48045 2.10537 2.29291 2.29291C2.10537 2.48045 2.00002 2.7348 2.00002 3.00002V12C1.99926 12.1316 2.02448 12.2621 2.07425 12.3839C2.12401 12.5058 2.19734 12.6166 2.29002 12.71L10.71 21.12C11.2725 21.6818 12.035 21.9974 12.83 21.9974C13.625 21.9974 14.3875 21.6818 14.95 21.12L21.12 15C21.6818 14.4375 21.9974 13.675 21.9974 12.88C21.9974 12.085 21.6818 11.3225 21.12 10.76V10.71ZM19.71 13.53L13.53 19.7C13.3427 19.8863 13.0892 19.9908 12.825 19.9908C12.5608 19.9908 12.3074 19.8863 12.12 19.7L4.00002 11.59V4.00002H11.59L19.71 12.12C19.8027 12.2135 19.876 12.3243 19.9258 12.4461C19.9756 12.5679 20.0008 12.6984 20 12.83C19.9989 13.0924 19.8948 13.3438 19.71 13.53Z"/>
                </svg>
            </a>
        </div>
    </div>
    <div class="bg-gray-200  w-full h-[1px] my-5">
    </div>
</div>