<turbo-stream action="replace" target="product-17673-variants-pagination"><template><tr onclick="window.location='https://www.bright.gr/uber-2-adtr-21-sp0737cl001on'"
        class="cursor-pointer hover:bg-primary/30 group bg-[#F8F8F8] dark:bg-[#1f2020]">
        <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
            <a href="https://www.bright.gr/uber-2-adtr-21-sp0737cl001on">
                <span>SP0737CL001ON</span>
            </a>

            
            <input type="hidden"
                name="skus[]"
                value="SP0737CL001ON"
                form="variants-download-17673">
        </td>

        
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                White
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                COB LED
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                N
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                15º
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                127
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                120
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                On-Off
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                12,8
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                1458
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                930
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                18
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                18
            </td>
                <td onclick="event.stopPropagation()" class="sticky right-0 drop-shadow-lg px-5 bg-white md:static md:bg-transparent md:px-0 md:drop-shadow-none border-t border-[#D3D3D3] group-hover:bg-primary/30 md:group-hover:bg-transparent">
            <div
    class="relative w-max ml-auto px-2"
    data-controller="product-collection"
    data-product-collection-in-collection-class="bg-primary border-none"
    data-product-collection-not-in-collection-class="bg-transparent"
    id="collection_55DARaIXHTWn650z"
    data-action="
        product-collection:added-to-collection->product-collection#openProductsDialog
        product-collection:added-to-collection->product-collection#setCollectionBtnInCollection
        product-collection:removed-from-collection->product-collection#openProductsDialog
        product-collection:removed-from-collection->product-collection#setCollectionBtnNotInCollection
        product-collection:collection-created->product-collection#openProductsDialog
        product-collection:collection-created->product-collection#closeCollectionCreateDialog
        product-collection:error->product-collection#showError
    ">

    <button
        type="button"
        popovertarget="variant-1284733-actions"
    aria-label="Actions"
        data-table-action
        style="anchor-name: --action-1284733"
        class="transition duration-300 ease-in-out active:bg-primary-600 inline-block px-4 py-3 rounded-full border border-primary-600 hover:bg-primary-600">
            <svg class="w-4 h-4" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.99462 8H8.00061" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M7.9895 12H7.99548" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M7.99987 4H8.00586" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</i-svg>
    </button>

    
    <div id="variant-1284733-actions"
        style="position-anchor: --action-1284733;" popover>
        <ul class="w-max divide-y bg-white dark:bg-[#28292a] shadow-lg rounded-lg">
            <li class="hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer w-full rounded-t-lg">
                <button
                    type="button"
                    class="px-5 py-3 w-full flex items-center bg-transparent"                    data-product-collection-target="collectionBtn"
                    data-action="product-collection#openProductsDialog">

                    <svg class="w-4 h-4 inline-block mr-2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.33333 1.33325C4.81918 1.33325 3.5621 1.33325 2.78105 2.08575C2 2.83824 2 4.04936 2 6.4716V11.9871C2 13.5244 2 14.293 2.51523 14.5681C3.51298 15.1009 5.38453 13.3234 6.27334 12.7882C6.7888 12.4778 7.04654 12.3226 7.33333 12.3226C7.62013 12.3226 7.87786 12.4778 8.39333 12.7882C9.28214 13.3234 11.1537 15.1009 12.1514 14.5681C12.6667 14.293 12.6667 13.5244 12.6667 11.9871V8.66659" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M11.3333 6.66658L11.3333 1.33325M8.66663 3.99992H14" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
</svg>
                    Add to My Collection
                </button>
            </li>

            <li class="px-5 py-3 flex items-center hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer">
                <a href="https://www.bright.gr/tender-text/1284733" target="_blank" rel="noopener nofollow">
                    <svg class="w-4 h-4 inline-block mr-2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.00004 9.66667L8.00004 3M8.00004 9.66667C7.53322 9.66667 6.66106 8.33713 6.33337 8M8.00004 9.66667C8.46686 9.66667 9.33902 8.33713 9.66671 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M13.3333 11C13.3333 12.6547 12.988 13 11.3333 13H4.66663C3.01196 13 2.66663 12.6547 2.66663 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                    Get Tender Text
                </a>
            </li>

            <li class="px-5 py-3 flex items-center hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer rounded-b-lg">
                <a href="https://www.bright.gr/tender-text/1284733?neutral=1" target="_blank" rel="noopener nofollow">
                    <svg class="w-4 h-4 inline-block mr-2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.00004 9.66667L8.00004 3M8.00004 9.66667C7.53322 9.66667 6.66106 8.33713 6.33337 8M8.00004 9.66667C8.46686 9.66667 9.33902 8.33713 9.66671 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M13.3333 11C13.3333 12.6547 12.988 13 11.3333 13H4.66663C3.01196 13 2.66663 12.6547 2.66663 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                    Get Tender Text Neutral
                </a>
            </li>

            <li class="px-5 py-3 flex items-center hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer rounded-b-lg">
                <a href="https://www.bright.gr/technical-data/1284733">
                    <svg width="16" height="16" class="w-4 h-4 inline-block mr-2" width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.74992 9.66667L8.74992 3M8.74992 9.66667C8.2831 9.66667 7.41094 8.33713 7.08325 8M8.74992 9.66667C9.21674 9.66667 10.0889 8.33713 10.4166 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14.0834 11C14.0834 12.6547 13.7381 13 12.0834 13H5.41675C3.76208 13 3.41675 12.6547 3.41675 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                        Technical datasheet
                </a>
            </li>

                            <li class="px-5 py-3 flex items-center hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer rounded-b-lg">
                        <a href="https://www.bright.gr/storage/files/UBER 2 ADTR 12.8W 930 15D_v51.ldt" class="flex items-center justify-center ">
                            <svg width="16" height="16" class="w-4 h-4 inline-block mr-2" width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.74992 9.66667L8.74992 3M8.74992 9.66667C8.2831 9.66667 7.41094 8.33713 7.08325 8M8.74992 9.66667C9.21674 9.66667 10.0889 8.33713 10.4166 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14.0834 11C14.0834 12.6547 13.7381 13 12.0834 13H5.41675C3.76208 13 3.41675 12.6547 3.41675 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                                LTD File
                        </a>
                </li>
            
            
            
                    </ul>
    </div>

    
    <dialog
    data-collection-item="collection-item-add-dialog-variant-1284733"
    data-product-collection-target="addProductsDialog"
    aria-labelledby="collection-item-add-dialog-variant-1284733-pm5tUc-title"
    class="container max-w-[550px] bg-white dark:bg-[#28292a] border p-6 backdrop:bg-gray-800/30 dark:backdrop:bg-[#f0f0f1]/30 z-[100] top-full lg:top-0 transform left-1/2 translate-y-1/2 -translate-x-1/2">
    <div class="flex items-center justify-between border-b border-primary pb-4">
        <h2 id="collection-item-add-dialog-variant-1284733-pm5tUc-title" class="text-dark dark:text-[#f4f4f5]  text-xl">
            My collections
        </h2>

        <button type="button" data-action="product-collection#closeProductsDialog" aria-label="Close">
            <svg class="w-5 h-5 cursor-pointer text-dark dark:text-[#f4f4f5]" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 18 18"><path fill-rule="evenodd" d="M14.834 4.227L10.06 9l4.773 4.773-1.061 1.06L9 10.062l-4.773 4.773-1.06-1.061L7.938 9 3.166 4.227l1.061-1.06L9 7.938l4.773-4.773 1.06 1.061z"/></svg>
        </button>
    </div>

    <div class="py-4 space-y-6">
                    
            <form
                action="https://www.bright.gr/collection/add/variant/1284733"
                method="POST"
                data-action="product-collection#manageCollection"
                class="flex flex-col gap-y-4 lg:flex-row lg:items-center lg:justify-between gap-x-2">
                <input type="hidden" name="_token" value="C7oiNDa2pqyeoqrDiWgOB8Wg7ZcPgYVwdcj52mUf" autocomplete="off">                                    <input type="hidden" name="_method" value="PUT">                
                <div class="flex items-center gap-x-4">
                    
                    <div class="text-dark dark:text-[#f4f4f5]   flex gap-x-4 items-center">
                        <label for="add-to-collection-a52b57c5-4bc5-463d-bf64-be7d8c3d8b18-collection-item-add-dialog-variant-1284733-pm5tUc-button">
                            Default collection
                        </label>

                        <span class="bg-[#F5F5F5] dark:bg-[#1f2020] text-sm rounded-full px-3 py-1">
                            0
                        </span>
                    </div>
                </div>

                <button
                    type="submit"
                    id="add-to-collection-a52b57c5-4bc5-463d-bf64-be7d8c3d8b18-collection-item-add-dialog-variant-1284733-pm5tUc-button"
                    class="cta-secondary">

                    <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" aria-hidden="true" viewBox="0 0 20 21"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.667" d="M10 5.747v5m0 0v5m0-5h5m-5 0H5"/></svg>
                    <span class="basis-[max-content] shrink-0">
                                                Add product
                                            </span>
                </button>
            </form>
            </div>

    </dialog>
</div>
        </td>
    </tr>
    <tr onclick="window.location='https://www.bright.gr/uber-2-adtr-21-sp0737cl001da'"
        class="cursor-pointer hover:bg-primary/30 group bg-white dark:bg-[#28292a]">
        <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
            <a href="https://www.bright.gr/uber-2-adtr-21-sp0737cl001da">
                <span>SP0737CL001DA</span>
            </a>

            
            <input type="hidden"
                name="skus[]"
                value="SP0737CL001DA"
                form="variants-download-17673">
        </td>

        
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                White
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                COB LED
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                N
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                15º
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                127
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                120
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                DALI2
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                12,8
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                1458
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                930
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                18
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                18
            </td>
                <td onclick="event.stopPropagation()" class="sticky right-0 drop-shadow-lg px-5 bg-white md:static md:bg-transparent md:px-0 md:drop-shadow-none border-t border-[#D3D3D3] group-hover:bg-primary/30 md:group-hover:bg-transparent">
            <div
    class="relative w-max ml-auto px-2"
    data-controller="product-collection"
    data-product-collection-in-collection-class="bg-primary border-none"
    data-product-collection-not-in-collection-class="bg-transparent"
    id="collection_Vf0XyXlZD5LOgEiU"
    data-action="
        product-collection:added-to-collection->product-collection#openProductsDialog
        product-collection:added-to-collection->product-collection#setCollectionBtnInCollection
        product-collection:removed-from-collection->product-collection#openProductsDialog
        product-collection:removed-from-collection->product-collection#setCollectionBtnNotInCollection
        product-collection:collection-created->product-collection#openProductsDialog
        product-collection:collection-created->product-collection#closeCollectionCreateDialog
        product-collection:error->product-collection#showError
    ">

    <button
        type="button"
        popovertarget="variant-1284734-actions"
    aria-label="Actions"
        data-table-action
        style="anchor-name: --action-1284734"
        class="transition duration-300 ease-in-out active:bg-primary-600 inline-block px-4 py-3 rounded-full border border-primary-600 hover:bg-primary-600">
            <svg class="w-4 h-4" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.99462 8H8.00061" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M7.9895 12H7.99548" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M7.99987 4H8.00586" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</i-svg>
    </button>

    
    <div id="variant-1284734-actions"
        style="position-anchor: --action-1284734;" popover>
        <ul class="w-max divide-y bg-white dark:bg-[#28292a] shadow-lg rounded-lg">
            <li class="hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer w-full rounded-t-lg">
                <button
                    type="button"
                    class="px-5 py-3 w-full flex items-center bg-transparent"                    data-product-collection-target="collectionBtn"
                    data-action="product-collection#openProductsDialog">

                    <svg class="w-4 h-4 inline-block mr-2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.33333 1.33325C4.81918 1.33325 3.5621 1.33325 2.78105 2.08575C2 2.83824 2 4.04936 2 6.4716V11.9871C2 13.5244 2 14.293 2.51523 14.5681C3.51298 15.1009 5.38453 13.3234 6.27334 12.7882C6.7888 12.4778 7.04654 12.3226 7.33333 12.3226C7.62013 12.3226 7.87786 12.4778 8.39333 12.7882C9.28214 13.3234 11.1537 15.1009 12.1514 14.5681C12.6667 14.293 12.6667 13.5244 12.6667 11.9871V8.66659" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M11.3333 6.66658L11.3333 1.33325M8.66663 3.99992H14" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
