@php
$bgImage = null;
if($homepage) {
    $banner_background = json_decode($homepage->banner_background);
    $bgImage = ENV('IMG_URL').str_replace(' ', '%20', $banner_background->path);
}
@endphp


@extends ('site::public.layout',['footerhome' => 'yes'])
@section('content')

    @if($homepage)
    <h1 style="display:none;">{!! $seo['h1'] !!}</h1>
    <main class="homepage">
        <section class="banner">
            <div class="container">
                    <img src="{{ asset('styling/img/blank.png') }}" data-src="{{ $bgImage }}" class="bg lazy" alt="{!! $homepage->outputTranslate('alt_banner_background', session('locale')) !!} ">
                    <span class="banner__title">
                        <span>
                            {!! $homepage->outputTranslate('banner_title', session('locale')) !!} 
                        </span>
                        {!! $homepage->outputTranslate('banner_title_secondary', session('locale')) !!}<br>{!! $homepage->outputTranslate('banner_title_third', session('locale')) !!}
                    </span>
                    <img src="{{ asset('styling/img/blank.png') }}" data-src="{{ asset('styling/img/shadow-banner.svg') }}" class="shadow lazy">
            </div>
        </section>
        <section class="text-gradient hide" id="tg1">
            <div class="overlay">
                <div class="overlay__end"></div>
            </div>
            <div class="container">
                <div class="text-wrapper">
                    <h3>
                        {!! $homepage->outputTranslate('welcometext_first', session('locale')) !!}
                    </h3>
                </div>
            </div>
            <div class="cta" id="cta1">
                <a href="{!! $homepage->outputTranslate('banner_cta_link', session('locale')) !!}" class="flex gap-2 items-center">
                    <span>{!! $homepage->outputTranslate('banner_cta_text', session('locale')) !!}<br />{!! $homepage->outputTranslate('banner_cta_text_secondary', session('locale')) !!}</span>
                    <img src="{{ asset('styling/img/btn-circle-next.svg') }}">
                </a>
            </div>
        </section>
        
        <section class="product animate" id="product">
            <div class="shd-top"></div>
            <div class="container from-bottom">
                <div class="product__slider">
                    <div class="beva relative">
                        <div class="swiper-container">
                            <div class="swiper-wrapper">
                                @foreach($product as $key=>$prod)
                                    @php  
                                    $logo_img = $thumbnail_img = $bg_img = asset('assets/img/no-image.jpg');
                                    if($prod->logo!=''){
                                        $logo = json_decode($prod->logo);
                                        $logo_img = ENV('IMG_URL').str_replace(' ', '%20', $logo->path);
                                    }
                                    if($prod->thumbnail!=''){
                                        $thumbnail = json_decode($prod->thumbnail);
                                        $thumbnail_img = ENV('IMG_URL').str_replace(' ', '%20', $thumbnail->path);
                                    }
                                    if($prod->icon!=''){
                                        $img = json_decode($prod->icon);
                                        $bg_img = ENV('IMG_URL').str_replace(' ', '%20', $img->path);
                                    }
                                    @endphp
                                    <div class="swiper-slide beva--{{$prod->header_class}}" beva="{{ $prod->header_class }}">
                                        <img src="{{ $logo_img }}" class="product__slider__logo" alt="{!! $prod->alt_logo !!}">
                                        <div class="product__slider__wrapper">
                                            <img src="{{ $thumbnail_img }}" class="product__slider__image" loading="lazy" alt="{!! $prod->alt_thumbnail !!}" />
                                            <div class="swiper-lazy-preloader"></div>
                                        </div>
                                        <h6>
                                            {!! $prod->excerpt !!}
                                        </h6>
                                        <div class="product__slider__cta">
                                            <a href="{{ url('product/'.$prod->slug) }}" class="btn">{!! $homepage->outputTranslate('product_detail_text', session('locale')) !!}</a>
                                            <a href="javascript:void(0);" data-yt="{!! $prod->yt_id !!}" data-title="{{ $prod->name }}" id="home-productvideo">{!! $homepage->outputTranslate('product_video_text', session('locale')) !!} 
                                                <svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M2 10.5C2 8.37827 2.84285 6.34344 4.34315 4.84315C5.84344 3.34285 7.87827 2.5 10 2.5C12.1217 2.5 14.1566 3.34285 15.6569 4.84315C17.1571 6.34344 18 8.37827 18 10.5C18 12.6217 17.1571 14.6566 15.6569 16.1569C14.1566 17.6571 12.1217 18.5 10 18.5C7.87827 18.5 5.84344 17.6571 4.34315 16.1569C2.84285 14.6566 2 12.6217 2 10.5ZM8.39 7.592C8.50831 7.5272 8.6419 7.49551 8.77671 7.50026C8.91152 7.50501 9.04255 7.54603 9.156 7.619L12.656 9.869C12.7617 9.9369 12.8486 10.0303 12.9088 10.1405C12.9691 10.2508 13.0006 10.3744 13.0006 10.5C13.0006 10.6256 12.9691 10.7492 12.9088 10.8595C12.8486 10.9697 12.7617 11.0631 12.656 11.131L9.156 13.381C9.04269 13.454 8.91181 13.495 8.77713 13.4999C8.64246 13.5048 8.50895 13.4733 8.39066 13.4087C8.27237 13.3441 8.17366 13.2489 8.10492 13.133C8.03617 13.0171 7.99993 12.8848 8 12.75V8.25C7.99999 8.11542 8.03619 7.98332 8.10481 7.86755C8.17343 7.75177 8.27194 7.6566 8.39 7.592Z" fill="#4E4987"/>
                                                </svg>
                                            </a>
                                        </div>
                                    </div>
                                @endforeach
                                
                            </div>
                        </div>
                        <div class="product__slider__text-logo">
                            @foreach($product as $key=>$prod)
                                @php  
                                $logo_img = $thumbnail_img = $bg_img = asset('assets/img/no-image.jpg');
                                if($prod->logo!=''){
                                    $logo = json_decode($prod->logo);
                                    $logo_img = ENV('IMG_URL').str_replace(' ', '%20', $logo->path);
                                }
                                if($prod->thumbnail!=''){
                                    $thumbnail = json_decode($prod->thumbnail);
                                    $thumbnail_img = ENV('IMG_URL').str_replace(' ', '%20', $thumbnail->path);
                                }
                                if($prod->icon!=''){
                                    $img = json_decode($prod->icon);
                                    $bg_img = ENV('IMG_URL').str_replace(' ', '%20', $img->path);
                                }
                                @endphp
                                <img src="{{ $bg_img }}" class="product__slider__text beva--{{ $prod->header_class }} @if($key==0) active @endif" loading="lazy" alt="{!! $prod->outputTranslate('alt_image', session('locale')) !!}" />
                            @endforeach
                        </div>
                        <button class="swiper-prev"><img src="{{ asset('styling/img/btn-prev.svg') }}"></button>
                        <button class="swiper-next"><img src="{{ asset('styling/img/btn-next.svg') }}"></button>
                        <div class="swiper-pagination"></div>
                    </div>
                </div>
                <div class="product__brand">
                    <div class="beva relative">
                        <h5 class="text-center">{!! $homepage->outputTranslate('product_title', session('locale')) !!} <span class="text-primary">{!! $homepage->outputTranslate('product_title_secondary', session('locale')) !!}</span> {!! $homepage->outputTranslate('product_title_third', session('locale')) !!}</h5>
                        <div class="swiper-container">
                            <div class="swiper-wrapper">
                                @foreach($product as $key=>$prod)
                                    @php  
                                    $logo_img = $thumbnail_img = asset('assets/img/no-image.jpg');
                                    if($prod->logo!=''){
                                        $logo = json_decode($prod->logo);
                                        $logo_img = ENV('IMG_URL').str_replace(' ', '%20', $logo->path);
                                    }
                                    if($prod->thumbnail!=''){
                                        $thumbnail = json_decode($prod->thumbnail);
                                        $thumbnail_img = ENV('IMG_URL').str_replace(' ', '%20', $thumbnail->path);
                                    }
                                    @endphp
                                    <div class="swiper-slide">
                                        <a href="{{ url('product/'.$prod->slug) }}">
                                            <img src="{{ $logo_img }}" loading="lazy" alt="{!! $prod->outputTranslate('alt_logo', session('locale')) !!}">
                                            <div class="swiper-lazy-preloader"></div>
                                        </a>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="shd-bot"></div>
        </section>
        <section class="text-gradient hide" id="tg2">
            <div class="overlay">
                <div class="overlay__end"></div>
            </div>
            <div class="container">
                <div class="text-wrapper">
                    <h3>
                        {!! $homepage->outputTranslate('welcometext_second', session('locale')) !!}
                    </h3>
                </div>
            </div>
        </section>
        
        @if($homepage->project_is_active==1)
        <section class="project">
            @php  
            $project_img = $project_bg = asset('assets/img/no-image.jpg');
            if($homepage->project_image!=''){
                $img = json_decode($homepage->project_image);
                $project_img = ENV('IMG_URL').str_replace(' ', '%20', $img->path);
            }
            if($homepage->project_background!=''){
                $bg = json_decode($homepage->project_background);
                $project_bg = ENV('IMG_URL').str_replace(' ', '%20', $bg->path);
            }
            @endphp
            <img src="{{ asset('styling/img/blank.png') }}" data-src="{{ $project_bg }}" class="lazy bg" alt="{!! $homepage->outputTranslate('alt_project_background', session('locale')) !!}">
            <div class="container">
                <div class="flex justify-center items-center mb-20 animate" id="project">
                    <div class="w-1/2 mr-8 from-left sm:w-full">
                        <div class="h1">
                            {!! $homepage->outputTranslate('project_title', session('locale')) !!} <br>
                            {!! $homepage->outputTranslate('project_title_secondary', session('locale')) !!}<br>
                            {!! $homepage->outputTranslate('project_title_third', session('locale')) !!}
                        </div>
                        <h5 class="my-8">
                            {!! $homepage->outputTranslate('project_excerpt', session('locale')) !!}
                        </h5>
                        <div class="btn-wrapper">
                            <a href="{{ $homepage->project_cta_link }}" class="btn btn--primary">
                                <span>
                                    <svg width="10" height="9" viewBox="0 0 10 9" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M0 4.5C0 4.27709 0.0790218 4.06331 0.219681 3.90568C0.36034 3.74806 0.551114 3.65951 0.750036 3.65951H7.38835L5.23025 1.46303C5.1559 1.38745 5.09585 1.29592 5.05365 1.19387C5.01144 1.09181 4.98795 0.981293 4.98456 0.868873C4.98117 0.756453 4.99795 0.644415 5.03391 0.539396C5.06987 0.434378 5.12428 0.338516 5.1939 0.257492C5.26353 0.176467 5.34696 0.111928 5.43925 0.0676995C5.53155 0.0234707 5.63082 0.000451604 5.7312 6.57867e-06C5.83158 -0.000438447 5.93101 0.0216993 6.02362 0.0651083C6.11622 0.108517 6.20011 0.172315 6.2703 0.252719L9.77047 3.89485C9.84306 3.97325 9.9008 4.06725 9.94024 4.17123C9.97967 4.2752 10 4.38702 10 4.5C10 4.61298 9.97967 4.7248 9.94024 4.82877C9.9008 4.93275 9.84306 5.02675 9.77047 5.10515L6.2703 8.74728C6.20011 8.82768 6.11622 8.89148 6.02362 8.93489C5.93102 8.9783 5.83158 9.00044 5.7312 8.99999C5.63082 8.99955 5.53155 8.97653 5.43925 8.9323C5.34696 8.88807 5.26353 8.82353 5.1939 8.74251C5.12428 8.66148 5.06987 8.56562 5.03391 8.4606C4.99795 8.35558 4.98117 8.24355 4.98456 8.13113C4.98795 8.01871 5.01144 7.90819 5.05365 7.80613C5.09585 7.70407 5.1559 7.61255 5.23025 7.53697L7.38835 5.34049L0.750036 5.34049C0.551114 5.34049 0.36034 5.25194 0.219681 5.09432C0.0790217 4.93669 0 4.72291 0 4.5Z" fill="white"/>
                                    </svg>
                                    {!! $homepage->outputTranslate('project_cta_text', session('locale')) !!}
                                </span>
                            </a>
                        </div>
                    </div>
                    <figure class="from-right md:hidden">
                        <img src="{{ asset('styling/img/blank.png') }}" data-src="{{ $project_img }}" class="lazy" alt="{!! $homepage->outputTranslate('alt_project_image', session('locale')) !!}">
                    </figure>
                </div>
                <div class="project__slider animate" id="project-slider">
                    <div class="swiper-container from-bottom">
                        <div class="swiper-wrapper">
                            @foreach($project as $key=>$proj)
                                @php  
                                $project_thumb = asset('assets/img/no-image.jpg');
                                if($proj->thumbnail!=''){
                                    $img = json_decode($proj->thumbnail);
                                    $project_thumb = ENV('IMG_URL').str_replace(' ', '%20', $img->path);
                                }
                                @endphp
                                <div class="swiper-slide">
                                    <figure>
                                        <img src="{{ $project_thumb }}" loading="lazy" alt="{!! $proj->outputTranslate('alt_thumbnail', session('locale')) !!}" />
                                        <div class="swiper-lazy-preloader"></div>
                                    </figure>
                                    <div class="project__caption">
                                        <div class="project__category">
                                            {!! get_staticwording('project', session('locale')) !!}
                                            <span>{!! $proj->outputTranslate('related_product', session('locale')) !!}</span>
                                        </div>
                                        <div class="project__info">
                                            <h6>
                                                <a href="{{ url('project/'.$proj->slug) }}">
                                                    {!! $proj->outputTranslate('title', session('locale')) !!}
                                                </a>
                                            </h6>
                                            <a class="cta" href="{{ url('project/'.$proj->slug) }}"><img src="{{ asset('styling/img/icon-arrow-right.svg') }}"> {!! get_staticwording('detailproject', session('locale')) !!}</a>
                                        </div>
                                    </div>	 
                                </div>
                            @endforeach
                        </div>
                    </div>
                    <button class="swiper-prev"><img src="{{ asset('styling/img/btn-prev-2.svg') }}"></button>
                    <button class="swiper-next"><img src="{{ asset('styling/img/btn-next-2.svg') }}"></button>
                </div>
            </div>
        </section>
        @endif

        @if($homepage->article_is_active==1)
        <section class="news animate" id="news">
            <div class="container">
                <div class="text-center mb-24 from-bottom md:mb-12">
                    <div class="h1 mb-8">
                        {!! $homepage->outputTranslate('article_title', session('locale')) !!}<br>
                        {!! $homepage->outputTranslate('article_title_secondary', session('locale')) !!}
                    </div>
                    <div class="btn-wrapper">
                        <a href="{{ $homepage->article_cta_link }}" class="btn btn--primary">
                            <span>
                                <svg width="10" height="9" viewBox="0 0 10 9" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M0 4.5C0 4.27709 0.0790218 4.06331 0.219681 3.90568C0.36034 3.74806 0.551114 3.65951 0.750036 3.65951H7.38835L5.23025 1.46303C5.1559 1.38745 5.09585 1.29592 5.05365 1.19387C5.01144 1.09181 4.98795 0.981293 4.98456 0.868873C4.98117 0.756453 4.99795 0.644415 5.03391 0.539396C5.06987 0.434378 5.12428 0.338516 5.1939 0.257492C5.26353 0.176467 5.34696 0.111928 5.43925 0.0676995C5.53155 0.0234707 5.63082 0.000451604 5.7312 6.57867e-06C5.83158 -0.000438447 5.93101 0.0216993 6.02362 0.0651083C6.11622 0.108517 6.20011 0.172315 6.2703 0.252719L9.77047 3.89485C9.84306 3.97325 9.9008 4.06725 9.94024 4.17123C9.97967 4.2752 10 4.38702 10 4.5C10 4.61298 9.97967 4.7248 9.94024 4.82877C9.9008 4.93275 9.84306 5.02675 9.77047 5.10515L6.2703 8.74728C6.20011 8.82768 6.11622 8.89148 6.02362 8.93489C5.93102 8.9783 5.83158 9.00044 5.7312 8.99999C5.63082 8.99955 5.53155 8.97653 5.43925 8.9323C5.34696 8.88807 5.26353 8.82353 5.1939 8.74251C5.12428 8.66148 5.06987 8.56562 5.03391 8.4606C4.99795 8.35558 4.98117 8.24355 4.98456 8.13113C4.98795 8.01871 5.01144 7.90819 5.05365 7.80613C5.09585 7.70407 5.1559 7.61255 5.23025 7.53697L7.38835 5.34049L0.750036 5.34049C0.551114 5.34049 0.36034 5.25194 0.219681 5.09432C0.0790217 4.93669 0 4.72291 0 4.5Z" fill="white"/>
                                </svg>
                                {!! $homepage->outputTranslate('article_cta_text', session('locale')) !!}
                            </span>
                        </a>
                    </div>
                </div>
                <div class="news__landing news__list">
                    @foreach($article as $key=>$a)
                        @if($key==0)
                            <div class="news__single from-left">
                                <figure>
                                    <img src="{{ asset('styling/img/blank.png') }}" data-src="{{ $a->image_formated }}" class="lazy" alt="{!! $a->outputTranslate('alt_image', session('locale')) !!}">
                                    <img src="{{ asset('styling/img/logo-white.png') }}" class="logo">
                                </figure>
                                <div class="news__short">
                                    <span class="btn btn--primary btn--br mb-5px">
                                        {!! $a->outputTranslate('category', session('locale')) !!}
                                    </span>
                                    <p class="news__date">
                                        {!! get_staticwording('posted', session('locale')) !!}: {{ date('d/m/Y', strtotime($a->created_at)) }}
                                    </p>
                                    <h6>
                                        <a href="{{ url('project/category/'.$a->category_slug) }}">
                                            {!! $a->outputTranslate('title', session('locale')) !!}
                                        </a>
                                    </h6>
                                    <p>
                                        {!! $a->outputTranslate('excerpt', session('locale')) !!}
                                    </p>
                                    <a href="{{ route('fe.detail_articles', ['slug' => $a->slug]) }}" class="btn news__cta">
                                        <span>
                                            <svg width="10" height="9" viewBox="0 0 10 9" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path fill-rule="evenodd" clip-rule="evenodd" d="M0 4.5C0 4.27709 0.0790218 4.06331 0.219681 3.90568C0.36034 3.74806 0.551114 3.65951 0.750036 3.65951H7.38835L5.23025 1.46303C5.1559 1.38745 5.09585 1.29592 5.05365 1.19387C5.01144 1.09181 4.98795 0.981293 4.98456 0.868873C4.98117 0.756453 4.99795 0.644415 5.03391 0.539396C5.06987 0.434378 5.12428 0.338516 5.1939 0.257492C5.26353 0.176467 5.34696 0.111928 5.43925 0.0676995C5.53155 0.0234707 5.63082 0.000451604 5.7312 6.57867e-06C5.83158 -0.000438447 5.93101 0.0216993 6.02362 0.0651083C6.11622 0.108517 6.20011 0.172315 6.2703 0.252719L9.77047 3.89485C9.84306 3.97325 9.9008 4.06725 9.94024 4.17123C9.97967 4.2752 10 4.38702 10 4.5C10 4.61298 9.97967 4.7248 9.94024 4.82877C9.9008 4.93275 9.84306 5.02675 9.77047 5.10515L6.2703 8.74728C6.20011 8.82768 6.11622 8.89148 6.02362 8.93489C5.93102 8.9783 5.83158 9.00044 5.7312 8.99999C5.63082 8.99955 5.53155 8.97653 5.43925 8.9323C5.34696 8.88807 5.26353 8.82353 5.1939 8.74251C5.12428 8.66148 5.06987 8.56562 5.03391 8.4606C4.99795 8.35558 4.98117 8.24355 4.98456 8.13113C4.98795 8.01871 5.01144 7.90819 5.05365 7.80613C5.09585 7.70407 5.1559 7.61255 5.23025 7.53697L7.38835 5.34049L0.750036 5.34049C0.551114 5.34049 0.36034 5.25194 0.219681 5.09432C0.0790217 4.93669 0 4.72291 0 4.5Z" fill="white"/>
                                            </svg>
                                            {!! get_staticwording('readmore', session('locale')) !!}
                                        </span>
                                    </a>
                                </div>
                            </div>
                        @else
                            <div class="news__single from-right">
                                <figure>
                                    <img src="{{ asset('styling/img/blank.png') }}" data-src="{{ $a->image_formated }}" class="lazy" alt="{!! $a->outputTranslate('alt_image', session('locale')) !!}">
                                    <img src="{{ asset('styling/img/logo-white.png') }}" class="logo">
                                </figure>
                                <div class="news__short">
                                    <span class="btn btn--primary btn--br">
                                        {!! $a->outputTranslate('category', session('locale')) !!}
                                    </span>
                                    <p class="news__date">
                                        {!! get_staticwording('posted', session('locale')) !!}: {{ date('d/m/Y', strtotime($a->created_at)) }}
                                    </p>
                                    <h6>
                                        <a href="{{ url('project/category/'.$a->category_slug) }}">
                                            {!! $a->outputTranslate('title', session('locale')) !!}
                                        </a>
                                    </h6>
                                    <p>
                                        {!! $a->outputTranslate('excerpt', session('locale')) !!}
                                    </p>
                                    <a href="{{ url('news-and-media') }}" class="btn news__cta">
                                        <span>
                                            <svg width="10" height="9" viewBox="0 0 10 9" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path fill-rule="evenodd" clip-rule="evenodd" d="M0 4.5C0 4.27709 0.0790218 4.06331 0.219681 3.90568C0.36034 3.74806 0.551114 3.65951 0.750036 3.65951H7.38835L5.23025 1.46303C5.1559 1.38745 5.09585 1.29592 5.05365 1.19387C5.01144 1.09181 4.98795 0.981293 4.98456 0.868873C4.98117 0.756453 4.99795 0.644415 5.03391 0.539396C5.06987 0.434378 5.12428 0.338516 5.1939 0.257492C5.26353 0.176467 5.34696 0.111928 5.43925 0.0676995C5.53155 0.0234707 5.63082 0.000451604 5.7312 6.57867e-06C5.83158 -0.000438447 5.93101 0.0216993 6.02362 0.0651083C6.11622 0.108517 6.20011 0.172315 6.2703 0.252719L9.77047 3.89485C9.84306 3.97325 9.9008 4.06725 9.94024 4.17123C9.97967 4.2752 10 4.38702 10 4.5C10 4.61298 9.97967 4.7248 9.94024 4.82877C9.9008 4.93275 9.84306 5.02675 9.77047 5.10515L6.2703 8.74728C6.20011 8.82768 6.11622 8.89148 6.02362 8.93489C5.93102 8.9783 5.83158 9.00044 5.7312 8.99999C5.63082 8.99955 5.53155 8.97653 5.43925 8.9323C5.34696 8.88807 5.26353 8.82353 5.1939 8.74251C5.12428 8.66148 5.06987 8.56562 5.03391 8.4606C4.99795 8.35558 4.98117 8.24355 4.98456 8.13113C4.98795 8.01871 5.01144 7.90819 5.05365 7.80613C5.09585 7.70407 5.1559 7.61255 5.23025 7.53697L7.38835 5.34049L0.750036 5.34049C0.551114 5.34049 0.36034 5.25194 0.219681 5.09432C0.0790217 4.93669 0 4.72291 0 4.5Z" fill="white"/>
                                            </svg>
                                            {!! get_staticwording('allarticle', session('locale')) !!}
                                        </span>
                                    </a>
                                </div>
                            </div>
                        @endif
                    @endforeach
                </div>
            </div>
        </section>
        @endif

        @if($homepage->partner_is_active==1)
        <section class="strive">
            <div class="container">
                <div class="animate" id="str1">
                    <div class="w-4/5 lg:w-full mx-auto from-left">
                        <div class="h1 mb-20 md:text-center md:mb-8">
                            {!! $homepage->outputTranslate('partner_title', session('locale')) !!}<br>
                            {!! $homepage->outputTranslate('partner_title_secondary', session('locale')) !!}
                        </div>
                        <div class="line-text">
                            <p>
                                {!! $homepage->outputTranslate('partner_excerpt', session('locale')) !!}
                            </p>
                        </div>
                    </div>
                </div>
                <div class="strive__logo animate" id="str2">
                    @foreach($partner2 as $key=>$p)
                        @php  
                        $partner_img = asset('assets/img/no-image.jpg');
                        if($p->image!=''){
                            $img = json_decode($p->image);
                            $partner_img = ENV('IMG_URL').str_replace(' ', '%20', $img->path);
                        }
                        @endphp
                        <img onclick="partnerItem('{{ $p->slug }}')" style="cursor:pointer;" src="{{ asset('styling/img/blank.png') }}" data-src="{{ $partner_img }}" class="lazy from-bottom" alt="{!! $p->outputTranslate('alt_image', session('locale')) !!}">
                        
                        @if($key<1)
                            <img onclick="partnerItem('{{ $p->slug }}')" style="cursor:pointer;" src="{{ asset('styling/img/blank.png') }}" data-src="{{ asset('styling/img/separator.png') }}" class="lazy from-bottom">
                        @endif
                    @endforeach
                </div>
                <div class="strive__logo animate" id="str3">
                    @foreach($partner3 as $key=>$p)
                        @php  
                        $partner_img = asset('assets/img/no-image.jpg');
                        if($p->image!=''){
                            $img = json_decode($p->image);
                            $partner_img = ENV('IMG_URL').str_replace(' ', '%20', $img->path);
                        }
                        @endphp
                        <img src="{{ asset('styling/img/blank.png') }}" onclick="partnerItem('{{ $p->slug }}')" style="cursor:pointer;" data-src="{{ $partner_img }}" class="lazy from-bottom" alt="{!! $p->outputTranslate('alt_image', session('locale')) !!}">
                        
                        @if($key<2)
                            <img src="{{ asset('styling/img/blank.png') }}" onclick="partnerItem('{{ $p->slug }}')" style="cursor:pointer;" data-src="{{ asset('styling/img/separator.png') }}" class="lazy from-bottom">
                        @endif
                    @endforeach
                </div>
            </div>
            <div class="shd-bot"></div>
        </section>
        @endif
    </main>
    @endif


    <div class="popup popup--partner" id="popup-homeproductvideo" title="Global" style="display: ">
        <div class="popup-full">
            <div class="popup-wrapper">
                <div class="inner">
                    <button class="close-btn" id="home-productvideoclose">
                        <img src="{{ asset('styling/img/icon-x-red.png') }}">
                    </button>
                    <div class="partner-detail" id="popup-homeproductvideo-iframe">
                        
                    </div>
                </div>
            </div>
        </div>
    </div>
@stop