{% set prices_link = '' %}

{% for item in menu_scheda %}
    {% if item.title == 'Prezzi' %}
        {% set prices_link = item.link %}
    {% endif %}
{% endfor %}

<div x-show="showBestpriceOffersModal" x-cloak 
    class="fixed inset-0 bg-opacity-50 flex items-center justify-center z-50 backdrop-blur-md">

    <div
        style="background-color: rgba(255, 255, 255, 0.6);"
        class="fixed inset-0"
        aria-hidden="true"
        >
    </div>

    <div class="fixed inset-0 z-10 w-screen overflow-y-auto">
        <div @click="showBestpriceOffersModal = false" class="flex min-h-full items-center justify-center p-4 text-center sm:items-center sm:p-0">

            <div x-transition:enter="transition ease duration-100"
                x-transition:enter-start="opacity-0 translate-y-2 sm:translate-y-0 sm:scale-98"
                x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100"
                x-transition:leave="transition ease-in duration-100"
                x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100"
                x-transition:leave-end="opacity-0 translate-y-2 sm:translate-y-0 sm:scale-98"
                class="relative transform overflow-hidden rounded-xl bg-white text-left shadow-xl sm:my-8 w-full max-w-2xl mx-auto">
                <div class="bg-white pt-5 sm:pb-4">
                    <div class="sm:flex sm:items-start">
                        <div class="mt-3 text-center sm:mt-0 sm:text-left w-full">

                            <div class="mt-2 h-[75vh]">
                                <iframe src="{{ prices_link }}?is_modal=1" width="100%" height="100%"></iframe>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="bg-white px-4 pb-4 sm:flex sm:flex-row-reverse sm:px-6">
                    <button type="button" @click="showBestpriceOffersModal = false"
                        class="mt-3 inline-flex w-full justify-center rounded-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50 sm:mt-0 sm:w-auto">
                        Chiudi
                    </button>
                </div>
            </div>

        </div>
    </div>

</div>