</svg>
                    Add to My Collection
                </button>
            </li>

            <li class="px-5 py-3 flex items-center hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer">
                <a href="https://www.bright.gr/tender-text/1284734" target="_blank" rel="noopener nofollow">
                    <svg class="w-4 h-4 inline-block mr-2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.00004 9.66667L8.00004 3M8.00004 9.66667C7.53322 9.66667 6.66106 8.33713 6.33337 8M8.00004 9.66667C8.46686 9.66667 9.33902 8.33713 9.66671 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M13.3333 11C13.3333 12.6547 12.988 13 11.3333 13H4.66663C3.01196 13 2.66663 12.6547 2.66663 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                    Get Tender Text
                </a>
            </li>

            <li class="px-5 py-3 flex items-center hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer rounded-b-lg">
                <a href="https://www.bright.gr/tender-text/1284734?neutral=1" target="_blank" rel="noopener nofollow">
                    <svg class="w-4 h-4 inline-block mr-2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.00004 9.66667L8.00004 3M8.00004 9.66667C7.53322 9.66667 6.66106 8.33713 6.33337 8M8.00004 9.66667C8.46686 9.66667 9.33902 8.33713 9.66671 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M13.3333 11C13.3333 12.6547 12.988 13 11.3333 13H4.66663C3.01196 13 2.66663 12.6547 2.66663 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                    Get Tender Text Neutral
                </a>
            </li>

            <li class="px-5 py-3 flex items-center hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer rounded-b-lg">
                <a href="https://www.bright.gr/technical-data/1284734">
                    <svg width="16" height="16" class="w-4 h-4 inline-block mr-2" width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.74992 9.66667L8.74992 3M8.74992 9.66667C8.2831 9.66667 7.41094 8.33713 7.08325 8M8.74992 9.66667C9.21674 9.66667 10.0889 8.33713 10.4166 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14.0834 11C14.0834 12.6547 13.7381 13 12.0834 13H5.41675C3.76208 13 3.41675 12.6547 3.41675 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                        Technical datasheet
                </a>
            </li>

                            <li class="px-5 py-3 flex items-center hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer rounded-b-lg">
                        <a href="https://www.bright.gr/storage/files/UBER 2 ADTR 12.8W 930 15D_v51.ldt" class="flex items-center justify-center ">
                            <svg width="16" height="16" class="w-4 h-4 inline-block mr-2" width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.74992 9.66667L8.74992 3M8.74992 9.66667C8.2831 9.66667 7.41094 8.33713 7.08325 8M8.74992 9.66667C9.21674 9.66667 10.0889 8.33713 10.4166 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14.0834 11C14.0834 12.6547 13.7381 13 12.0834 13H5.41675C3.76208 13 3.41675 12.6547 3.41675 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                                LTD File
                        </a>
                </li>
            
            
            
                    </ul>
    </div>

    
    <dialog
    data-collection-item="collection-item-add-dialog-variant-1284734"
    data-product-collection-target="addProductsDialog"
    aria-labelledby="collection-item-add-dialog-variant-1284734-NutGpB-title"
    class="container max-w-[550px] bg-white dark:bg-[#28292a] border p-6 backdrop:bg-gray-800/30 dark:backdrop:bg-[#f0f0f1]/30 z-[100] top-full lg:top-0 transform left-1/2 translate-y-1/2 -translate-x-1/2">
    <div class="flex items-center justify-between border-b border-primary pb-4">
        <h2 id="collection-item-add-dialog-variant-1284734-NutGpB-title" class="text-dark dark:text-[#f4f4f5]  text-xl">
            My collections
        </h2>

        <button type="button" data-action="product-collection#closeProductsDialog" aria-label="Close">
            <svg class="w-5 h-5 cursor-pointer text-dark dark:text-[#f4f4f5]" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 18 18"><path fill-rule="evenodd" d="M14.834 4.227L10.06 9l4.773 4.773-1.061 1.06L9 10.062l-4.773 4.773-1.06-1.061L7.938 9 3.166 4.227l1.061-1.06L9 7.938l4.773-4.773 1.06 1.061z"/></svg>
        </button>
    </div>

    <div class="py-4 space-y-6">
                    
            <form
                action="https://www.bright.gr/collection/add/variant/1284734"
                method="POST"
                data-action="product-collection#manageCollection"
                class="flex flex-col gap-y-4 lg:flex-row lg:items-center lg:justify-between gap-x-2">
                <input type="hidden" name="_token" value="C7oiNDa2pqyeoqrDiWgOB8Wg7ZcPgYVwdcj52mUf" autocomplete="off">                                    <input type="hidden" name="_method" value="PUT">                
                <div class="flex items-center gap-x-4">
                    
                    <div class="text-dark dark:text-[#f4f4f5]   flex gap-x-4 items-center">
                        <label for="add-to-collection-a52b57c5-4bc5-463d-bf64-be7d8c3d8b18-collection-item-add-dialog-variant-1284734-NutGpB-button">
                            Default collection
                        </label>

                        <span class="bg-[#F5F5F5] dark:bg-[#1f2020] text-sm rounded-full px-3 py-1">
                            0
                        </span>
                    </div>
                </div>

                <button
                    type="submit"
                    id="add-to-collection-a52b57c5-4bc5-463d-bf64-be7d8c3d8b18-collection-item-add-dialog-variant-1284734-NutGpB-button"
                    class="cta-secondary">

                    <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" aria-hidden="true" viewBox="0 0 20 21"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.667" d="M10 5.747v5m0 0v5m0-5h5m-5 0H5"/></svg>
                    <span class="basis-[max-content] shrink-0">
                                                Add product
                                            </span>
                </button>
            </form>
            </div>

    </dialog>
</div>
        </td>
    </tr>
    <tr onclick="window.location='https://www.bright.gr/uber-2-adtr-21-sp0737cl001dac'"
        class="cursor-pointer hover:bg-primary/30 group bg-[#F8F8F8] dark:bg-[#1f2020]">
        <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
            <a href="https://www.bright.gr/uber-2-adtr-21-sp0737cl001dac">
                <span>SP0737CL001DAC</span>
            </a>

            
            <input type="hidden"
                name="skus[]"
                value="SP0737CL001DAC"
                form="variants-download-17673">
        </td>

        
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                White
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                COB LED
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                N
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                15º
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                127
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                120
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                DALI2
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                Casambi
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                12,8
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                1458
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                930
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                18
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                18
            </td>
                <td onclick="event.stopPropagation()" class="sticky right-0 drop-shadow-lg px-5 bg-white md:static md:bg-transparent md:px-0 md:drop-shadow-none border-t border-[#D3D3D3] group-hover:bg-primary/30 md:group-hover:bg-transparent">
            <div
    class="relative w-max ml-auto px-2"
    data-controller="product-collection"
    data-product-collection-in-collection-class="bg-primary border-none"
    data-product-collection-not-in-collection-class="bg-transparent"
    id="collection_xFvMnbnXInmunBPx"
    data-action="
        product-collection:added-to-collection->product-collection#openProductsDialog
        product-collection:added-to-collection->product-collection#setCollectionBtnInCollection
        product-collection:removed-from-collection->product-collection#openProductsDialog
        product-collection:removed-from-collection->product-collection#setCollectionBtnNotInCollection
        product-collection:collection-created->product-collection#openProductsDialog
        product-collection:collection-created->product-collection#closeCollectionCreateDialog
        product-collection:error->product-collection#showError
    ">

    <button
        type="button"
        popovertarget="variant-1284735-actions"
    aria-label="Actions"
        data-table-action
        style="anchor-name: --action-1284735"
        class="transition duration-300 ease-in-out active:bg-primary-600 inline-block px-4 py-3 rounded-full border border-primary-600 hover:bg-primary-600">
            <svg class="w-4 h-4" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.99462 8H8.00061" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M7.9895 12H7.99548" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M7.99987 4H8.00586" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</i-svg>
    </button>

    
    <div id="variant-1284735-actions"
        style="position-anchor: --action-1284735;" popover>
        <ul class="w-max divide-y bg-white dark:bg-[#28292a] shadow-lg rounded-lg">
            <li class="hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer w-full rounded-t-lg">
                <button
                    type="button"
                    class="px-5 py-3 w-full flex items-center bg-transparent"                    data-product-collection-target="collectionBtn"
                    data-action="product-collection#openProductsDialog">

                    <svg class="w-4 h-4 inline-block mr-2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.33333 1.33325C4.81918 1.33325 3.5621 1.33325 2.78105 2.08575C2 2.83824 2 4.04936 2 6.4716V11.9871C2 13.5244 2 14.293 2.51523 14.5681C3.51298 15.1009 5.38453 13.3234 6.27334 12.7882C6.7888 12.4778 7.04654 12.3226 7.33333 12.3226C7.62013 12.3226 7.87786 12.4778 8.39333 12.7882C9.28214 13.3234 11.1537 15.1009 12.1514 14.5681C12.6667 14.293 12.6667 13.5244 12.6667 11.9871V8.66659" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M11.3333 6.66658L11.3333 1.33325M8.66663 3.99992H14" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
