@if (Route::currentRouteName() == 'credit')
<footer class="relative bg-white border-t lg:block hidden  p-4">
    @else
    <footer class="relative bg-white mt-3 lg:mt-14  border-t  p-4 ">
        @endif
        <div class="mx-auto max-w-5xl p-3 text-sm leading-6 lg:p-10 lg:px-0">
            <div class="lg:block hidden bg-green-50 p-3 mb-6 lg:mb-14  rounded-3xl">
                <div
                    class="flex flex-col max-w-5xl mx-auto gap-y-8 text-center  sm:flex-row  items-center sm:justify-start gap-2">
                    <svg width="20px" class="w-[20px] mb-1 h-[20px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512">
                        <path
                            d="M336 192c0-79.5-64.5-144-144-144S48 112.5 48 192c0 12.4 4.5 31.6 15.3 57.2c10.5 24.8 25.4 52.2 42.5 79.9c28.5 46.2 61.5 90.8 86.2 122.6c24.8-31.8 57.8-76.4 86.2-122.6c17.1-27.7 32-55.1 42.5-79.9C331.5 223.6 336 204.4 336 192zm48 0c0 87.4-117 243-168.3 307.2c-12.3 15.3-35.1 15.3-47.4 0C117 435 0 279.4 0 192C0 86 86 0 192 0S384 86 384 192zm-160 0a32 32 0 1 0 -64 0 32 32 0 1 0 64 0zm-112 0a80 80 0 1 1 160 0 80 80 0 1 1 -160 0z" />
                    </svg>
                    <h2 class="  text-slate-900 font-bold  text-[15px] lg:text-[18px] ">
                        پشتیبانی تلفنی : از ساعت ۹ الی ۲۰ <span class="mx-2">|</span> تلفن پشتیبانی : <span dir="rtl">
                            021-91558184</span>
                    </h2>

                </div>
            </div>


            <div class=" lg:hidden block   mb-6 lg:mb-14   border-b pb-2">
                <div class="flex items-center justify-between">
                    <div class="flex items-center gap-2">
                        <div class="bg-gray-100 rounded-full p-2 ">
                            <svg class="w-[1.5rem] h-[1.5rem]" fill="#000" xmlns="http://www.w3.org/2000/svg"
                                viewBox="0 0 512 512">
                                <path xmlns="http://www.w3.org/2000/svg"
                                    d="M48 256C48 141.1 141.1 48 256 48s208 93.1 208 208V400.1c0 22.1-17.9 40-40 40L313.6 440c-8.3-14.4-23.8-24-41.6-24H240c-26.5 0-48 21.5-48 48s21.5 48 48 48h32c17.8 0 33.3-9.7 41.6-24l110.4 .1c48.6 0 88.1-39.4 88.1-88V256C512 114.6 397.4 0 256 0S0 114.6 0 256v40c0 13.3 10.7 24 24 24s24-10.7 24-24V256zm112-32V336c-17.7 0-32-14.3-32-32V256c0-17.7 14.3-32 32-32zM80 256v48c0 44.2 35.8 80 80 80h16c17.7 0 32-14.3 32-32V208c0-17.7-14.3-32-32-32H160c-44.2 0-80 35.8-80 80zm272-32c17.7 0 32 14.3 32 32v48c0 17.7-14.3 32-32 32V224zm80 32c0-44.2-35.8-80-80-80H336c-17.7 0-32 14.3-32 32V352c0 17.7 14.3 32 32 32h16c44.2 0 80-35.8 80-80V256z">
                                </path>
                            </svg>
                        </div>
                        <div class="flex-flex-col gap-2">
                            <h6 class="text-black font-bold">
                                تماس با پشتیبانی
                            </h6>
                            <span class="text-sm text-slate-400">از ساعت ۹ الی ۲۰</span>
                        </div>
                    </div>
                    <a href="tel:02191558184" class="px-3 text-black bg-gray-100 py-2 rounded-2xl">
                        تماس
                    </a>
                </div>
            </div>

            <div class=" lg:hidden block  mb-6 lg:mb-14   border-b pb-2">
                <div class="flex items-center justify-between">
                    <div class="flex items-center gap-2">
                        <div class="  rounded-full   ">
                            <img style="width:36px;" class="  rounded-full   " src=" {{  env('APP_URL_IMAGE').'images/static/logo.png'   }}"
                                alt="لوگو سرمایه&zwnj;گذاری اهرم">
                        </div>
                        <div class="flex-flex-col gap-2">
                            <h6 class="text-black font-bold">
                                اپلیکیشن سرمایه گذاری اهرم
                            </h6>
                            <span class="text-sm text-slate-400">استفاده راحت تر از امکانات</span>
                        </div>
                    </div>
                    <a href="https://ahrominvest.ir/app" class="px-3  text-black bg-gray-100 py-2 rounded-2xl">
                        دانلود
                    </a>
                </div>
            </div>








            <div class=" bg-[#F9FAFB] p-3 mb-6 lg:block hidden   rounded-3xl">
                <div
                    class="flex flex-col max-w-5xl mx-auto gap-y-8 text-center  sm:flex-row  items-center sm:justify-start gap-2">
                    <img style="width:50px;" src="{{env('APP_URL_IMAGE').'images/static/logo.png'  }}" alt="لوگو سرمایه&zwnj;گذاری اهرم">
                    <h2 class="  text-slate-900 font-bold text-lg ">
                        دانلود اپلیکیشن سرمایه گذاری اهرم
                    </h2>
                    <div class="flex flex-row items-center gap-2 lg:ms-auto">
                        <div class="flex items-center gap-2 ms-auto pe-2">
                            <a href="https://myket.ir/app/app.ahrominvest.ir"><img class="w-[150px]"
                                    src="{{ env('APP_URL_IMAGE').'images/static/myket.png'  }}" alt="دانلود از مایکت"></a>
                            <a href="https://cafebazaar.ir/app/app.ahrominvest.ir"><img class="w-[150px]"
                                    src="{{  env('APP_URL_IMAGE').'images/static/bazar.png'  }}" alt="دانلود از بازار"></a>
                        </div>
                        <a href="https://ahrominvest.ir/app" wire:navigate
                            class="  bg-[#d2d4d6]  w-[35px]  h-[35ppx] lg:w-[46px] lg:h-[46px] rounded-lg flex items-center justify-center ">
                            <svg xmlns="http://www.w3.org/2000/svg" style="width: 35px; height: 35px" fill="#000"
                                viewBox="0 0 448 512">
                                <path
                                    d="M416 256a32 32 0 1 1 -64 0 32 32 0 1 1 64 0zm-160 0a32 32 0 1 1 -64 0 32 32 0 1 1 64 0zM64 288a32 32 0 1 1 0-64 32 32 0 1 1 0 64z">
                                </path>
                            </svg>
                        </a>
                    </div>

                </div>
            </div>
            <div class="mb-14 flex lg:flex-row flex-col items-start w-full gap-2 ">


                <div x-data="{ expanded: false }">
                    <h2 class="font-bold text-lg mb-2 text-black">
                        آشنایی با مجله خبری سرمایه‌گذاری اهرم
                    </h2>
                    <p x-cloak x-show="expanded" x-collapse.min.70px
                        class=" md:text-justify text-black text-[14px] md:text-[16px]">

                        در <span>مجله خبری سرمایه‌گذاری اهرم</span>، شما به مجموعه‌ای از مطالب آموزشی ارزهای دیجیتال و فناوری
                        بلاکچین دسترسی خواهید داشت. با مطالعه این منابع، دانش خود را درباره بازار رمزارزها ارتقا دهید و با آگاهی
                        کامل‌تری معاملات خود را انجام دهید. ما در <span>مجله خبری سرمایه‌گذاری اهرم</span>، به شما از مفاهیم
                        پایه تا مباحث پیشرفته در حوزه ارزهای دیجیتال، تحلیل تکنیکال، استراتژی‌های معاملاتی و رویدادهای مهم بازار
                        را آموزش می‌دهیم. منابع آموزشی ما به گونه‌ای طراحی شده‌اند که شما را برای حضور فعال و حرفه‌ای در این
                        بازار آماده کنند.
                        <br>
                        <span>چرا مجله خبری سرمایه گذاری اهرم؟</span>
                        <br>
                        <span>دسترسی به آموزش‌های جامع و به‌روز</span>: از اصول اولیه بلاکچین گرفته تا تحلیل ارز های دیجیتال،
                        تمامی آموزش‌ها به صورت گام‌به‌گام و کاربردی ارائه می‌شوند.
                        <br>
                        <span>مقالات و اخبار تخصصی</span>: جدیدترین اطلاعات و تحلیل‌ها درباره بازار ارزهای دیجیتال را در اختیار
                        شما قرار می‌دهیم تا تصمیمات معاملاتی هوشمندانه‌تری بگیرید.
                        <br>
                        <span>آموزش ترید و استراتژی‌های معاملاتی</span>: با یادگیری روش‌های حرفه‌ای خرید و فروش ارزهای دیجیتال،
                        می‌توانید به یک تریدر موفق تبدیل شوید.
                        <br>
                        در <span>مجله خبری سرمایه‌گذاری اهرم</span>، یادگیری شما را تسهیل کرده‌ایم تا با درک بهتر از روند بازار،
                        بتوانید بهترین تصمیم‌ها را در معاملات خود بگیرید. ما همراه شما هستیم تا دانش و مهارت‌های لازم را کسب
                        کنید و با اطمینان در بازار ارزهای دیجیتال فعالیت کنید.
                    </p>
                    <button x-cloak x-show="expanded == true" class=" text-ahrom flex items-center gap-1 mt-1"
                        @click="expanded = false">
                        کمتر
                        <svg class="w-[12px] h-[12px] fill-slate-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">
                            <path
                                d="M15 239c-9.4 9.4-9.4 24.6 0 33.9L207 465c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9L65.9 256 241 81c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0L15 239z" />
                        </svg>
                    </button>
                    <button x-cloak x-show="expanded == false" class=" text-ahrom flex items-center gap-1 mt-1"
                        @click="expanded = true">
                        بیشتر
                        <svg class="w-[12px] h-[12px] fill-slate-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">
                            <path
                                d="M15 239c-9.4 9.4-9.4 24.6 0 33.9L207 465c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9L65.9 256 241 81c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0L15 239z" />
                        </svg>
                    </button>
                </div>
                <div style="flex-basis:30%; " class="  flex   flex-col  ">
                    <div class="font-bold text-lg   text-slate-500 block h-[30px]">

                    </div>
                    <div class="items-center flex gap-2 justify-end">
                        <div class="w-20 h-20 flex justify-center items-center bg-white rounded-lg p-1">
                            <div>
                                <img src="https://ahrominvest.ir/page/blockchainAssociation.png"
                                    alt="لوگو انجمن بلاک&zwnj;چین ایران">
                            </div>
                        </div>
                        <div class="w-20 h-auto flex justify-center items-center bg-white rounded-lg p-1">
                            <a href="https://profile.iwmf.ir/organizations/ahrominvest.ir" target="_blank">
                                <img src="https://ahrominvest.ir/page/iwmf.png" alt="لوگو فین تک">
                            </a>
                        </div>
                    </div>
                </div>
            </div>

            <div class="flex flex-col-reverse items-center justify-between gap-6 pt-10 lg:flex-row-reverse border-t">
                <p class="rtl text-center text-slate-600 mx-auto">
                    تمامی حقوق برای شرکت پردازش اطلاعات مالی اهرم محفوظ می&zwnj;باشد.
                </p>

            </div>
        </div>
    </footer>


    <script>
        var convertEnglishToPersianNumbers = (inputString) => {
            const englishNumbers = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9'];
            const persianNumbers = ['۰', '۱', '۲', '۳', '۴', '۵', '۶', '۷', '۸', '۹'];
            for (let i = 0; i < englishNumbers.length; i++) {
                inputString = inputString.replace(new RegExp(persianNumbers[i], 'g'), englishNumbers[i]);
            }
            return inputString;
        };

        function numberWithCommas(number) {
            let x = number;
            x = x + '';
            let y = '';
            if (x.split('.')[1]) {
                y = x.split('.')[1]
                x = x.split('.')[0]
            }
            x = x.toString();
            x = x.replace(/,/g, '')
            if (y != '') {
                return convertEnglishToPersianNumbers(x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") + '.' + y);
            } else {
                return convertEnglishToPersianNumbers(x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","));
            }
        };
    </script>