@extends('Common::index')
@section('title' , $title)

@section('page')
<!-- start sponsors -->
<section class="sponsors-om">
    <div class="container">

        <h2 class="site-title-om">@lang('Partners')</h2>

        <div class="swiper-container">
            <div class="swiper-wrapper">
                @foreach($partners as $row)
                <div class="swiper-slide" style="background-color: {{ $row->color }}">
                    <a class="slider-block-om" href="{{ $row->link }}">
                        <figure class="figure-om loading-omd asp-om">
                            <img class="lazy-omd" data-src="{{ $row->image }}" alt="{{ $row->title }}">
                        </figure>
                    </a>
                </div>
                @endforeach

            </div>

            <!-- Arrows -->
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>

            <div class="swiper-pagination"></div>
        </div>
    </div>
</section>
<!-- end sponsors  -->

<!-- start special offers  -->
<section class="special-offers-om">
    <div class="container">
        <div class="title-sec-om">
            <h2 class="site-title-om">@lang('Special Offers')</h2>

            <div class="more-offers-om">
                <a class="more-link" href="{{  route('offers.show' , 'special') }}">@lang('More Offers')</a>
            </div>
        </div>

<!--
        <div class="row-om">
            
        </div>
-->
        
        <div class="swiper-container go_slider">
            <div class="swiper-wrapper">
             @include("Offers::list")

            </div>

           
            <div class="swiper-pagination"></div>
        </div>
 <!-- Arrows -->
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>

    </div>
</section>
<!-- end special offers  -->


<!-- start annual-offers  -->
<section class="annual-offers-om">
    <div class="container">
        <div class="title-sec-om">
            <h2 class="site-title-om">@lang('Annual Offers')</h2>

            <div class="more-offers-om">
                <a class="more-link" href="{{  route('offers.show' , 'annual') }}">@lang('More Offers')</a>
            </div>
        </div>

        <ul class="filters-om list-unstyled ">
            <li class="filt-li-om" data-filter="all">
                <div class="fil-img-om">
                    <figure class="figure-om loading-omd asp-om">
                        <img class="lazy-omd" data-src="{{ url('assets/web') }}/images/filter/all.svg" alt="all categories">
                    </figure>
                </div>
                <span class="f-text-om">@lang('All')</span>
            </li>
            @foreach($categories as $row)
            <li class="filt-li-om" data-filter=".category-{{ $row->id }}">
                <div class="fil-img-om">
                    <figure class="figure-om loading-omd asp-om">
                        <img class="lazy-omd" data-src="{{ $row->image }}" alt="{{ $row->title }}">
                    </figure>
                </div>

                <span class="f-text-om">{{ $row->title }}</span>
            </li>
            @endforeach
        </ul>

        <div class="row-om" id="mix-container-om">
            @foreach($category_stores as $row)
            <div class="col-om mix category-{{ $row->category_id }}">

                <a class="special-block-om" href="{{ $row->link }}">
                    <figure class="figure-om loading-omd asp-om">
                        <img class="lazy-omd" data-src="{{ $row->image }}" alt="{{ $row->title }}">
                    </figure>
        
                    <div class="title-block-om">
                        <div class="title-warp-om">
                            <div class="img-block-om">
                                <figure class="title-img-om loading-omd asp-om">
                                    <img class="lazy-omd" data-src="{{ $row->logo }}" alt="{{ $row->title }}">
                                </figure>
                            </div>
                            <div class="title-desc-om">
                                <h2 class="title-om">{{ $row->title }}</h2>
                                <h3 class="cat-om">{{ $row->category->title ?? '' }}</h3>
                            </div>
                        </div>
                        <span class="dayes-remaining-om">@lang('Annual offer')</span>
                    </div>
                    <p class="desc-block-om">{{ mb_substr(strip_tags($row->content) , 0 , 100) }}</p>
                </a>

            </div>
            @endforeach
        </div>
    </div>
</section>
<!-- end annual-offers  -->

<!-- start pages-sec-om  -->
{{-- <section class="pages-sec-om">
    <div class="container">
        <div class="row-om">
            <div class="col-om">
                <a class="page-block-om" href="{{ route('request') }}">
                    <figure class="figure-om loading-omd red-fig-om">
                        <img class="lazy-omd" data-src="{{ url('assets/web') }}/images/pages/Icon awesome-store.svg" alt="..">
                    </figure>

                    <h2 class="page-title-om">@lang("Merchants Questions")</h2>
                </a>
            </div>
            <div class="col-om">
                <a class="page-block-om" href="{{ url('jobs') }}">
                    <figure class="figure-om loading-omd ">
                        <img class="lazy-omd" data-src="{{ url('assets/web') }}/images/pages/suitcase.svg" alt="..">
                    </figure>

                    <h2 class="page-title-om">@lang('Jobs')</h2>
                </a>
            </div>
            <div class="col-om">
                <a class="page-block-om" href="{{ route('questions.index') }}">
                    <figure class="figure-om loading-omd ">
                        <img class="lazy-omd" data-src="{{ url('assets/web') }}/images/pages/question.svg" alt="..">
                    </figure>

                    <h2 class="page-title-om">@lang('Common Questions')</h2>
                </a>
            </div>
            <div class="col-om">
                <a class="page-block-om" href="{{ route('library.index') }}">
                    <figure class="figure-om loading-omd ">
                        <img class="lazy-omd" data-src="{{ url('assets/web') }}/images/pages/suitcase.svg" alt="..">
                    </figure>

                    <h2 class="page-title-om">@lang('Alwseet Offers Library')</h2>
                </a>
            </div>


        </div>
    </div>
</section> --}}
<!-- end pages-sec-om  -->


{{-- <section class="blog-om">
    <div class="container">
        <div class="title-sec-om">
            <h2 class="site-title-om">@lang('Blogs')</h2>

            <div class="more-offers-om">
                <a class="more-link" href="{{ route('blog.index') }}">@lang('More Blogs')</a>
            </div>
        </div>

        <div class="row-om">
            @include("Blogs::list")
        </div>
    </div>
</section> --}}

<!-- start app-sec-download-om  -->
<section class="app-sec-download-om">
    <div class="container">
        <div class="row-om">
            <div class="col-om">
                <div class="app-download-om">
                    <h2 class="download-title-om">@lang('Download App Now')</h2>
                    <a class="app-link-om" href="{{ app_setting('android') }}">
                        <figure class="figure-om loading-omd ">
                            <img class="lazy-omd" data-src="{{ url('assets/web') }}/images/google.jpg" alt="..">
                        </figure>
                    </a>

                    <a class="app-link-om" href="{{ app_setting('ios') }}">
                        <figure class="figure-om loading-omd ">
                            <img class="lazy-omd" data-src="{{ url('assets/web') }}/images/ios.jpg" alt="..">
                        </figure>
                    </a>

                </div>
            </div>

            <div class="col-om">
                <div class="down-center-img-om">
                    <figure class="figure-om loading-omd asp-om">
                        <img class="lazy-omd" data-src="{{ url('assets/web') }}/images/Layer.png" alt="..">
                    </figure>
                </div>
            </div>
            <div class="col-om">
                <div class="logo-down-om">
                    <figure class="figure-om loading-omd ">
                        <img class="lazy-omd" data-src="{{ url('assets/web') }}/images/logo.png" alt="..">
                    </figure>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- end app-sec-download-om  -->
@stop