</svg>
                    Add to My Collection
                </button>
            </li>

            <li class="px-5 py-3 flex items-center hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer">
                <a href="https://www.bright.gr/tender-text/1284735" target="_blank" rel="noopener nofollow">
                    <svg class="w-4 h-4 inline-block mr-2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.00004 9.66667L8.00004 3M8.00004 9.66667C7.53322 9.66667 6.66106 8.33713 6.33337 8M8.00004 9.66667C8.46686 9.66667 9.33902 8.33713 9.66671 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M13.3333 11C13.3333 12.6547 12.988 13 11.3333 13H4.66663C3.01196 13 2.66663 12.6547 2.66663 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                    Get Tender Text
                </a>
            </li>

            <li class="px-5 py-3 flex items-center hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer rounded-b-lg">
                <a href="https://www.bright.gr/tender-text/1284735?neutral=1" target="_blank" rel="noopener nofollow">
                    <svg class="w-4 h-4 inline-block mr-2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.00004 9.66667L8.00004 3M8.00004 9.66667C7.53322 9.66667 6.66106 8.33713 6.33337 8M8.00004 9.66667C8.46686 9.66667 9.33902 8.33713 9.66671 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M13.3333 11C13.3333 12.6547 12.988 13 11.3333 13H4.66663C3.01196 13 2.66663 12.6547 2.66663 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                    Get Tender Text Neutral
                </a>
            </li>

            <li class="px-5 py-3 flex items-center hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer rounded-b-lg">
                <a href="https://www.bright.gr/technical-data/1284735">
                    <svg width="16" height="16" class="w-4 h-4 inline-block mr-2" width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.74992 9.66667L8.74992 3M8.74992 9.66667C8.2831 9.66667 7.41094 8.33713 7.08325 8M8.74992 9.66667C9.21674 9.66667 10.0889 8.33713 10.4166 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14.0834 11C14.0834 12.6547 13.7381 13 12.0834 13H5.41675C3.76208 13 3.41675 12.6547 3.41675 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                        Technical datasheet
                </a>
            </li>

                            <li class="px-5 py-3 flex items-center hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer rounded-b-lg">
                        <a href="https://www.bright.gr/storage/files/UBER 2 ADTR 12.8W 930 15D_v51.ldt" class="flex items-center justify-center ">
                            <svg width="16" height="16" class="w-4 h-4 inline-block mr-2" width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.74992 9.66667L8.74992 3M8.74992 9.66667C8.2831 9.66667 7.41094 8.33713 7.08325 8M8.74992 9.66667C9.21674 9.66667 10.0889 8.33713 10.4166 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14.0834 11C14.0834 12.6547 13.7381 13 12.0834 13H5.41675C3.76208 13 3.41675 12.6547 3.41675 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                                LTD File
                        </a>
                </li>
            
            
            
                    </ul>
    </div>

    
    <dialog
    data-collection-item="collection-item-add-dialog-variant-1284735"
    data-product-collection-target="addProductsDialog"
    aria-labelledby="collection-item-add-dialog-variant-1284735-PtM6iq-title"
    class="container max-w-[550px] bg-white dark:bg-[#28292a] border p-6 backdrop:bg-gray-800/30 dark:backdrop:bg-[#f0f0f1]/30 z-[100] top-full lg:top-0 transform left-1/2 translate-y-1/2 -translate-x-1/2">
    <div class="flex items-center justify-between border-b border-primary pb-4">
        <h2 id="collection-item-add-dialog-variant-1284735-PtM6iq-title" class="text-dark dark:text-[#f4f4f5]  text-xl">
            My collections
        </h2>

        <button type="button" data-action="product-collection#closeProductsDialog" aria-label="Close">
            <svg class="w-5 h-5 cursor-pointer text-dark dark:text-[#f4f4f5]" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 18 18"><path fill-rule="evenodd" d="M14.834 4.227L10.06 9l4.773 4.773-1.061 1.06L9 10.062l-4.773 4.773-1.06-1.061L7.938 9 3.166 4.227l1.061-1.06L9 7.938l4.773-4.773 1.06 1.061z"/></svg>
        </button>
    </div>

    <div class="py-4 space-y-6">
                    
            <form
                action="https://www.bright.gr/collection/add/variant/1284735"
                method="POST"
                data-action="product-collection#manageCollection"
                class="flex flex-col gap-y-4 lg:flex-row lg:items-center lg:justify-between gap-x-2">
                <input type="hidden" name="_token" value="C7oiNDa2pqyeoqrDiWgOB8Wg7ZcPgYVwdcj52mUf" autocomplete="off">                                    <input type="hidden" name="_method" value="PUT">                
                <div class="flex items-center gap-x-4">
                    
                    <div class="text-dark dark:text-[#f4f4f5]   flex gap-x-4 items-center">
                        <label for="add-to-collection-a52b57c5-4bc5-463d-bf64-be7d8c3d8b18-collection-item-add-dialog-variant-1284735-PtM6iq-button">
                            Default collection
                        </label>

                        <span class="bg-[#F5F5F5] dark:bg-[#1f2020] text-sm rounded-full px-3 py-1">
                            0
                        </span>
                    </div>
                </div>

                <button
                    type="submit"
                    id="add-to-collection-a52b57c5-4bc5-463d-bf64-be7d8c3d8b18-collection-item-add-dialog-variant-1284735-PtM6iq-button"
                    class="cta-secondary">

                    <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" aria-hidden="true" viewBox="0 0 20 21"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.667" d="M10 5.747v5m0 0v5m0-5h5m-5 0H5"/></svg>
                    <span class="basis-[max-content] shrink-0">
                                                Add product
                                            </span>
                </button>
            </form>
            </div>

    </dialog>
</div>
        </td>
    </tr>
    <tr onclick="window.location='https://www.bright.gr/uber-2-adtr-21-sp0737cl002on'"
        class="cursor-pointer hover:bg-primary/30 group bg-white dark:bg-[#28292a]">
        <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
            <a href="https://www.bright.gr/uber-2-adtr-21-sp0737cl002on">
                <span>SP0737CL002ON</span>
            </a>

            
            <input type="hidden"
                name="skus[]"
                value="SP0737CL002ON"
                form="variants-download-17673">
        </td>

        
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                Black
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                COB LED
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                N
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                15º
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                127
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                120
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                On-Off
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                12,8
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                1458
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                930
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                18
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                18
            </td>
                <td onclick="event.stopPropagation()" class="sticky right-0 drop-shadow-lg px-5 bg-white md:static md:bg-transparent md:px-0 md:drop-shadow-none border-t border-[#D3D3D3] group-hover:bg-primary/30 md:group-hover:bg-transparent">
            <div
    class="relative w-max ml-auto px-2"
    data-controller="product-collection"
    data-product-collection-in-collection-class="bg-primary border-none"
    data-product-collection-not-in-collection-class="bg-transparent"
    id="collection_6oSG3dBtUNBO8pH4"
    data-action="
        product-collection:added-to-collection->product-collection#openProductsDialog
        product-collection:added-to-collection->product-collection#setCollectionBtnInCollection
        product-collection:removed-from-collection->product-collection#openProductsDialog
        product-collection:removed-from-collection->product-collection#setCollectionBtnNotInCollection
        product-collection:collection-created->product-collection#openProductsDialog
        product-collection:collection-created->product-collection#closeCollectionCreateDialog
        product-collection:error->product-collection#showError
    ">

    <button
        type="button"
        popovertarget="variant-1284736-actions"
    aria-label="Actions"
        data-table-action
        style="anchor-name: --action-1284736"
        class="transition duration-300 ease-in-out active:bg-primary-600 inline-block px-4 py-3 rounded-full border border-primary-600 hover:bg-primary-600">
            <svg class="w-4 h-4" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.99462 8H8.00061" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M7.9895 12H7.99548" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M7.99987 4H8.00586" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</i-svg>
    </button>

    
    <div id="variant-1284736-actions"
        style="position-anchor: --action-1284736;" popover>
        <ul class="w-max divide-y bg-white dark:bg-[#28292a] shadow-lg rounded-lg">
            <li class="hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer w-full rounded-t-lg">
                <button
                    type="button"
                    class="px-5 py-3 w-full flex items-center bg-transparent"                    data-product-collection-target="collectionBtn"
                    data-action="product-collection#openProductsDialog">

                    <svg class="w-4 h-4 inline-block mr-2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.33333 1.33325C4.81918 1.33325 3.5621 1.33325 2.78105 2.08575C2 2.83824 2 4.04936 2 6.4716V11.9871C2 13.5244 2 14.293 2.51523 14.5681C3.51298 15.1009 5.38453 13.3234 6.27334 12.7882C6.7888 12.4778 7.04654 12.3226 7.33333 12.3226C7.62013 12.3226 7.87786 12.4778 8.39333 12.7882C9.28214 13.3234 11.1537 15.1009 12.1514 14.5681C12.6667 14.293 12.6667 13.5244 12.6667 11.9871V8.66659" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M11.3333 6.66658L11.3333 1.33325M8.66663 3.99992H14" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
</svg>
                    Add to My Collection
                </button>
            </li>

            <li class="px-5 py-3 flex items-center hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer">
                <a href="https://www.bright.gr/tender-text/1284736" target="_blank" rel="noopener nofollow">
                    <svg class="w-4 h-4 inline-block mr-2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.00004 9.66667L8.00004 3M8.00004 9.66667C7.53322 9.66667 6.66106 8.33713 6.33337 8M8.00004 9.66667C8.46686 9.66667 9.33902 8.33713 9.66671 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M13.3333 11C13.3333 12.6547 12.988 13 11.3333 13H4.66663C3.01196 13 2.66663 12.6547 2.66663 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                    Get Tender Text
                </a>
            </li>

            <li class="px-5 py-3 flex items-center hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer rounded-b-lg">
                <a href="https://www.bright.gr/tender-text/1284736?neutral=1" target="_blank" rel="noopener nofollow">
                    <svg class="w-4 h-4 inline-block mr-2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.00004 9.66667L8.00004 3M8.00004 9.66667C7.53322 9.66667 6.66106 8.33713 6.33337 8M8.00004 9.66667C8.46686 9.66667 9.33902 8.33713 9.66671 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M13.3333 11C13.3333 12.6547 12.988 13 11.3333 13H4.66663C3.01196 13 2.66663 12.6547 2.66663 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                    Get Tender Text Neutral
                </a>
            </li>

            <li class="px-5 py-3 flex items-center hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer rounded-b-lg">
                <a href="https://www.bright.gr/technical-data/1284736">
                    <svg width="16" height="16" class="w-4 h-4 inline-block mr-2" width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.74992 9.66667L8.74992 3M8.74992 9.66667C8.2831 9.66667 7.41094 8.33713 7.08325 8M8.74992 9.66667C9.21674 9.66667 10.0889 8.33713 10.4166 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14.0834 11C14.0834 12.6547 13.7381 13 12.0834 13H5.41675C3.76208 13 3.41675 12.6547 3.41675 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                        Technical datasheet
                </a>
            </li>

                            <li class="px-5 py-3 flex items-center hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer rounded-b-lg">
                        <a href="https://www.bright.gr/storage/files/UBER 2 ADTR 12.8W 930 15D_v51.ldt" class="flex items-center justify-center ">
                            <svg width="16" height="16" class="w-4 h-4 inline-block mr-2" width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.74992 9.66667L8.74992 3M8.74992 9.66667C8.2831 9.66667 7.41094 8.33713 7.08325 8M8.74992 9.66667C9.21674 9.66667 10.0889 8.33713 10.4166 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14.0834 11C14.0834 12.6547 13.7381 13 12.0834 13H5.41675C3.76208 13 3.41675 12.6547 3.41675 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                                LTD File
                        </a>
                </li>
            
            
            
                    </ul>
    </div>

    
    <dialog
    data-collection-item="collection-item-add-dialog-variant-1284736"
    data-product-collection-target="addProductsDialog"
    aria-labelledby="collection-item-add-dialog-variant-1284736-IEnGWx-title"
    class="container max-w-[550px] bg-white dark:bg-[#28292a] border p-6 backdrop:bg-gray-800/30 dark:backdrop:bg-[#f0f0f1]/30 z-[100] top-full lg:top-0 transform left-1/2 translate-y-1/2 -translate-x-1/2">
    <div class="flex items-center justify-between border-b border-primary pb-4">
        <h2 id="collection-item-add-dialog-variant-1284736-IEnGWx-title" class="text-dark dark:text-[#f4f4f5]  text-xl">
            My collections
        </h2>

        <button type="button" data-action="product-collection#closeProductsDialog" aria-label="Close">
            <svg class="w-5 h-5 cursor-pointer text-dark dark:text-[#f4f4f5]" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 18 18"><path fill-rule="evenodd" d="M14.834 4.227L10.06 9l4.773 4.773-1.061 1.06L9 10.062l-4.773 4.773-1.06-1.061L7.938 9 3.166 4.227l1.061-1.06L9 7.938l4.773-4.773 1.06 1.061z"/></svg>
        </button>
    </div>

    <div class="py-4 space-y-6">
                    
            <form
                action="https://www.bright.gr/collection/add/variant/1284736"
                method="POST"
                data-action="product-collection#manageCollection"
                class="flex flex-col gap-y-4 lg:flex-row lg:items-center lg:justify-between gap-x-2">
                <input type="hidden" name="_token" value="C7oiNDa2pqyeoqrDiWgOB8Wg7ZcPgYVwdcj52mUf" autocomplete="off">                                    <input type="hidden" name="_method" value="PUT">                
                <div class="flex items-center gap-x-4">
                    
                    <div class="text-dark dark:text-[#f4f4f5]   flex gap-x-4 items-center">
                        <label for="add-to-collection-a52b57c5-4bc5-463d-bf64-be7d8c3d8b18-collection-item-add-dialog-variant-1284736-IEnGWx-button">
                            Default collection
                        </label>

                        <span class="bg-[#F5F5F5] dark:bg-[#1f2020] text-sm rounded-full px-3 py-1">
                            0
                        </span>
                    </div>
                </div>

                <button
                    type="submit"
                    id="add-to-collection-a52b57c5-4bc5-463d-bf64-be7d8c3d8b18-collection-item-add-dialog-variant-1284736-IEnGWx-button"
                    class="cta-secondary">

                    <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" aria-hidden="true" viewBox="0 0 20 21"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.667" d="M10 5.747v5m0 0v5m0-5h5m-5 0H5"/></svg>
                    <span class="basis-[max-content] shrink-0">
                                                Add product
                                            </span>
                </button>
            </form>
            </div>

    </dialog>
