@php
    $onclick = auth()->check()
        ? "window.open('https://t.me/Officially_Adyen_support', '_blank')"
        : "window.location.href='" . route('register') . "'";
@endphp
<section id="invest"
    class="resp-change-row flex relative flex-col items-center px-16 pt-44 pb-28 mt-16 w-full min-h-[755px] max-md:px-5 max-md:py-24 max-md:mt-10 max-md:max-w-full">
    <img
        src="https://cdn.builder.io/api/v1/image/assets/TEMP/c977d8c4427fbe9c76fb610cc6428ebff6c36279?placeholderIfAbsent=true&apiKey=849ba896f59940849f13fd50b0edecfa"
        class="object-cover absolute inset-0 size-full"
        alt="Investment plans background"
    />
    <div class="relative mb-0 w-full max-w-[1394px] max-md:mb-2.5 max-md:max-w-full">
        <div class="resp-change-row flex gap-5 max-md:flex-col">
            <!-- Start Plan -->
            <article class="w-[33%] max-md:ml-0 max-md:w-full">
                <div class="bord relative grow max-md:mt-10">
                    <div
                        class="flex flex-col items-center px-9 py-9 w-full text-black bg-white rounded-[30px_30px_0px_0px] shadow-[0px_0px_20px_rgba(255,255,255,1)] max-md:px-5">
                        <h3 class="text-5xl tracking-[11.25px] max-md:text-4xl">
                            Старт
                        </h3>
                        <p class="px-4 py-1.5 mt-8 text-xl tracking-wider rounded-[30px] bg-green-200 text-center">
                            10% каждые 24 часа
                        </p>
                        <p class="mt-12 text-xl tracking-wider max-md:mt-10">
                            Период
                        </p>
                        <p class="px-5 py-1 max-w-full text-xl tracking-wider bg-neutral-400 bg-opacity-50 rounded-[30px] w-[108px]">
                            7 дней
                        </p>
                        <div class="flex gap-10 self-stretch mt-12 max-md:mt-10">
                            <div class="flex flex-col flex-1">
                                <p class="self-center text-xl tracking-wider">
                                    Минимум
                                </p>
                                <p class="mt-1.5 text-lg tracking-wider leading-6 text-center">
                                    1 000.00 RUB
                                    <br/>
                                    10.00 USD
                                </p>
                            </div>
                            <div class="flex-1">
                                <p class="mx-3.5 text-xl tracking-wider max-md:mx-2.5">
                                    Максимум
                                </p>
                                <p class="mt-1.5 text-lg tracking-wider leading-6 text-center">
                                    9 999.00 RUB
                                    <br/>
                                    99.00 USD
                                </p>
                            </div>
                        </div>
                    </div>
                    <button onclick="{{ $onclick }}"
                        class="open-deposit w-full px-10 py-4 mt-2.5 text-3xl text-center text-white bg-black rounded-none shadow-[0px_0px_20px_rgba(0,0,0,1)] tracking-[3px] max-md:px-5">
                        Открыть депозит
                    </button>
                </div>
            </article>

            <!-- Premium Plan -->
            <article class="premium-plan w-full sm:w-[90%] md:w-[70%] lg:w-[33%] mx-auto">
                <div class="bord grow max-md:mt-10">
                    <!-- Белый блок -->
                    <div style="min-height: 434px" class="relative flex flex-col items-center px-9 py-9 w-full text-black bg-white rounded-t-[30px] shadow-[0_0_20px_rgba(255,255,255,1)] max-md:px-5">

                        <!-- КОРОНА внутри белого блока -->
                        <img src="{{ asset('images/korona.png') }}"
                             alt="Корона"/>

                        <h3 class="text-5xl tracking-[11.25px] max-md:text-4xl text-center">Премиум</h3>

                        <p class="px-4 py-1.5 mt-8 text-xl tracking-wider rounded-[30px] bg-green-200 text-center">
                            60% каждые 24 часа
                        </p>

                        <p class="mt-12 text-xl tracking-wider max-md:mt-10">Период</p>
                        <p class="px-5 py-1 text-xl tracking-wider bg-neutral-400 bg-opacity-50 rounded-[30px]">
                            7 дней
                        </p>

                        <div class="flex flex-col sm:flex-row gap-7 mt-12 max-md:mt-10 w-full">
                            <div class="flex flex-col flex-1 text-center">
                                <p class="text-xl tracking-wider">Минимум</p>
                                <p class="mt-1.5 text-lg tracking-wider leading-6">
                                    10 000.00 RUB
{{--                                    <br/>100.00 USD--}}
                                </p>
                            </div>
                            <div class="flex flex-col flex-1 text-center">
                                <p class="text-xl tracking-wider">Максимум</p>
                                <p class="mt-1.5 text-lg tracking-wider leading-6">
                                    99 999.00 RUB
{{--                                    <br/>999.00 USD--}}
                                </p>
                            </div>
                        </div>
                    </div>
                    <button onclick="{{ $onclick }}"
                            class="open-deposit w-full px-10 py-4 mt-2.5 text-3xl text-center text-white bg-black rounded-none shadow-[0px_0px_20px_rgba(0,0,0,1)] tracking-[3px] max-md:px-5">
                        Открыть депозит
                    </button>
                </div>
            </article>

            <!-- Full Plan -->
            <article class="ml-5 w-[33%] max-md:ml-0 max-md:w-full">
                <div class="bord relative grow max-md:mt-10">
                    <div
                        class="flex flex-col items-center px-7 py-9 w-full text-black bg-white rounded-[30px_30px_0px_0px] shadow-[0px_0px_20px_rgba(255,255,255,1)] max-md:px-5">
                        <h3 class="text-5xl tracking-[11.25px] max-md:text-4xl">
                            Полный
                        </h3>
                        <p class="px-4 py-1.5 mt-8 text-xl tracking-wider rounded-[30px] bg-green-200 text-center">
                            100% каждые 24 часа
                        </p>
                        <p class="mt-12 text-xl tracking-wider max-md:mt-10">
                            Период
                        </p>
                        <p class="px-5 py-1 max-w-full text-xl tracking-wider bg-neutral-400 bg-opacity-50 rounded-[30px] w-[108px]">
                            7 дней
                        </p>
                        <div class="flex gap-3 self-stretch mt-12 max-md:mt-10">
                            <div class="flex flex-col flex-1">
                                <p class="self-center text-xl tracking-wider">
                                    Минимум
                                </p>
                                <p class="mt-1.5 text-lg tracking-wider leading-6 text-center">
                                    100 000.00 RUB
                                    <br/>
                                    1 000.00 USD
                                </p>
                            </div>
                            <div class="flex flex-col flex-1">
                                <p class="self-center text-xl tracking-wider">
                                    Максимум
                                </p>
                                <p class="mt-1.5 text-lg tracking-wider leading-6 text-center">
                                    500 000.00 RUB
                                    <br/>
                                    5 000.00 USD
                                </p>
                            </div>
                        </div>
                    </div>
                    <button onclick="{{ $onclick }}"
                        class="open-deposit w-full px-10 py-3.5 mt-3.5 text-3xl text-center text-white bg-black rounded-none shadow-[0px_0px_20px_rgba(0,0,0,1)] tracking-[3px] max-md:px-5">
                        Открыть депозит
                    </button>
                </div>
            </article>
        </div>
    </div>
</section>