@extends('layouts.yekita')

@section('content')

    <div class="slider uk-container">

        <div class="uk-grid-small uk-child-width-expand@s" uk-grid>
            <div class="uk-position-relative">
                <div class="uk-padding-large uk-padding-remove-top slider-content">
                    <h1 class="main-heading">  پلتفرم آموزش <br> مجازی و آنلاین</h1>
                    <p class="sub-heading">برای آموزشگاه‌ها، مدارس، دانشگاه‌ها، سازمان‌ها و مدرسان</p>
                    <div class="uk-flex uk-flex-middle">
                        <a href="#platform" class="uk-button uk-button-primary button_style">   شروع کنید</a>
                    </div>
                    

                </div>
            </div>
            <div class="order_0">
                <div class="uk-margin-large-right">
                    <div uk-slideshow="ratio: 12:4; animation: push; autoplay:true; autoplay-interval:3000">

                        <div class="uk-position-relative uk-visible-toggle uk-light" tabindex="-1">

                            <ul class="uk-slideshow-items uk-flex" id="mybox">
                                @foreach ($sliders as $slider)
                                <li>
                                    <a href="{{$slider->link}}">
                                        <img src="images/{{$slider->image}}" alt="{{$slider->alt}}" class="uk-align-center">
                                    </a>
                                </li>  
                                @endforeach
                            </ul>

                            <a class="uk-position-center-left uk-position-small uk-hidden-hover" href="#" uk-slidenav-previous uk-slideshow-item="previous"></a>
                            <a class="uk-position-center-right uk-position-small uk-hidden-hover" href="#" uk-slidenav-next uk-slideshow-item="next"></a>

                        </div>

                        <ul class="uk-slideshow-nav uk-dotnav uk-flex-center uk-margin"></ul>

                    </div>

                </div>
            </div>

        </div>

    </div>

    <div class="section-feature">


        <div class="uk-container uk-padding-large uk-padding-remove-bottom uk-padding-remove-top">
            <div class="uk-card  uk-grid-collapse uk-child-width-1-2@s uk-margin uk-container uk-padding" uk-grid>
                <div class="uk-card-media-left uk-cover-container feature-platform uk-align-center">
                    <img src="images/platform.webp" alt="پلتفرم آموزشی یکیتا" uk-img>
                </div>
                <div>
                    <div class="uk-card-body">
                        <h3 class="uk-card-title">پلتفرم آموزشی یکیتا</h3>
                        <h4 class="uk-text-primary uk-margin-remove-top">یک وب سایت اختصاصی آموزشی</h4>
                        <p class="all_text_style"> یکیتا به شما یک پلتفرم با دامنه اختصاصی ارايه می‌نماید. شما می توانید دوره های خود را در وب سایت خودتان اطلاع رسانی کنید. کاربران شما نیز می توانند با مراجعه به سایت در دوره ها ثبت نام کنند، هزینه ها را پرداخت و در دوره های شما شرکت کنند.</p>
                        <a href="#platform" class="uk-button uk-button-primary button_style">دریافت پلتفرم اختصاصی</a>

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

        <div class="uk-container uk-margin-small-top uk-padding-small">
            <div class="uk-card  uk-grid-collapse uk-child-width-1-2@s uk-margin uk-padding " uk-grid>
                <div class="uk-flex-last@s uk-card-media-right uk-cover-container">
                    <div class="uk-card-media-left uk-cover-container feature-platform uk-align-center">
                        <img src="images/diffrent.webp" alt="تفاوت های یکیتا" uk-img>
                    </div>
                </div>
                <div>
                    <div class="uk-card-body">
                        <h3 class="uk-card-title">تفاوت های یکیتا </h3>
                        <h4 class="uk-text-primary uk-margin-remove-top">یک پلتفرم یکپارچه به جای چندین سرویس مجزا</h4>
                        <p class="all_text_style">امکان برندینگ اختصاصی برای هر مشتری
                            پلتفرم بومی بدون محدودیت تحریم و فیلترینگ سرویس های خارجی
                            هزینه های مناسب نسبت به سرویس های خارجی
                            رتبه بندی و امتیازدهی اصولی توسط کاربران واقعی
                            مدیریت زمانبندی از طریق تقویم آموزشی پویا
                            دارای اپلیکیشن های اندروید و آیفون</p>
                        <a href="#platform" class="uk-button uk-button-primary button_style">اولین دوره ی خودتون رو ثبت کنید</a>

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

        <div class="uk-container">
            <div class="uk-card  uk-grid-collapse uk-child-width-1-2@s uk-margin uk-padding " uk-grid>
                <div class="uk-card-media-left uk-cover-container feature-platform">
                    <img src="images/price.webp" alt="قیمت گذاری" uk-img>
                </div>
                <div>
                    <div class="uk-card-body">
                        <h3 class="uk-card-title">قیمت گذاری</h3>
                        <h4 class="uk-text-primary uk-margin-remove-top">پرداخت به ازای استفاده</h4>
                        <p class="all_text_style"> شما پلتفرم اختصاصی خود را به صورت ۳ ماهه، ۶ ماهه یا یک ساله با قیمت مناسب خریداری می کنید و پس از آن تنها به ازای ثبت و برگزاری دوره هزینه آن را پرداخت می کنید</p>
                        <a href="#platform" class="uk-button uk-button-primary button_style">شروع کنید</a>
                    </div>
                </div>
            </div>
        </div>

    </div>


    <section class="services uk-margin-large">
        <h2 class="heading-section"> خدمات یکیتا</h2>
        <div class="uk-container">
            <div uk-slider="center: true">

                <div class="uk-position-relative uk-visible-toggle uk-light services-container" tabindex="-1">

                    <ul class="uk-slider-items uk-child-width-1-2@s uk-grid uk-grid-match" >
                        <li class="services-item">
                            <div>
                                <div class="uk-card uk-card-default uk-card-body services-card">
                                    <img src="images/Group 8129.svg" alt="ارائه پلتفرم اختصاصی آموزش" class="uk-align-center">
                                    <h5 class="uk-card-title services-card-heading">ارائه پلتفرم اختصاصی آموزش</h5>
                                    <ul class="uk-list">
                                        <li>پشتیبانی از زبان های مختلف</li>
                                        <li>دامنه، میزبانی، پیامک، گوگل آنالیتیک</li>
                                        <li>ارائه محتوا در قالب بلاگ و خبر</li>
                                        <li>قابلیت مدیریت با گوشی موبایل (بدون نیاز به کامپیوتر)</li>
                                        <li>ثبت دوره های آموزشی و دریافت شهریه</li>
                                        <li>پنل مدیریتی برای برگزارکننده، مدرس و شرکت کننده</li>
                                        <li>مدیریت؛ ثبت نام و پرداخت آنلاین، مدرسان، محل برگزاری، جلسات، دوره ها و کارگاه ها، کارت شناسایی و ورود، جزوات آموزشی، حضور و غیاب، مالی و تخفیفات، شرکت کنندگان، ارتباطات و گواهی پایان دوره
                                        </li>
                                    </ul>

                                    
                                    <span class="services-card-footer">Yourname.ir</span>

                                </div>
                            </div>

                        </li>
                        <li class="services-item uk-active" style="order: -1;">
                            <div>
                                <div class="uk-card uk-card-default uk-card-body services-card">
                                    <img src="images/Group 8109.svg" alt="اپلیکیشن مرجع دوره های آموزشی" class="uk-align-center">
                                    <h5 class="uk-card-title services-card-heading">اپلیکیشن مرجع دوره های آموزشی</h5>
                                    <ul class="uk-list">
                                        <li>معرفی و اطلاع رسانی دوره های آموزشی در کل کشور</li>
                                        <li>جستجو، فیلتر، نقشه، درخواست دوره، ارائه مشخصات کامل دوره، مشخصات برگزارکننده، مشخصات مدرس، ارتباط با مدرس، ثبت نام آنلاین، دریافت جزوات آموزشی، امتیازدهی به دوره ها و مدرسان، ارسال نظر در مورد دوره ها، لیست علاقه مندی ها</li>
                                    </ul>
                                    
                                    <span class="services-card-footer">همه گروه های آموزشی در یک اپلیکیشن</span>

                                </div>
                            </div>
                        </li>
                        <li class="services-item">
                            <div>
                                <div class="uk-card uk-card-default uk-card-body services-card">
                                    <img src="images/Group 8088.svg" alt="کلاس آنلاین (پخش زنده)" class="uk-align-center">
                                    <h5 class="uk-card-title services-card-heading">کلاس آنلاین (پخش زنده)</h5>
                                    <ul class="uk-list">
                                        <li>تعامل دوسویه از طریق آموزش مجازی</li>
                                        <li>بدون محدودیت جغرافیایی</li>
                                        <li>ارائه در بسترهای دسکتاپ و موبایل</li>
                                        <li>نمایش تصویر زنده مدرس و شرکت کننده به صورت همزمان</li>
                                        <li>امکان اشتراک گذاری صفحه دسکتاپ</li>
                                        <li>گفتگوی آنلاین</li>
                                        <li>اشتراک گذاری فایل</li>
                                    </ul>
                                    
                                    <span class="services-card-footer">قابل استفاده با موبایل و کامپیوتر</span>

                                </div>
                            </div>
                        </li>
                        <li class="services-item">
                            <div>
                                <div class="uk-card uk-card-default uk-card-body services-card">
                                    <img src="images/Group 8065.svg" alt="آموزش مجازی (محتوای آموزشی)" class="uk-align-center">
                                    <h5 class="uk-card-title services-card-heading">آموزش مجازی (محتوای آموزشی)</h5>
                                    <ul class="uk-list">
                                        <li> محتوای آموزشی در اپلیکیشن یکیتا در مقابل کپی و 
                                            اشتراک گذاری غیر مجاز محافظت می شوند؛</li>
                                        <li>غیر فعال سازی اسکرین شات</li>
                                        <li>غیر قابل  فیلم برداری از صفحه</li>
                                        <li>واترمارک شدن شماره خریدار محتوا روی فیلم</li>
                                        <li>پشتیبانی از انواع محتوا؛ فیلم، صدا، تصویر و متن</li>
                                        <li>کسب درآمد از فروش محتوای آموزشی</li>
                                    </ul>
                                
                                    <span class="services-card-footer">محافظت از فایل های ارزشمند شما</span>

                                </div>
                            </div>
                        </li>
                        <li class="services-item">
                            <div>
                                <div class="uk-card uk-card-default uk-card-body services-card">
                                    <img src="images/Group 8183.svg" alt="تقویم آموزشی" class="uk-align-center">
                                    <h5 class="uk-card-title services-card-heading">تقویم آموزشی</h5>
                                    <ul class="uk-list">
                                        <li>تقویم شمسی و میلادی</li>
                                        <li>یادآوری کلاس ها و جلسات</li>
                                        <li>مدیریت زمان بندی فعالیت های آموزشی </li>
                                        <li>تقویم اختصاصی کاربران</li>
                                        <li>تعریف سطوح دسترسی</li>
                                        <li>اشتراک گذاری رویدادها</li>
                                    </ul>
                                    
                                    <span class="services-card-footer">مدیریت زمان</span>

                                </div>
                            </div>
                        </li>
                        <li class="services-item">
                            <div>
                                <div class="uk-card uk-card-default uk-card-body services-card">
                                    <img src="images/Group 8153.svg" alt="مدیریت سازمانی" class="uk-align-center">
                                    <h5 class="uk-card-title services-card-heading">مدیریت سازمانی</h5>
                                    <ul class="uk-list">
                                        <li>افزودن پلتفرم های زیرمجموعه سازمان</li>
                                        <li>دسترسی به کلان داده های پلتفرم های زیرمجموعه</li>
                                        <li>دسترسی به کلیه گزارشات مالی و اداری</li>
                                        <li>موسسات آموزشی چندشعبه ای</li>
                                        <li>سازمان های دولتی</li>
                                        <li>وزارت خانه ها </li>
                                        <li>دانشگاه ها</li>
                                    </ul>
                                    <span class="services-card-footer">مدیریت محلی : نظارت مرکزی</span>
                                </div>
                            </div>
                        </li>
                        <li class="services-item">
                            <div>
                                <div class="uk-card uk-card-default uk-card-body services-card">
                                    <img src="images/Group 8239.svg" alt="درآمد ارزی" class="uk-align-center">
                                    <h5 class="uk-card-title services-card-heading">درآمد ارزی</h5>
                                    <ul class="uk-list">
                                        <li>یکیتا بزرگترین پلتفرم مدیریت آموزش کشور، ساز وکاری را فراهم نموده است که هموطنـان عزیز خـارج از کشور بتوانند هزینه ثبت نام دوره هــای آنـلاین یا محتـــوای آموزشی را با ارزی که مایل هستند پرداخت نمایند 
                                        </li>
                                        <li>ایجاد بستر مناسب برای توسعه آموزش های رسمی و آزاد</li>
                                        <li>به صورت مجازی به ایرانیان خارج از کشور</li>
                                    </ul>
                                    <span class="services-card-footer">ارائه خدمات آموزشی در بازار بین المللی</span>

                                </div>
                            </div>
                        </li>
                        <li class="services-item">
                            <div>
                                <div class="uk-card uk-card-default uk-card-body services-card">
                                    <img src="images/Group 8212.svg" alt="درگاه مستقل بانکی" class="uk-align-center">
                                    <h5 class="uk-card-title services-card-heading">درگاه مستقل بانکی</h5>
                                    <ul class="uk-list">
                                        <li>پشتیبانی از زبان های مختلف</li>
                                        <li>دامنه، میزبانی، پیامک، گوگل آنالیتیک</li>
                                        <li>ارائه محتوا در قالب بلاگ و خبر</li>
                                        <li>قابلیت مدیریت با گوشی موبایل (بدون نیاز به کامپیوتر)</li>
                                        <li>ثبت دوره های آموزشی و دریافت شهریه</li>
                                        <li>پنل مدیریتی برای برگزارکننده، مدرس و شرکت کننده</li>
                                        <li>مدیریت؛ ثبت نام و پرداخت آنلاین، مدرسان، محل برگزاری، جلسات، دوره ها و کارگاه ها، کارت شناسایی و ورود، جزوات آموزشی، حضور و غیاب، مالی و تخفیفات، شرکت کنندگان، ارتباطات و گواهی پایان دوره
                                        </li>
                                    </ul>
                                    <span class="services-card-footer">درگاه ریالی اختصاصی</span>

                                </div>
                            </div>
                        </li>
                    </ul>

                    <a class="uk-position-center-left uk-position-small uk-hidden-hover" href="#" uk-slidenav-previous uk-slider-item="previous"></a>
                    <a class="uk-position-center-right uk-position-small uk-hidden-hover" href="#" uk-slidenav-next uk-slider-item="next"></a>

                </div>

                <ul class="uk-slider-nav uk-dotnav uk-flex-center uk-margin"></ul>

            </div>

        </div>



    </section>

    <section class="portfolio" id="portfolio-desktop">
        <h2 class="heading-section"> نمونه پلتفرم های مشتریان </h2>
        <div class="uk-container">
            <div class="uk-grid-small uk-child-width-expand@s uk-text-center uk-padding-large uk-padding-remove-bottom" uk-grid>
                <div>
                    <div class="uk-card  uk-card-body">
                        <img src="images/10.webp" alt="نمونه پلتفرم" class="image_style">

                    </div>
                </div>
                <div>
                    <div class="uk-card  uk-card-body">
                        <img src="images/20.webp" alt="نمونه پلتفرم" class="image_style">

                    </div>
                </div>
                <div>
                    <div class="uk-card  uk-card-body">
                        <img src="images/30.webp" alt="نمونه پلتفرم" class="image_style">

                    </div>
                </div>
                <div>
                    <div class="uk-card  uk-card-body">
                        <img src="images/40.webp" alt="نمونه پلتفرم" class="image_style">

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

        </div>

        <div class="uk-container">
            <div class="uk-grid-small uk-child-width-expand@s uk-text-center uk-padding-large uk-padding-remove-top" uk-grid>
                <div>
                    <div class="uk-card  uk-card-body">
                        <img src="images/50.webp" alt="نمونه پلتفرم" class="image_style">

                    </div>
                </div>
                <div>
                    <div class="uk-card  uk-card-body">
                        <img src="images/60.webp" alt="نمونه پلتفرم" class="image_style">

                    </div>
                </div>
                <div>
                    <div class="uk-card  uk-card-body">
                        <img src="images/70.webp" alt="نمونه پلتفرم" class="image_style">

                    </div>
                </div>
                <div>
                    <div class="uk-card  uk-card-body">
                        <img src="images/80.webp" alt="نمونه پلتفرم" class="image_style">

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

        </div>





    </section>

    <section class="portfolio portfolio-phone uk-hidden" id="portfolio-phone">
        <p class="heading-section"> نمونه پلتفرم های مشتریان </p>
        <div class="uk-container">
            <div uk-slider="center: true">

                <div class="uk-position-relative uk-visible-toggle uk-light  portfolio-container" tabindex="-1">

                    <ul class="uk-slider-items uk-child-width-1-2@s uk-grid uk-grid-match" >
                        <li >
                            <div >
                                <div class="uk-card  uk-card-body">
                                    <img src="images/10.webp" alt="نمونه پلتفرم" class="image_style uk-margin-medium-bottom">
                                    <img src="images/20.webp" alt="نمونه پلتفرم" class="image_style">
                
                                </div>
                            </div>

                        </li>
                        <li>
                            <div >
                                <div class="uk-card  uk-card-body">
                                    <img src="images/30.webp" alt="نمونه پلتفرم" class="image_style uk-margin-medium-bottom">
                                    <img src="images/40.webp" alt="نمونه پلتفرم" class="image_style">
                
                                </div>
                            </div>

                        </li>
                        <li class="">
                            <div >
                                <div class="uk-card  uk-card-body">
                                    <img src="images/50.webp" alt="نمونه پلتفرم" class="image_style uk-margin-medium-bottom">
                                    <img src="images/60.webp" alt="نمونه پلتفرم" class="image_style">
                
                                </div>
                            </div>

                        </li>
                        <li class="">
                            <div >
                                <div class="uk-card  uk-card-body">
                                    <img src="images/70.webp" alt="نمونه پلتفرم" class="image_style uk-margin-medium-bottom">
                                    <img src="images/80.webp" alt="نمونه پلتفرم" class="image_style">
                
                                </div>
                            </div>

                        </li>

                        <li class="">
                            <div >
                                <div class="uk-card  uk-card-body">
                                    <img src="images/90.webp" alt="نمونه پلتفرم" class="image_style uk-margin-medium-bottom">
                                    <img src="images/100.webp" alt="نمونه پلتفرم" class="image_style">
                
                                </div>
                            </div>

                        </li>

                        <li class="">
                            <div >
                                <div class="uk-card  uk-card-body">
                                    <img src="images/110.webp" alt="نمونه پلتفرم" class="image_style uk-margin-medium-bottom">
                                    <img src="images/120.webp" alt="نمونه پلتفرم" class="image_style">
                
                                </div>
                            </div>

                        </li>
                        <li class="">
                            <div >
                                <div class="uk-card  uk-card-body">
                                    <img src="images/130.webp" alt="نمونه پلتفرم" class="image_style uk-margin-medium-bottom">
                                    <img src="images/140.webp" alt="نمونه پلتفرم" class="image_style">
                
                                </div>
                            </div>

                        </li>
                        <li class="">
                            <div >
                                <div class="uk-card  uk-card-body">
                                    <img src="images/150.webp" alt="نمونه پلتفرم" class="image_style uk-margin-medium-bottom">
                                    <img src="images/160.webp" alt="نمونه پلتفرم" class="image_style">
                
                                </div>
                            </div>

                        </li>
                        
                    </ul>

                    <a class="uk-position-center-left uk-position-small uk-hidden-hover" href="#" uk-slidenav-previous uk-slider-item="previous"></a>
                    <a class="uk-position-center-right uk-position-small uk-hidden-hover" href="#" uk-slidenav-next uk-slider-item="next"></a>

                </div>

                <ul class="uk-slider-nav uk-dotnav uk-flex-center uk-margin"></ul>

            </div>
        </div>
    </section>

    <section  class="buyPlan" id="buyPlan-desktop">
        <div id="platform"></div>
        <div class="uk-container uk-margin-large">
            <div class="uk-margin-large-bottom uk-margin-large-top">
                <h2 class="heading-section">همین حالا شروع کنید !</h2>
                <div class="uk-grid uk-margin-top section-price " uk-grid> 
                        @foreach ($platforms as $platform)
                        <div class="card-price uk-width-1-3@l uk-width-1-3@s card">
                            <div class="uk-card uk-card-default uk-card-hover uk-card-body">
                                <form action="{{route('buy_plan')}}" method="post">
                                    <h5 class="uk-card-title uk-text-primary uk-text-center">{{$platform->name}}</h5>
                                    <hr>
                                    <span class="sub-heading">پلتفرم رایگان، بدون محدودیت در ایجاد دوره
                                        پرداخت کارمزد از درآمد دوره</span>
                                        
                                        <ul class="uk-list uk-list-striped">
                                            <li>وب سایت اختصاصی<span><span class="material-icons">check</span></span></li>
                                            <li>دامنه .ir<span><span class="material-icons">check</span></span></li>
                                            <li>میزبانی و سرور<span><span class="material-icons">check</span></span></li>
                                            <li>پشتیبانی فنی<span><span class="material-icons">check</span></span></li>
                                            <li>آموزش<span><span class="material-icons">check</span></span></li>
                                            <li>اپلیکیشن موبایل<span><span class="material-icons">check</span></span></li>
                                            
                                        </ul>
                                    <ul class="uk-list uk-list-striped">
                                        <li>دوره حضوری <span>6% از فروش دوره</span></li>
                                        <li>دوره مجازی <span>25% از فروش دوره</span></li>
                                        <li>دوره آنلاین <span>10% از فروش دوره</span></li>
                                    </ul>
                                    <a href="#" class="uk-text-primary">مشاهده تعرفه</a>
                                    <span class="uk-display-block uk-text-warning price" id="free-price">{{number_format($platform->price)}} تومان</span>
                                    <input type="hidden" name="platform_id" value="{{$platform->id}}">
                                    {{ csrf_field() }}
                                    <button class="uk-button uk-button-primary button_style uk-margin-top uk-margin-bottom">انتخاب</button>
                                </form>
                            </div>
                        </div>
                        @endforeach                       
                </div>

            </div>
        </div>
    </section>

    <section class="buyPlan buyPlan-phone uk-hidden" id="buyPlan-phone">
        <div id="platform"></div>
        <p class="heading-section uk-margin-large-top uk-margin-large-top">همین حالا شروع کنید !</p>
        <div class="uk-container uk-margin-large uk-grid uk-margin-top section-price " uk-grid> 
            <div uk-slider="center: true">

                <div class="uk-position-relative uk-visible-toggle uk-light  services-container" tabindex="-1">
        
                    <ul class="uk-slider-items uk-child-width-1-2@s uk-grid uk-grid-match" >
                        @foreach ($platforms as $platform)
                        <li class="">
                            <div class="card-price uk-width-1-3@l uk-width-1-3@m card">
                                <div class="uk-card uk-card-default uk-card-hover uk-card-body">
                                    <form action="{{route('buy_plan')}}" method="post">
                                        <h5 class="uk-card-title uk-text-primary uk-text-center">{{$platform->name}}</h5>
                                        <hr>
                                        <span class="sub-heading">هزینه ثابت پلتفرم و پرداخت بابت ایجاد دوره بدون دریافت کارمزد از درآمد دوره</span>
                                        
                                            <ul class="uk-list uk-list-striped">
                                                <li>وب سایت اختصاصی<span><span class="material-icons">check</span></span></li>
                                                <li>دامنه .ir<span><span class="material-icons">check</span></span></li>
                                                <li>میزبانی و سرور<span><span class="material-icons">check</span></span></li>
                                                <li>پشتیبانی فنی<span><span class="material-icons">check</span></span></li>
                                                <li>آموزش<span><span class="material-icons">check</span></span></li>
                                                <li>اپلیکیشن موبایل<span><span class="material-icons">check</span></span></li>
                                                
                                            </ul>
                                        <ul class="uk-list uk-list-striped">
                                            <li>دوره حضوری <span>6% از فروش دوره</span></li>
                                            <li>دوره مجازی <span>25% از فروش دوره</span></li>
                                            <li>دوره آنلاین <span>10% از فروش دوره</span></li>
                                        </ul>
                                        <a href="#" class="uk-text-primary">مشاهده تعرفه</a>
                                        <span class="uk-display-block uk-text-warning price" id="free-price">{{number_format($platform->price)}} تومان</span>
                                        <input type="hidden" name="platform_id" value="{{$platform->id}}">
                                        {{ csrf_field() }}
                                        <input type="submit" value="انتخاب" class="uk-button uk-button-primary button_style uk-margin-top uk-margin-bottom">
                                    </form>
                                </div>
                            </div>
        
                        </li>
                        @endforeach
                    </ul>
        
                    <a class="uk-position-center-left uk-position-small uk-hidden-hover" href="#" uk-slidenav-previous uk-slider-item="previous"></a>
                    <a class="uk-position-center-right uk-position-small uk-hidden-hover" href="#" uk-slidenav-next uk-slider-item="next"></a>
        
                </div>
        
        
            </div>
        </div>
        </div>


        
    </section>

    <section class="blog uk-visible@s" id="blog-desktop">
        <p class="heading-section">وبلاگ</p>
        <div class="uk-container">
            <div class="uk-child-width-expand@s uk-text-center uk-padding-large " uk-grid>
                @foreach ($blog->slice(0,3) as $item)
                    <div class="uk-card uk-card-default uk-card-body">
                        <span >
                            <img src="{{asset('images/article/thumbs/380/'.$item->image)}}" class="image_style" alt="{{$item->title}}">
                        </span>
                        <p class="uk-card-title uk-text-primary"><a href="{{route('blog',[$item->slug,App::getLocale()])}}">{{$item->title}}</a></p>
                        <p class="all_text_style">{{str_limit($item->description,210)}}</p>
                    </div>
                @endforeach               
            </div>

        </div>

        <a class="uk-width-small uk-button uk-button-primary button_style uk-align-center" href="{{$lang}}/blog">  سایر</a>

    </section>



    <div class="blog-phone uk-margin-large-bottom uk-hidden@s" id="blog-phone">
        <h3 class="heading-section">وبلاگ</h3>
        <div class="uk-container">
            <div uk-slider="center: true">

                <div class="uk-position-relative uk-visible-toggle uk-light  services-container" tabindex="-1">

                    <ul class="uk-slider-items uk-child-width-1-2@s uk-grid uk-grid-match" >
                        @foreach ($blog as $item)
                            <li>
                                <div class="uk-card uk-card-default uk-card-body">
                                    <span >
                                        <img src="{{asset('images/article/thumbs/380/'.$item->image)}}" class="image_style" alt="{{$item->title}}">
                                    </span>
                                    <p class="uk-card-title uk-text-center"><a href="{{route('blog',[$item->slug,App::getLocale()])}}" class="services-card-heading">{{$item->title}}</a></p>
                                    <p class="all_text_style">{{str_limit($item->description,110)}}</p>
                                </div>
                            </li>
                        @endforeach
                        
                    </ul>

                    <a class="uk-position-center-left uk-position-small uk-hidden-hover" href="#" uk-slidenav-previous uk-slider-item="previous"></a>
                    <a class="uk-position-center-right uk-position-small uk-hidden-hover" href="#" uk-slidenav-next uk-slider-item="next"></a>

                </div>

                <ul class="uk-slider-nav uk-dotnav uk-flex-center uk-margin"></ul>

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


    <div class="partner uk-visible" id="partner-desktop">
        <div class="uk-container">
            <div class="uk-child-width-expand@s uk-text-center  uk-padding  " uk-grid >
                <div>
                    <img src="images/Group-8289.webp"  alt="مجوز ها">
                </div>
                <div>
                    <a referrerpolicy="origin" target="_blank" href="https://trustseal.enamad.ir/?id=110782&amp;Code=EeRzeSAz1Qa7Yaljmh6Z">
                        <img referrerpolicy="origin" src="https://Trustseal.eNamad.ir/logo.aspx?id=110782&amp;Code=EeRzeSAz1Qa7Yaljmh6Z" alt="" style="cursor:pointer" id="EeRzeSAz1Qa7Yaljmh6Z" class="uk-hidden">
                        <img src="images/Group-8294.webp"  alt="مجوز ها">
                    </a>
                </div>
                <div>
                    <img src="images/Group-8307.webp"  alt="مجوز ها">
                </div>
                <div>
                    <img src="images/Group-8308.webp"  alt="مجوز ها">
                </div>
                <div>
                    <img src="images/Group-8297.webp" alt="مجوز ها">
                </div>
                <div>
                    <img src="images/Group-8300.webp" alt="مجوز ها">
                </div>
                <div>
                    <img src="images/Group-8303.webp" alt="مجوز ها">
                </div>
            </div>
        
        </div>
    </div>

    <section class="partner-phone uk-hidden" id="partner-phone">
        <div class="uk-container">
            <div uk-slider="center: true">

                <div class="uk-position-relative uk-visible-toggle uk-light  services-container" tabindex="-1">

                    <ul class="uk-slider-items uk-child-width-1-2@s uk-grid uk-grid-match" >
                        <li class="uk-width-1-3" >      
                            <div>
                                <img src="images/Group-8289.webp"  alt="مجوز ها">
                            </div>
                        </li>
                        <li class="uk-width-1-3">      
                            <div>
                                <img src="images/Group-8294.webp"  alt="مجوز ها">
                            </div>
                        </li>
                        <li class="uk-width-1-3">      
                            <div>
                                <img src="images/Group-8307.webp"  alt="مجوز ها">
                            </div>
                        </li>
                        <li class="uk-width-1-3" class="uk-width-1-3 uk-active" style="order: -1;">      
                            <div>
                                <img src="images/Group-8308.webp"  alt="مجوز ها">
                            </div>
                        </li>
                        <li class="uk-width-1-3">      
                            <div>
                                <img src="images/Group-8297.webp" alt="مجوز ها">
                            </div>
                        </li>
                        <li class="uk-width-1-3">      
                            <div>
                                <img src="images/Group-8300.webp" alt="مجوز ها">
                            </div>
                        </li>
                        <li class="uk-width-1-3">      
                            <div>
                                <img src="images/Group-8303.webp" alt="مجوز ها">
                            </div>
                        </li>

                    </ul>

                    <a class="uk-position-center-left uk-position-small uk-hidden-hover" href="#" uk-slidenav-previous uk-slider-item="previous"></a>
                    <a class="uk-position-center-right uk-position-small uk-hidden-hover" href="#" uk-slidenav-next uk-slider-item="next"></a>

                </div>

                <ul class="uk-slider-nav uk-dotnav uk-flex-center uk-margin"></ul>

            </div>
        </div>
    </section>

@endsection


@section('footer')
    <script>
        $(document).ready(function(){$(window).width()<770?($("#portfolio-desktop").remove(),$("#buyPlan-desktop").remove(),$("#blog-desktop").remove(),$("#partner-desktop").remove()):($("#portfolio-phone").remove(),$("#buyPlan-phone").remove(),$("#blog-phone").remove(),$("#partner-phone").remove())});
    </script>
@endsection