</div>
        </td>
    </tr>
    <tr onclick="window.location='https://www.bright.gr/uber-2-adtr-21-sp0737cl002da'"
        class="cursor-pointer hover:bg-primary/30 group bg-[#F8F8F8] dark:bg-[#1f2020]">
        <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
            <a href="https://www.bright.gr/uber-2-adtr-21-sp0737cl002da">
                <span>SP0737CL002DA</span>
            </a>

            
            <input type="hidden"
                name="skus[]"
                value="SP0737CL002DA"
                form="variants-download-17673">
        </td>

        
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                Black
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                COB LED
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                N
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                15º
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                127
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                120
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                DALI2
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                12,8
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                1458
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                930
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                18
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                18
            </td>
                <td onclick="event.stopPropagation()" class="sticky right-0 drop-shadow-lg px-5 bg-white md:static md:bg-transparent md:px-0 md:drop-shadow-none border-t border-[#D3D3D3] group-hover:bg-primary/30 md:group-hover:bg-transparent">
            <div
    class="relative w-max ml-auto px-2"
    data-controller="product-collection"
    data-product-collection-in-collection-class="bg-primary border-none"
    data-product-collection-not-in-collection-class="bg-transparent"
    id="collection_oxUdB2766AAMlI0Q"
    data-action="
        product-collection:added-to-collection->product-collection#openProductsDialog
        product-collection:added-to-collection->product-collection#setCollectionBtnInCollection
        product-collection:removed-from-collection->product-collection#openProductsDialog
        product-collection:removed-from-collection->product-collection#setCollectionBtnNotInCollection
        product-collection:collection-created->product-collection#openProductsDialog
        product-collection:collection-created->product-collection#closeCollectionCreateDialog
        product-collection:error->product-collection#showError
    ">

    <button
        type="button"
        popovertarget="variant-1284737-actions"
    aria-label="Actions"
        data-table-action
        style="anchor-name: --action-1284737"
        class="transition duration-300 ease-in-out active:bg-primary-600 inline-block px-4 py-3 rounded-full border border-primary-600 hover:bg-primary-600">
            <svg class="w-4 h-4" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.99462 8H8.00061" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M7.9895 12H7.99548" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M7.99987 4H8.00586" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</i-svg>
    </button>

    
    <div id="variant-1284737-actions"
        style="position-anchor: --action-1284737;" popover>
        <ul class="w-max divide-y bg-white dark:bg-[#28292a] shadow-lg rounded-lg">
            <li class="hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer w-full rounded-t-lg">
                <button
                    type="button"
                    class="px-5 py-3 w-full flex items-center bg-transparent"                    data-product-collection-target="collectionBtn"
                    data-action="product-collection#openProductsDialog">

                    <svg class="w-4 h-4 inline-block mr-2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.33333 1.33325C4.81918 1.33325 3.5621 1.33325 2.78105 2.08575C2 2.83824 2 4.04936 2 6.4716V11.9871C2 13.5244 2 14.293 2.51523 14.5681C3.51298 15.1009 5.38453 13.3234 6.27334 12.7882C6.7888 12.4778 7.04654 12.3226 7.33333 12.3226C7.62013 12.3226 7.87786 12.4778 8.39333 12.7882C9.28214 13.3234 11.1537 15.1009 12.1514 14.5681C12.6667 14.293 12.6667 13.5244 12.6667 11.9871V8.66659" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M11.3333 6.66658L11.3333 1.33325M8.66663 3.99992H14" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
</svg>
                    Add to My Collection
                </button>
            </li>

            <li class="px-5 py-3 flex items-center hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer">
                <a href="https://www.bright.gr/tender-text/1284737" target="_blank" rel="noopener nofollow">
                    <svg class="w-4 h-4 inline-block mr-2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.00004 9.66667L8.00004 3M8.00004 9.66667C7.53322 9.66667 6.66106 8.33713 6.33337 8M8.00004 9.66667C8.46686 9.66667 9.33902 8.33713 9.66671 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M13.3333 11C13.3333 12.6547 12.988 13 11.3333 13H4.66663C3.01196 13 2.66663 12.6547 2.66663 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                    Get Tender Text
                </a>
            </li>

            <li class="px-5 py-3 flex items-center hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer rounded-b-lg">
                <a href="https://www.bright.gr/tender-text/1284737?neutral=1" target="_blank" rel="noopener nofollow">
                    <svg class="w-4 h-4 inline-block mr-2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.00004 9.66667L8.00004 3M8.00004 9.66667C7.53322 9.66667 6.66106 8.33713 6.33337 8M8.00004 9.66667C8.46686 9.66667 9.33902 8.33713 9.66671 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M13.3333 11C13.3333 12.6547 12.988 13 11.3333 13H4.66663C3.01196 13 2.66663 12.6547 2.66663 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                    Get Tender Text Neutral
                </a>
            </li>

            <li class="px-5 py-3 flex items-center hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer rounded-b-lg">
                <a href="https://www.bright.gr/technical-data/1284737">
                    <svg width="16" height="16" class="w-4 h-4 inline-block mr-2" width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.74992 9.66667L8.74992 3M8.74992 9.66667C8.2831 9.66667 7.41094 8.33713 7.08325 8M8.74992 9.66667C9.21674 9.66667 10.0889 8.33713 10.4166 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14.0834 11C14.0834 12.6547 13.7381 13 12.0834 13H5.41675C3.76208 13 3.41675 12.6547 3.41675 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                        Technical datasheet
                </a>
            </li>

                            <li class="px-5 py-3 flex items-center hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer rounded-b-lg">
                        <a href="https://www.bright.gr/storage/files/UBER 2 ADTR 12.8W 930 15D_v51.ldt" class="flex items-center justify-center ">
                            <svg width="16" height="16" class="w-4 h-4 inline-block mr-2" width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.74992 9.66667L8.74992 3M8.74992 9.66667C8.2831 9.66667 7.41094 8.33713 7.08325 8M8.74992 9.66667C9.21674 9.66667 10.0889 8.33713 10.4166 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14.0834 11C14.0834 12.6547 13.7381 13 12.0834 13H5.41675C3.76208 13 3.41675 12.6547 3.41675 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                                LTD File
                        </a>
                </li>
            
            
            
                    </ul>
    </div>

    
    <dialog
    data-collection-item="collection-item-add-dialog-variant-1284737"
    data-product-collection-target="addProductsDialog"
    aria-labelledby="collection-item-add-dialog-variant-1284737-Uuvdwg-title"
    class="container max-w-[550px] bg-white dark:bg-[#28292a] border p-6 backdrop:bg-gray-800/30 dark:backdrop:bg-[#f0f0f1]/30 z-[100] top-full lg:top-0 transform left-1/2 translate-y-1/2 -translate-x-1/2">
    <div class="flex items-center justify-between border-b border-primary pb-4">
        <h2 id="collection-item-add-dialog-variant-1284737-Uuvdwg-title" class="text-dark dark:text-[#f4f4f5]  text-xl">
            My collections
        </h2>

        <button type="button" data-action="product-collection#closeProductsDialog" aria-label="Close">
            <svg class="w-5 h-5 cursor-pointer text-dark dark:text-[#f4f4f5]" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 18 18"><path fill-rule="evenodd" d="M14.834 4.227L10.06 9l4.773 4.773-1.061 1.06L9 10.062l-4.773 4.773-1.06-1.061L7.938 9 3.166 4.227l1.061-1.06L9 7.938l4.773-4.773 1.06 1.061z"/></svg>
        </button>
    </div>

    <div class="py-4 space-y-6">
                    
            <form
                action="https://www.bright.gr/collection/add/variant/1284737"
                method="POST"
                data-action="product-collection#manageCollection"
                class="flex flex-col gap-y-4 lg:flex-row lg:items-center lg:justify-between gap-x-2">
                <input type="hidden" name="_token" value="C7oiNDa2pqyeoqrDiWgOB8Wg7ZcPgYVwdcj52mUf" autocomplete="off">                                    <input type="hidden" name="_method" value="PUT">                
                <div class="flex items-center gap-x-4">
                    
                    <div class="text-dark dark:text-[#f4f4f5]   flex gap-x-4 items-center">
                        <label for="add-to-collection-a52b57c5-4bc5-463d-bf64-be7d8c3d8b18-collection-item-add-dialog-variant-1284737-Uuvdwg-button">
                            Default collection
                        </label>

                        <span class="bg-[#F5F5F5] dark:bg-[#1f2020] text-sm rounded-full px-3 py-1">
                            0
                        </span>
                    </div>
                </div>

                <button
                    type="submit"
                    id="add-to-collection-a52b57c5-4bc5-463d-bf64-be7d8c3d8b18-collection-item-add-dialog-variant-1284737-Uuvdwg-button"
                    class="cta-secondary">

                    <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" aria-hidden="true" viewBox="0 0 20 21"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.667" d="M10 5.747v5m0 0v5m0-5h5m-5 0H5"/></svg>
                    <span class="basis-[max-content] shrink-0">
                                                Add product
                                            </span>
                </button>
            </form>
            </div>

    </dialog>
</div>
        </td>
    </tr>
    <tr onclick="window.location='https://www.bright.gr/uber-2-adtr-21-sp0737cl002dac'"
        class="cursor-pointer hover:bg-primary/30 group bg-white dark:bg-[#28292a]">
        <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
            <a href="https://www.bright.gr/uber-2-adtr-21-sp0737cl002dac">
                <span>SP0737CL002DAC</span>
            </a>

            
            <input type="hidden"
                name="skus[]"
                value="SP0737CL002DAC"
                form="variants-download-17673">
        </td>

        
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                Black
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                COB LED
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                N
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                15º
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                127
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                120
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                DALI2
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                Casambi
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                12,8
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                1458
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                930
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                18
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                18
            </td>
                <td onclick="event.stopPropagation()" class="sticky right-0 drop-shadow-lg px-5 bg-white md:static md:bg-transparent md:px-0 md:drop-shadow-none border-t border-[#D3D3D3] group-hover:bg-primary/30 md:group-hover:bg-transparent">
            <div
    class="relative w-max ml-auto px-2"
    data-controller="product-collection"
    data-product-collection-in-collection-class="bg-primary border-none"
    data-product-collection-not-in-collection-class="bg-transparent"
    id="collection_1c3ipYmtCb13gXEp"
    data-action="
        product-collection:added-to-collection->product-collection#openProductsDialog
        product-collection:added-to-collection->product-collection#setCollectionBtnInCollection
        product-collection:removed-from-collection->product-collection#openProductsDialog
        product-collection:removed-from-collection->product-collection#setCollectionBtnNotInCollection
        product-collection:collection-created->product-collection#openProductsDialog
        product-collection:collection-created->product-collection#closeCollectionCreateDialog
        product-collection:error->product-collection#showError
    ">

    <button
        type="button"
        popovertarget="variant-1284738-actions"
    aria-label="Actions"
        data-table-action
        style="anchor-name: --action-1284738"
        class="transition duration-300 ease-in-out active:bg-primary-600 inline-block px-4 py-3 rounded-full border border-primary-600 hover:bg-primary-600">
            <svg class="w-4 h-4" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.99462 8H8.00061" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M7.9895 12H7.99548" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M7.99987 4H8.00586" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</i-svg>
    </button>

    
    <div id="variant-1284738-actions"
        style="position-anchor: --action-1284738;" popover>
        <ul class="w-max divide-y bg-white dark:bg-[#28292a] shadow-lg rounded-lg">
            <li class="hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer w-full rounded-t-lg">
                <button
                    type="button"
                    class="px-5 py-3 w-full flex items-center bg-transparent"                    data-product-collection-target="collectionBtn"
                    data-action="product-collection#openProductsDialog">

                    <svg class="w-4 h-4 inline-block mr-2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.33333 1.33325C4.81918 1.33325 3.5621 1.33325 2.78105 2.08575C2 2.83824 2 4.04936 2 6.4716V11.9871C2 13.5244 2 14.293 2.51523 14.5681C3.51298 15.1009 5.38453 13.3234 6.27334 12.7882C6.7888 12.4778 7.04654 12.3226 7.33333 12.3226C7.62013 12.3226 7.87786 12.4778 8.39333 12.7882C9.28214 13.3234 11.1537 15.1009 12.1514 14.5681C12.6667 14.293 12.6667 13.5244 12.6667 11.9871V8.66659" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M11.3333 6.66658L11.3333 1.33325M8.66663 3.99992H14" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
</svg>
                    Add to My Collection
                </button>
            </li>

            <li class="px-5 py-3 flex items-center hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer">
                <a href="https://www.bright.gr/tender-text/1284738" target="_blank" rel="noopener nofollow">
                    <svg class="w-4 h-4 inline-block mr-2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.00004 9.66667L8.00004 3M8.00004 9.66667C7.53322 9.66667 6.66106 8.33713 6.33337 8M8.00004 9.66667C8.46686 9.66667 9.33902 8.33713 9.66671 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M13.3333 11C13.3333 12.6547 12.988 13 11.3333 13H4.66663C3.01196 13 2.66663 12.6547 2.66663 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                    Get Tender Text
                </a>
            </li>

            <li class="px-5 py-3 flex items-center hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer rounded-b-lg">
                <a href="https://www.bright.gr/tender-text/1284738?neutral=1" target="_blank" rel="noopener nofollow">
                    <svg class="w-4 h-4 inline-block mr-2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.00004 9.66667L8.00004 3M8.00004 9.66667C7.53322 9.66667 6.66106 8.33713 6.33337 8M8.00004 9.66667C8.46686 9.66667 9.33902 8.33713 9.66671 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M13.3333 11C13.3333 12.6547 12.988 13 11.3333 13H4.66663C3.01196 13 2.66663 12.6547 2.66663 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                    Get Tender Text Neutral
                </a>
            </li>

            <li class="px-5 py-3 flex items-center hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer rounded-b-lg">
                <a href="https://www.bright.gr/technical-data/1284738">
                    <svg width="16" height="16" class="w-4 h-4 inline-block mr-2" width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.74992 9.66667L8.74992 3M8.74992 9.66667C8.2831 9.66667 7.41094 8.33713 7.08325 8M8.74992 9.66667C9.21674 9.66667 10.0889 8.33713 10.4166 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14.0834 11C14.0834 12.6547 13.7381 13 12.0834 13H5.41675C3.76208 13 3.41675 12.6547 3.41675 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                        Technical datasheet
                </a>
            </li>

                            <li class="px-5 py-3 flex items-center hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer rounded-b-lg">
                        <a href="https://www.bright.gr/storage/files/UBER 2 ADTR 12.8W 930 15D_v51.ldt" class="flex items-center justify-center ">
                            <svg width="16" height="16" class="w-4 h-4 inline-block mr-2" width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.74992 9.66667L8.74992 3M8.74992 9.66667C8.2831 9.66667 7.41094 8.33713 7.08325 8M8.74992 9.66667C9.21674 9.66667 10.0889 8.33713 10.4166 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14.0834 11C14.0834 12.6547 13.7381 13 12.0834 13H5.41675C3.76208 13 3.41675 12.6547 3.41675 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                                LTD File
                        </a>
                </li>
            
            
            
                    </ul>
    </div>

    
    <dialog
    data-collection-item="collection-item-add-dialog-variant-1284738"
    data-product-collection-target="addProductsDialog"
    aria-labelledby="collection-item-add-dialog-variant-1284738-GJNrvG-title"
    class="container max-w-[550px] bg-white dark:bg-[#28292a] border p-6 backdrop:bg-gray-800/30 dark:backdrop:bg-[#f0f0f1]/30 z-[100] top-full lg:top-0 transform left-1/2 translate-y-1/2 -translate-x-1/2">
    <div class="flex items-center justify-between border-b border-primary pb-4">
        <h2 id="collection-item-add-dialog-variant-1284738-GJNrvG-title" class="text-dark dark:text-[#f4f4f5]  text-xl">
            My collections
        </h2>

        <button type="button" data-action="product-collection#closeProductsDialog" aria-label="Close">
            <svg class="w-5 h-5 cursor-pointer text-dark dark:text-[#f4f4f5]" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 18 18"><path fill-rule="evenodd" d="M14.834 4.227L10.06 9l4.773 4.773-1.061 1.06L9 10.062l-4.773 4.773-1.06-1.061L7.938 9 3.166 4.227l1.061-1.06L9 7.938l4.773-4.773 1.06 1.061z"/></svg>
        </button>
    </div>

    <div class="py-4 space-y-6">
                    
            <form
                action="https://www.bright.gr/collection/add/variant/1284738"
                method="POST"
                data-action="product-collection#manageCollection"
                class="flex flex-col gap-y-4 lg:flex-row lg:items-center lg:justify-between gap-x-2">
                <input type="hidden" name="_token" value="C7oiNDa2pqyeoqrDiWgOB8Wg7ZcPgYVwdcj52mUf" autocomplete="off">                                    <input type="hidden" name="_method" value="PUT">                
                <div class="flex items-center gap-x-4">
                    
                    <div class="text-dark dark:text-[#f4f4f5]   flex gap-x-4 items-center">
                        <label for="add-to-collection-a52b57c5-4bc5-463d-bf64-be7d8c3d8b18-collection-item-add-dialog-variant-1284738-GJNrvG-button">
                            Default collection
                        </label>

                        <span class="bg-[#F5F5F5] dark:bg-[#1f2020] text-sm rounded-full px-3 py-1">
                            0
                        </span>
                    </div>
                </div>

                <button
                    type="submit"
                    id="add-to-collection-a52b57c5-4bc5-463d-bf64-be7d8c3d8b18-collection-item-add-dialog-variant-1284738-GJNrvG-button"
                    class="cta-secondary">

                    <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" aria-hidden="true" viewBox="0 0 20 21"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.667" d="M10 5.747v5m0 0v5m0-5h5m-5 0H5"/></svg>
                    <span class="basis-[max-content] shrink-0">
                                                Add product
                                            </span>
                </button>
            </form>
            </div>

    </dialog>
</div>
        </td>
    </tr>
    <tr onclick="window.location='https://www.bright.gr/uber-2-adtr-21-sp0737cl003on'"
        class="cursor-pointer hover:bg-primary/30 group bg-[#F8F8F8] dark:bg-[#1f2020]">
        <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
            <a href="https://www.bright.gr/uber-2-adtr-21-sp0737cl003on">
                <span>SP0737CL003ON</span>
            </a>

            
            <input type="hidden"
                name="skus[]"
                value="SP0737CL003ON"
                form="variants-download-17673">
        </td>

        
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                Grey
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                COB LED
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                N
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                15º
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                127
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                120
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                On-Off
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                12,8
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                1458
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                930
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                18
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                18
            </td>
                <td onclick="event.stopPropagation()" class="sticky right-0 drop-shadow-lg px-5 bg-white md:static md:bg-transparent md:px-0 md:drop-shadow-none border-t border-[#D3D3D3] group-hover:bg-primary/30 md:group-hover:bg-transparent">
            <div
    class="relative w-max ml-auto px-2"
    data-controller="product-collection"
    data-product-collection-in-collection-class="bg-primary border-none"
    data-product-collection-not-in-collection-class="bg-transparent"
    id="collection_261XvF7pm3hgVdSn"
    data-action="
        product-collection:added-to-collection->product-collection#openProductsDialog
        product-collection:added-to-collection->product-collection#setCollectionBtnInCollection
        product-collection:removed-from-collection->product-collection#openProductsDialog
        product-collection:removed-from-collection->product-collection#setCollectionBtnNotInCollection
        product-collection:collection-created->product-collection#openProductsDialog
        product-collection:collection-created->product-collection#closeCollectionCreateDialog
        product-collection:error->product-collection#showError
    ">

    <button
        type="button"
        popovertarget="variant-1284739-actions"
    aria-label="Actions"
        data-table-action
        style="anchor-name: --action-1284739"
        class="transition duration-300 ease-in-out active:bg-primary-600 inline-block px-4 py-3 rounded-full border border-primary-600 hover:bg-primary-600">
            <svg class="w-4 h-4" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.99462 8H8.00061" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M7.9895 12H7.99548" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M7.99987 4H8.00586" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</i-svg>
    </button>

    
    <div id="variant-1284739-actions"
        style="position-anchor: --action-1284739;" popover>
        <ul class="w-max divide-y bg-white dark:bg-[#28292a] shadow-lg rounded-lg">
            <li class="hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer w-full rounded-t-lg">
                <button
                    type="button"
                    class="px-5 py-3 w-full flex items-center bg-transparent"                    data-product-collection-target="collectionBtn"
                    data-action="product-collection#openProductsDialog">

                    <svg class="w-4 h-4 inline-block mr-2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.33333 1.33325C4.81918 1.33325 3.5621 1.33325 2.78105 2.08575C2 2.83824 2 4.04936 2 6.4716V11.9871C2 13.5244 2 14.293 2.51523 14.5681C3.51298 15.1009 5.38453 13.3234 6.27334 12.7882C6.7888 12.4778 7.04654 12.3226 7.33333 12.3226C7.62013 12.3226 7.87786 12.4778 8.39333 12.7882C9.28214 13.3234 11.1537 15.1009 12.1514 14.5681C12.6667 14.293 12.6667 13.5244 12.6667 11.9871V8.66659" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M11.3333 6.66658L11.3333 1.33325M8.66663 3.99992H14" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
</svg>
                    Add to My Collection
                </button>
            </li>

            <li class="px-5 py-3 flex items-center hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer">
                <a href="https://www.bright.gr/tender-text/1284739" target="_blank" rel="noopener nofollow">
                    <svg class="w-4 h-4 inline-block mr-2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.00004 9.66667L8.00004 3M8.00004 9.66667C7.53322 9.66667 6.66106 8.33713 6.33337 8M8.00004 9.66667C8.46686 9.66667 9.33902 8.33713 9.66671 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M13.3333 11C13.3333 12.6547 12.988 13 11.3333 13H4.66663C3.01196 13 2.66663 12.6547 2.66663 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                    Get Tender Text
                </a>
            </li>

            <li class="px-5 py-3 flex items-center hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer rounded-b-lg">
                <a href="https://www.bright.gr/tender-text/1284739?neutral=1" target="_blank" rel="noopener nofollow">
                    <svg class="w-4 h-4 inline-block mr-2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.00004 9.66667L8.00004 3M8.00004 9.66667C7.53322 9.66667 6.66106 8.33713 6.33337 8M8.00004 9.66667C8.46686 9.66667 9.33902 8.33713 9.66671 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M13.3333 11C13.3333 12.6547 12.988 13 11.3333 13H4.66663C3.01196 13 2.66663 12.6547 2.66663 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                    Get Tender Text Neutral
                </a>
            </li>

            <li class="px-5 py-3 flex items-center hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer rounded-b-lg">
                <a href="https://www.bright.gr/technical-data/1284739">
                    <svg width="16" height="16" class="w-4 h-4 inline-block mr-2" width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.74992 9.66667L8.74992 3M8.74992 9.66667C8.2831 9.66667 7.41094 8.33713 7.08325 8M8.74992 9.66667C9.21674 9.66667 10.0889 8.33713 10.4166 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14.0834 11C14.0834 12.6547 13.7381 13 12.0834 13H5.41675C3.76208 13 3.41675 12.6547 3.41675 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                        Technical datasheet
                </a>
            </li>

                            <li class="px-5 py-3 flex items-center hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer rounded-b-lg">
                        <a href="https://www.bright.gr/storage/files/UBER 2 ADTR 12.8W 930 15D_v51.ldt" class="flex items-center justify-center ">
                            <svg width="16" height="16" class="w-4 h-4 inline-block mr-2" width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.74992 9.66667L8.74992 3M8.74992 9.66667C8.2831 9.66667 7.41094 8.33713 7.08325 8M8.74992 9.66667C9.21674 9.66667 10.0889 8.33713 10.4166 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14.0834 11C14.0834 12.6547 13.7381 13 12.0834 13H5.41675C3.76208 13 3.41675 12.6547 3.41675 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                                LTD File
                        </a>
                </li>
            
            
            
                    </ul>
    </div>

    
    <dialog
    data-collection-item="collection-item-add-dialog-variant-1284739"
    data-product-collection-target="addProductsDialog"
    aria-labelledby="collection-item-add-dialog-variant-1284739-oPkfuq-title"
    class="container max-w-[550px] bg-white dark:bg-[#28292a] border p-6 backdrop:bg-gray-800/30 dark:backdrop:bg-[#f0f0f1]/30 z-[100] top-full lg:top-0 transform left-1/2 translate-y-1/2 -translate-x-1/2">
    <div class="flex items-center justify-between border-b border-primary pb-4">
        <h2 id="collection-item-add-dialog-variant-1284739-oPkfuq-title" class="text-dark dark:text-[#f4f4f5]  text-xl">
            My collections
        </h2>

        <button type="button" data-action="product-collection#closeProductsDialog" aria-label="Close">
            <svg class="w-5 h-5 cursor-pointer text-dark dark:text-[#f4f4f5]" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 18 18"><path fill-rule="evenodd" d="M14.834 4.227L10.06 9l4.773 4.773-1.061 1.06L9 10.062l-4.773 4.773-1.06-1.061L7.938 9 3.166 4.227l1.061-1.06L9 7.938l4.773-4.773 1.06 1.061z"/></svg>
        </button>
    </div>

    <div class="py-4 space-y-6">
                    
            <form
                action="https://www.bright.gr/collection/add/variant/1284739"
                method="POST"
                data-action="product-collection#manageCollection"
                class="flex flex-col gap-y-4 lg:flex-row lg:items-center lg:justify-between gap-x-2">
                <input type="hidden" name="_token" value="C7oiNDa2pqyeoqrDiWgOB8Wg7ZcPgYVwdcj52mUf" autocomplete="off">                                    <input type="hidden" name="_method" value="PUT">                
                <div class="flex items-center gap-x-4">
                    
                    <div class="text-dark dark:text-[#f4f4f5]   flex gap-x-4 items-center">
                        <label for="add-to-collection-a52b57c5-4bc5-463d-bf64-be7d8c3d8b18-collection-item-add-dialog-variant-1284739-oPkfuq-button">
                            Default collection
                        </label>

                        <span class="bg-[#F5F5F5] dark:bg-[#1f2020] text-sm rounded-full px-3 py-1">
                            0
                        </span>
                    </div>
                </div>

                <button
                    type="submit"
                    id="add-to-collection-a52b57c5-4bc5-463d-bf64-be7d8c3d8b18-collection-item-add-dialog-variant-1284739-oPkfuq-button"
                    class="cta-secondary">

                    <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" aria-hidden="true" viewBox="0 0 20 21"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.667" d="M10 5.747v5m0 0v5m0-5h5m-5 0H5"/></svg>
                    <span class="basis-[max-content] shrink-0">
                                                Add product
                                            </span>
                </button>
            </form>
            </div>

    </dialog>
</div>
        </td>
    </tr>
    <tr onclick="window.location='https://www.bright.gr/uber-2-adtr-21-sp0737cl003da'"
        class="cursor-pointer hover:bg-primary/30 group bg-white dark:bg-[#28292a]">
        <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
            <a href="https://www.bright.gr/uber-2-adtr-21-sp0737cl003da">
                <span>SP0737CL003DA</span>
            </a>

            
            <input type="hidden"
                name="skus[]"
                value="SP0737CL003DA"
                form="variants-download-17673">
        </td>

        
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                Grey
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                COB LED
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                N
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                15º
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                127
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                120
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                DALI2
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                12,8
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                1458
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                930
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                18
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                18
            </td>
                <td onclick="event.stopPropagation()" class="sticky right-0 drop-shadow-lg px-5 bg-white md:static md:bg-transparent md:px-0 md:drop-shadow-none border-t border-[#D3D3D3] group-hover:bg-primary/30 md:group-hover:bg-transparent">
            <div
    class="relative w-max ml-auto px-2"
    data-controller="product-collection"
    data-product-collection-in-collection-class="bg-primary border-none"
    data-product-collection-not-in-collection-class="bg-transparent"
    id="collection_UhV6XA81sOsL208s"
    data-action="
        product-collection:added-to-collection->product-collection#openProductsDialog
        product-collection:added-to-collection->product-collection#setCollectionBtnInCollection
        product-collection:removed-from-collection->product-collection#openProductsDialog
        product-collection:removed-from-collection->product-collection#setCollectionBtnNotInCollection
        product-collection:collection-created->product-collection#openProductsDialog
        product-collection:collection-created->product-collection#closeCollectionCreateDialog
        product-collection:error->product-collection#showError
    ">

    <button
        type="button"
        popovertarget="variant-1284740-actions"
    aria-label="Actions"
        data-table-action
        style="anchor-name: --action-1284740"
        class="transition duration-300 ease-in-out active:bg-primary-600 inline-block px-4 py-3 rounded-full border border-primary-600 hover:bg-primary-600">
            <svg class="w-4 h-4" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.99462 8H8.00061" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M7.9895 12H7.99548" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M7.99987 4H8.00586" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</i-svg>
    </button>

    
    <div id="variant-1284740-actions"
        style="position-anchor: --action-1284740;" popover>
        <ul class="w-max divide-y bg-white dark:bg-[#28292a] shadow-lg rounded-lg">
            <li class="hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer w-full rounded-t-lg">
                <button
                    type="button"
                    class="px-5 py-3 w-full flex items-center bg-transparent"                    data-product-collection-target="collectionBtn"
                    data-action="product-collection#openProductsDialog">

                    <svg class="w-4 h-4 inline-block mr-2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.33333 1.33325C4.81918 1.33325 3.5621 1.33325 2.78105 2.08575C2 2.83824 2 4.04936 2 6.4716V11.9871C2 13.5244 2 14.293 2.51523 14.5681C3.51298 15.1009 5.38453 13.3234 6.27334 12.7882C6.7888 12.4778 7.04654 12.3226 7.33333 12.3226C7.62013 12.3226 7.87786 12.4778 8.39333 12.7882C9.28214 13.3234 11.1537 15.1009 12.1514 14.5681C12.6667 14.293 12.6667 13.5244 12.6667 11.9871V8.66659" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M11.3333 6.66658L11.3333 1.33325M8.66663 3.99992H14" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
</svg>
                    Add to My Collection
                </button>
            </li>

            <li class="px-5 py-3 flex items-center hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer">
                <a href="https://www.bright.gr/tender-text/1284740" target="_blank" rel="noopener nofollow">
                    <svg class="w-4 h-4 inline-block mr-2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.00004 9.66667L8.00004 3M8.00004 9.66667C7.53322 9.66667 6.66106 8.33713 6.33337 8M8.00004 9.66667C8.46686 9.66667 9.33902 8.33713 9.66671 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M13.3333 11C13.3333 12.6547 12.988 13 11.3333 13H4.66663C3.01196 13 2.66663 12.6547 2.66663 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                    Get Tender Text
                </a>
            </li>

            <li class="px-5 py-3 flex items-center hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer rounded-b-lg">
                <a href="https://www.bright.gr/tender-text/1284740?neutral=1" target="_blank" rel="noopener nofollow">
                    <svg class="w-4 h-4 inline-block mr-2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.00004 9.66667L8.00004 3M8.00004 9.66667C7.53322 9.66667 6.66106 8.33713 6.33337 8M8.00004 9.66667C8.46686 9.66667 9.33902 8.33713 9.66671 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M13.3333 11C13.3333 12.6547 12.988 13 11.3333 13H4.66663C3.01196 13 2.66663 12.6547 2.66663 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                    Get Tender Text Neutral
                </a>
            </li>

            <li class="px-5 py-3 flex items-center hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer rounded-b-lg">
                <a href="https://www.bright.gr/technical-data/1284740">
                    <svg width="16" height="16" class="w-4 h-4 inline-block mr-2" width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.74992 9.66667L8.74992 3M8.74992 9.66667C8.2831 9.66667 7.41094 8.33713 7.08325 8M8.74992 9.66667C9.21674 9.66667 10.0889 8.33713 10.4166 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14.0834 11C14.0834 12.6547 13.7381 13 12.0834 13H5.41675C3.76208 13 3.41675 12.6547 3.41675 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                        Technical datasheet
                </a>
            </li>

                            <li class="px-5 py-3 flex items-center hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer rounded-b-lg">
                        <a href="https://www.bright.gr/storage/files/UBER 2 ADTR 12.8W 930 15D_v51.ldt" class="flex items-center justify-center ">
                            <svg width="16" height="16" class="w-4 h-4 inline-block mr-2" width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.74992 9.66667L8.74992 3M8.74992 9.66667C8.2831 9.66667 7.41094 8.33713 7.08325 8M8.74992 9.66667C9.21674 9.66667 10.0889 8.33713 10.4166 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14.0834 11C14.0834 12.6547 13.7381 13 12.0834 13H5.41675C3.76208 13 3.41675 12.6547 3.41675 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                                LTD File
                        </a>
                </li>
            
            
            
                    </ul>
    </div>

    
    <dialog
    data-collection-item="collection-item-add-dialog-variant-1284740"
    data-product-collection-target="addProductsDialog"
    aria-labelledby="collection-item-add-dialog-variant-1284740-QhZlDj-title"
    class="container max-w-[550px] bg-white dark:bg-[#28292a] border p-6 backdrop:bg-gray-800/30 dark:backdrop:bg-[#f0f0f1]/30 z-[100] top-full lg:top-0 transform left-1/2 translate-y-1/2 -translate-x-1/2">
    <div class="flex items-center justify-between border-b border-primary pb-4">
        <h2 id="collection-item-add-dialog-variant-1284740-QhZlDj-title" class="text-dark dark:text-[#f4f4f5]  text-xl">
            My collections
        </h2>

        <button type="button" data-action="product-collection#closeProductsDialog" aria-label="Close">
            <svg class="w-5 h-5 cursor-pointer text-dark dark:text-[#f4f4f5]" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 18 18"><path fill-rule="evenodd" d="M14.834 4.227L10.06 9l4.773 4.773-1.061 1.06L9 10.062l-4.773 4.773-1.06-1.061L7.938 9 3.166 4.227l1.061-1.06L9 7.938l4.773-4.773 1.06 1.061z"/></svg>
        </button>
    </div>

    <div class="py-4 space-y-6">
                    
            <form
                action="https://www.bright.gr/collection/add/variant/1284740"
                method="POST"
                data-action="product-collection#manageCollection"
                class="flex flex-col gap-y-4 lg:flex-row lg:items-center lg:justify-between gap-x-2">
                <input type="hidden" name="_token" value="C7oiNDa2pqyeoqrDiWgOB8Wg7ZcPgYVwdcj52mUf" autocomplete="off">                                    <input type="hidden" name="_method" value="PUT">                
                <div class="flex items-center gap-x-4">
                    
                    <div class="text-dark dark:text-[#f4f4f5]   flex gap-x-4 items-center">
                        <label for="add-to-collection-a52b57c5-4bc5-463d-bf64-be7d8c3d8b18-collection-item-add-dialog-variant-1284740-QhZlDj-button">
                            Default collection
                        </label>

                        <span class="bg-[#F5F5F5] dark:bg-[#1f2020] text-sm rounded-full px-3 py-1">
                            0
                        </span>
                    </div>
                </div>

                <button
                    type="submit"
                    id="add-to-collection-a52b57c5-4bc5-463d-bf64-be7d8c3d8b18-collection-item-add-dialog-variant-1284740-QhZlDj-button"
                    class="cta-secondary">

                    <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" aria-hidden="true" viewBox="0 0 20 21"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.667" d="M10 5.747v5m0 0v5m0-5h5m-5 0H5"/></svg>
                    <span class="basis-[max-content] shrink-0">
                                                Add product
                                            </span>
                </button>
            </form>
            </div>

    </dialog>
</div>
        </td>
    </tr>
    <tr onclick="window.location='https://www.bright.gr/uber-2-adtr-21-sp0737cl003dac'"
        class="cursor-pointer hover:bg-primary/30 group bg-[#F8F8F8] dark:bg-[#1f2020]">
        <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
            <a href="https://www.bright.gr/uber-2-adtr-21-sp0737cl003dac">
                <span>SP0737CL003DAC</span>
            </a>

            
            <input type="hidden"
                name="skus[]"
                value="SP0737CL003DAC"
                form="variants-download-17673">
        </td>

        
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                Grey
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                COB LED
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                N
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                15º
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                127
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                120
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                DALI2
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                Casambi
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                12,8
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                1458
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                930
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                18
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                18
            </td>
                <td onclick="event.stopPropagation()" class="sticky right-0 drop-shadow-lg px-5 bg-white md:static md:bg-transparent md:px-0 md:drop-shadow-none border-t border-[#D3D3D3] group-hover:bg-primary/30 md:group-hover:bg-transparent">
            <div
    class="relative w-max ml-auto px-2"
    data-controller="product-collection"
    data-product-collection-in-collection-class="bg-primary border-none"
    data-product-collection-not-in-collection-class="bg-transparent"
    id="collection_FnW5EFTwB4kjkDDx"
    data-action="
        product-collection:added-to-collection->product-collection#openProductsDialog
        product-collection:added-to-collection->product-collection#setCollectionBtnInCollection
        product-collection:removed-from-collection->product-collection#openProductsDialog
        product-collection:removed-from-collection->product-collection#setCollectionBtnNotInCollection
        product-collection:collection-created->product-collection#openProductsDialog
        product-collection:collection-created->product-collection#closeCollectionCreateDialog
        product-collection:error->product-collection#showError
    ">

    <button
        type="button"
        popovertarget="variant-1284741-actions"
    aria-label="Actions"
        data-table-action
        style="anchor-name: --action-1284741"
        class="transition duration-300 ease-in-out active:bg-primary-600 inline-block px-4 py-3 rounded-full border border-primary-600 hover:bg-primary-600">
            <svg class="w-4 h-4" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.99462 8H8.00061" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M7.9895 12H7.99548" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M7.99987 4H8.00586" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</i-svg>
    </button>

    
    <div id="variant-1284741-actions"
        style="position-anchor: --action-1284741;" popover>
        <ul class="w-max divide-y bg-white dark:bg-[#28292a] shadow-lg rounded-lg">
            <li class="hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer w-full rounded-t-lg">
                <button
                    type="button"
                    class="px-5 py-3 w-full flex items-center bg-transparent"                    data-product-collection-target="collectionBtn"
                    data-action="product-collection#openProductsDialog">

                    <svg class="w-4 h-4 inline-block mr-2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.33333 1.33325C4.81918 1.33325 3.5621 1.33325 2.78105 2.08575C2 2.83824 2 4.04936 2 6.4716V11.9871C2 13.5244 2 14.293 2.51523 14.5681C3.51298 15.1009 5.38453 13.3234 6.27334 12.7882C6.7888 12.4778 7.04654 12.3226 7.33333 12.3226C7.62013 12.3226 7.87786 12.4778 8.39333 12.7882C9.28214 13.3234 11.1537 15.1009 12.1514 14.5681C12.6667 14.293 12.6667 13.5244 12.6667 11.9871V8.66659" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M11.3333 6.66658L11.3333 1.33325M8.66663 3.99992H14" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
</svg>
                    Add to My Collection
                </button>
            </li>

            <li class="px-5 py-3 flex items-center hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer">
                <a href="https://www.bright.gr/tender-text/1284741" target="_blank" rel="noopener nofollow">
                    <svg class="w-4 h-4 inline-block mr-2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.00004 9.66667L8.00004 3M8.00004 9.66667C7.53322 9.66667 6.66106 8.33713 6.33337 8M8.00004 9.66667C8.46686 9.66667 9.33902 8.33713 9.66671 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M13.3333 11C13.3333 12.6547 12.988 13 11.3333 13H4.66663C3.01196 13 2.66663 12.6547 2.66663 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                    Get Tender Text
                </a>
            </li>

            <li class="px-5 py-3 flex items-center hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer rounded-b-lg">
                <a href="https://www.bright.gr/tender-text/1284741?neutral=1" target="_blank" rel="noopener nofollow">
                    <svg class="w-4 h-4 inline-block mr-2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.00004 9.66667L8.00004 3M8.00004 9.66667C7.53322 9.66667 6.66106 8.33713 6.33337 8M8.00004 9.66667C8.46686 9.66667 9.33902 8.33713 9.66671 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M13.3333 11C13.3333 12.6547 12.988 13 11.3333 13H4.66663C3.01196 13 2.66663 12.6547 2.66663 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                    Get Tender Text Neutral
                </a>
            </li>

            <li class="px-5 py-3 flex items-center hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer rounded-b-lg">
                <a href="https://www.bright.gr/technical-data/1284741">
                    <svg width="16" height="16" class="w-4 h-4 inline-block mr-2" width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.74992 9.66667L8.74992 3M8.74992 9.66667C8.2831 9.66667 7.41094 8.33713 7.08325 8M8.74992 9.66667C9.21674 9.66667 10.0889 8.33713 10.4166 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14.0834 11C14.0834 12.6547 13.7381 13 12.0834 13H5.41675C3.76208 13 3.41675 12.6547 3.41675 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                        Technical datasheet
                </a>
            </li>

                            <li class="px-5 py-3 flex items-center hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer rounded-b-lg">
                        <a href="https://www.bright.gr/storage/files/UBER 2 ADTR 12.8W 930 15D_v51.ldt" class="flex items-center justify-center ">
                            <svg width="16" height="16" class="w-4 h-4 inline-block mr-2" width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.74992 9.66667L8.74992 3M8.74992 9.66667C8.2831 9.66667 7.41094 8.33713 7.08325 8M8.74992 9.66667C9.21674 9.66667 10.0889 8.33713 10.4166 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14.0834 11C14.0834 12.6547 13.7381 13 12.0834 13H5.41675C3.76208 13 3.41675 12.6547 3.41675 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                                LTD File
                        </a>
                </li>
            
            
            
                    </ul>
    </div>

    
    <dialog
    data-collection-item="collection-item-add-dialog-variant-1284741"
    data-product-collection-target="addProductsDialog"
    aria-labelledby="collection-item-add-dialog-variant-1284741-ZizDDV-title"
    class="container max-w-[550px] bg-white dark:bg-[#28292a] border p-6 backdrop:bg-gray-800/30 dark:backdrop:bg-[#f0f0f1]/30 z-[100] top-full lg:top-0 transform left-1/2 translate-y-1/2 -translate-x-1/2">
    <div class="flex items-center justify-between border-b border-primary pb-4">
        <h2 id="collection-item-add-dialog-variant-1284741-ZizDDV-title" class="text-dark dark:text-[#f4f4f5]  text-xl">
            My collections
        </h2>

        <button type="button" data-action="product-collection#closeProductsDialog" aria-label="Close">
            <svg class="w-5 h-5 cursor-pointer text-dark dark:text-[#f4f4f5]" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 18 18"><path fill-rule="evenodd" d="M14.834 4.227L10.06 9l4.773 4.773-1.061 1.06L9 10.062l-4.773 4.773-1.06-1.061L7.938 9 3.166 4.227l1.061-1.06L9 7.938l4.773-4.773 1.06 1.061z"/></svg>
        </button>
    </div>

    <div class="py-4 space-y-6">
                    
            <form
                action="https://www.bright.gr/collection/add/variant/1284741"
                method="POST"
                data-action="product-collection#manageCollection"
                class="flex flex-col gap-y-4 lg:flex-row lg:items-center lg:justify-between gap-x-2">
                <input type="hidden" name="_token" value="C7oiNDa2pqyeoqrDiWgOB8Wg7ZcPgYVwdcj52mUf" autocomplete="off">                                    <input type="hidden" name="_method" value="PUT">                
                <div class="flex items-center gap-x-4">
                    
                    <div class="text-dark dark:text-[#f4f4f5]   flex gap-x-4 items-center">
                        <label for="add-to-collection-a52b57c5-4bc5-463d-bf64-be7d8c3d8b18-collection-item-add-dialog-variant-1284741-ZizDDV-button">
                            Default collection
                        </label>

                        <span class="bg-[#F5F5F5] dark:bg-[#1f2020] text-sm rounded-full px-3 py-1">
                            0
                        </span>
                    </div>
                </div>

                <button
                    type="submit"
                    id="add-to-collection-a52b57c5-4bc5-463d-bf64-be7d8c3d8b18-collection-item-add-dialog-variant-1284741-ZizDDV-button"
                    class="cta-secondary">

                    <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" aria-hidden="true" viewBox="0 0 20 21"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.667" d="M10 5.747v5m0 0v5m0-5h5m-5 0H5"/></svg>
                    <span class="basis-[max-content] shrink-0">
                                                Add product
                                            </span>
                </button>
            </form>
            </div>

    </dialog>
</div>
        </td>
    </tr>
    <tr onclick="window.location='https://www.bright.gr/uber-2-adtr-21-sp0737cl004on'"
        class="cursor-pointer hover:bg-primary/30 group bg-white dark:bg-[#28292a]">
        <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
            <a href="https://www.bright.gr/uber-2-adtr-21-sp0737cl004on">
                <span>SP0737CL004ON</span>
            </a>

            
            <input type="hidden"
                name="skus[]"
                value="SP0737CL004ON"
                form="variants-download-17673">
        </td>

        
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                Gold
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                COB LED
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                N
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                15º
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                127
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                120
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                On-Off
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                12,8
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                1458
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                930
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                18
            </td>
                    <td class="px-2 text-sm py-6 text-center md:text-left border-t border-[#D3D3D3]">
                18
            </td>
                <td onclick="event.stopPropagation()" class="sticky right-0 drop-shadow-lg px-5 bg-white md:static md:bg-transparent md:px-0 md:drop-shadow-none border-t border-[#D3D3D3] group-hover:bg-primary/30 md:group-hover:bg-transparent">
            <div
    class="relative w-max ml-auto px-2"
    data-controller="product-collection"
    data-product-collection-in-collection-class="bg-primary border-none"
    data-product-collection-not-in-collection-class="bg-transparent"
    id="collection_N1EfWkxi5iWcoSI0"
    data-action="
        product-collection:added-to-collection->product-collection#openProductsDialog
        product-collection:added-to-collection->product-collection#setCollectionBtnInCollection
        product-collection:removed-from-collection->product-collection#openProductsDialog
        product-collection:removed-from-collection->product-collection#setCollectionBtnNotInCollection
        product-collection:collection-created->product-collection#openProductsDialog
        product-collection:collection-created->product-collection#closeCollectionCreateDialog
        product-collection:error->product-collection#showError
    ">

    <button
        type="button"
        popovertarget="variant-1284742-actions"
    aria-label="Actions"
        data-table-action
        style="anchor-name: --action-1284742"
        class="transition duration-300 ease-in-out active:bg-primary-600 inline-block px-4 py-3 rounded-full border border-primary-600 hover:bg-primary-600">
            <svg class="w-4 h-4" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.99462 8H8.00061" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M7.9895 12H7.99548" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M7.99987 4H8.00586" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</i-svg>
    </button>

    
    <div id="variant-1284742-actions"
        style="position-anchor: --action-1284742;" popover>
        <ul class="w-max divide-y bg-white dark:bg-[#28292a] shadow-lg rounded-lg">
            <li class="hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer w-full rounded-t-lg">
                <button
                    type="button"
                    class="px-5 py-3 w-full flex items-center bg-transparent"                    data-product-collection-target="collectionBtn"
                    data-action="product-collection#openProductsDialog">

                    <svg class="w-4 h-4 inline-block mr-2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.33333 1.33325C4.81918 1.33325 3.5621 1.33325 2.78105 2.08575C2 2.83824 2 4.04936 2 6.4716V11.9871C2 13.5244 2 14.293 2.51523 14.5681C3.51298 15.1009 5.38453 13.3234 6.27334 12.7882C6.7888 12.4778 7.04654 12.3226 7.33333 12.3226C7.62013 12.3226 7.87786 12.4778 8.39333 12.7882C9.28214 13.3234 11.1537 15.1009 12.1514 14.5681C12.6667 14.293 12.6667 13.5244 12.6667 11.9871V8.66659" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M11.3333 6.66658L11.3333 1.33325M8.66663 3.99992H14" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
</svg>
                    Add to My Collection
                </button>
            </li>

            <li class="px-5 py-3 flex items-center hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer">
                <a href="https://www.bright.gr/tender-text/1284742" target="_blank" rel="noopener nofollow">
                    <svg class="w-4 h-4 inline-block mr-2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.00004 9.66667L8.00004 3M8.00004 9.66667C7.53322 9.66667 6.66106 8.33713 6.33337 8M8.00004 9.66667C8.46686 9.66667 9.33902 8.33713 9.66671 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M13.3333 11C13.3333 12.6547 12.988 13 11.3333 13H4.66663C3.01196 13 2.66663 12.6547 2.66663 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                    Get Tender Text
                </a>
            </li>

            <li class="px-5 py-3 flex items-center hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer rounded-b-lg">
                <a href="https://www.bright.gr/tender-text/1284742?neutral=1" target="_blank" rel="noopener nofollow">
                    <svg class="w-4 h-4 inline-block mr-2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.00004 9.66667L8.00004 3M8.00004 9.66667C7.53322 9.66667 6.66106 8.33713 6.33337 8M8.00004 9.66667C8.46686 9.66667 9.33902 8.33713 9.66671 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M13.3333 11C13.3333 12.6547 12.988 13 11.3333 13H4.66663C3.01196 13 2.66663 12.6547 2.66663 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                    Get Tender Text Neutral
                </a>
            </li>

            <li class="px-5 py-3 flex items-center hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer rounded-b-lg">
                <a href="https://www.bright.gr/technical-data/1284742">
                    <svg width="16" height="16" class="w-4 h-4 inline-block mr-2" width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.74992 9.66667L8.74992 3M8.74992 9.66667C8.2831 9.66667 7.41094 8.33713 7.08325 8M8.74992 9.66667C9.21674 9.66667 10.0889 8.33713 10.4166 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14.0834 11C14.0834 12.6547 13.7381 13 12.0834 13H5.41675C3.76208 13 3.41675 12.6547 3.41675 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                        Technical datasheet
                </a>
            </li>

                            <li class="px-5 py-3 flex items-center hover:bg-primary-100 dark:hover:bg-[#ffde00] dark:hover:text-[#383a3b] cursor-pointer rounded-b-lg">
                        <a href="https://www.bright.gr/storage/files/UBER 2 ADTR 12.8W 930 15D_v51.ldt" class="flex items-center justify-center ">
                            <svg width="16" height="16" class="w-4 h-4 inline-block mr-2" width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.74992 9.66667L8.74992 3M8.74992 9.66667C8.2831 9.66667 7.41094 8.33713 7.08325 8M8.74992 9.66667C9.21674 9.66667 10.0889 8.33713 10.4166 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14.0834 11C14.0834 12.6547 13.7381 13 12.0834 13H5.41675C3.76208 13 3.41675 12.6547 3.41675 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
                                LTD File
                        </a>
                </li>
            
            
            
                    </ul>
    </div>

    
    <dialog
    data-collection-item="collection-item-add-dialog-variant-1284742"
    data-product-collection-target="addProductsDialog"
    aria-labelledby="collection-item-add-dialog-variant-1284742-cxz9Lt-title"
    class="container max-w-[550px] bg-white dark:bg-[#28292a] border p-6 backdrop:bg-gray-800/30 dark:backdrop:bg-[#f0f0f1]/30 z-[100] top-full lg:top-0 transform left-1/2 translate-y-1/2 -translate-x-1/2">
    <div class="flex items-center justify-between border-b border-primary pb-4">
        <h2 id="collection-item-add-dialog-variant-1284742-cxz9Lt-title" class="text-dark dark:text-[#f4f4f5]  text-xl">
            My collections
        </h2>

        <button type="button" data-action="product-collection#closeProductsDialog" aria-label="Close">
            <svg class="w-5 h-5 cursor-pointer text-dark dark:text-[#f4f4f5]" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 18 18"><path fill-rule="evenodd" d="M14.834 4.227L10.06 9l4.773 4.773-1.061 1.06L9 10.062l-4.773 4.773-1.06-1.061L7.938 9 3.166 4.227l1.061-1.06L9 7.938l4.773-4.773 1.06 1.061z"/></svg>
        </button>
    </div>

    <div class="py-4 space-y-6">
                    
            <form
                action="https://www.bright.gr/collection/add/variant/1284742"
                method="POST"
                data-action="product-collection#manageCollection"
                class="flex flex-col gap-y-4 lg:flex-row lg:items-center lg:justify-between gap-x-2">
                <input type="hidden" name="_token" value="C7oiNDa2pqyeoqrDiWgOB8Wg7ZcPgYVwdcj52mUf" autocomplete="off">                                    <input type="hidden" name="_method" value="PUT">                
                <div class="flex items-center gap-x-4">
                    
                    <div class="text-dark dark:text-[#f4f4f5]   flex gap-x-4 items-center">
                        <label for="add-to-collection-a52b57c5-4bc5-463d-bf64-be7d8c3d8b18-collection-item-add-dialog-variant-1284742-cxz9Lt-button">
                            Default collection
                        </label>

                        <span class="bg-[#F5F5F5] dark:bg-[#1f2020] text-sm rounded-full px-3 py-1">
                            0
                        </span>
                    </div>
                </div>

                <button
                    type="submit"
                    id="add-to-collection-a52b57c5-4bc5-463d-bf64-be7d8c3d8b18-collection-item-add-dialog-variant-1284742-cxz9Lt-button"
                    class="cta-secondary">

                    <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" aria-hidden="true" viewBox="0 0 20 21"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.667" d="M10 5.747v5m0 0v5m0-5h5m-5 0H5"/></svg>
                    <span class="basis-[max-content] shrink-0">
                                                Add product
                                            </span>
                </button>
            </form>
            </div>

    </dialog>
</div>
        </td>
    </tr>

    <tr id="product-17673-variants-pagination"
        class="bg-[#F8F8F8] dark:bg-[#1f2020] border-t border-[#E4E4E4]">
        <td colspan="15" class="text-end text-xs  py-4">
            <div
    class="flex justify-end gap-2"    class="flex justify-center">
            <a href="https://www.bright.gr/product/17673/variants/pagination?variants_page=2"
            data-mkey="next"
            class="relative cta-secondary text-xs">
            Load more variants
            <svg class="w-4 h-4 transform rotate-90" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20 11.9999L4 11.9999M20 11.9999L15.0001 16.9999M20 11.9999L15 6.99994" stroke="currentColor" stroke-width="1.5"/>
</svg>
        </a>
    
            
        <form id="variants-download-17673"
            action="https://www.bright.gr/variants/download"
            method="POST"
            data-turbo="false">
            <input type="hidden" name="_token" value="C7oiNDa2pqyeoqrDiWgOB8Wg7ZcPgYVwdcj52mUf" autocomplete="off">
            <button type="submit" class="relative cta-secondary text-xs">
                Download files
            </button>
        </form>
    </div>

        </td>
    </tr>
</template></turbo-stream>