@extends('front.layout.master')
@push('css')
    <link rel="stylesheet" href="{{{asset('front/assets/css/style-slider.css')}}}">
@endpush
@section('track')
    <!-- Facebook Pixel Code -->
    <script>
        !function(f,b,e,v,n,t,s)
        {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
            n.callMethod.apply(n,arguments):n.queue.push(arguments)};
            if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
            n.queue=[];t=b.createElement(e);t.async=!0;
            t.src=v;s=b.getElementsByTagName(e)[0];
            s.parentNode.insertBefore(t,s)}(window, document,'script',
            'https://connect.facebook.net/en_US/fbevents.js');
        fbq('init', '879633802792999');
        fbq('track', 'PageView');
        fbq('track', 'ViewContent');

    </script>
    <noscript><img height="1" width="1" style="display:none"
                   src="https://www.facebook.com/tr?id=879633802792999&ev=PageView&noscript=1"
        /></noscript>
    <!-- End Facebook Pixel Code -->
@endsection
@section('content')

    @include('front.layout.slider')

    <!--  start catogeries-->
    <div class="catogeries-area">
        <div class="container p-0">
            <div class="row ">
                <div class="col-md-6 col-6">
                    <h4 class="title-section mt-30 mb-20">@lang('front.category')</h4>

                </div>


            </div>


                <div class="lazyload-wrapper">
                    <div class="x16otr-0 esSWAj">
                        <div style="padding: 0px; flex: 0 0 50%;">
                            <div class="sffn18-0 jOFEpF">
                                <div class="sc-1oj0twj-0 bFwcxS">
                                    <div class="sc-hHftDr juptdp">
                                        <div class="sc-kfzAmx jvvgOu">
                                            <div class="sc-iwyYcG cunCrG siteWidthContainer bannerModule">
                                                <div class="category-logo-active owl-carousel">
                                                    @foreach($category as $index => $cat)

                                                        <div class="sc-cxFLnm izBVou bannerContainer bannerModule " style="padding-bottom: 0px; flex: 0 0 calc(9.09091% - 7.5px); ">
                                                            <div><a href="{{route('main-category',$cat->name)}}">
                                                                    <div class="sc-pFZIQ gbgfMs bannerModule standardBanner">
                                                                        <div class="lazyload-wrapper">
                                                                            <div class="sc-iBPRYJ cOWINi">
                                                                                <img src="{{app()->getLocale() == 'ar' ? $cat->image_path : $cat->image_path_en}}" alt="{{$cat->name}}" class="sc-crrsfI iDhzRL">
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </a>
                                                            </div>
                                                        </div>

                                                    @endforeach
                                                </div>


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


                    </div>

            </div>

    </div>
    <!--   end catogeries-->

    @foreach($contentsSections as $index => $content)
        <div class="container">
            <div class="row">
                <div class="col-md-6 col-6 p-0">
                    <h4 class="title-section wow animated animate delay-3s flipInX">{{$content->title}}</h4>
                </div>
                <div class="col-md-6 more-product col-6 p-0" ><a href="#">@lang('front.more')</a></div>
            </div>
        </div>

        <div class="container">

            <div class="lazyload-wrapper">
                <div class="x16otr-0 esSWAj">
                    <div style="padding: 0px; flex: 0 0 50%;">
                        <div class="sffn18-0 jOFEpF">
                            <div class="sc-1oj0twj-0 bFwcxS">
                                <div class="sc-hHftDr juptdp">
                                    <div class="sc-kfzAmx jvvgOu">
                                        <div class="sc-iwyYcG cunCrG siteWidthContainer bannerModule">
                                            <div class="product-logo-active owl-carousel">
                                    
                                                @foreach($content->productSection as $product)
                                                    @if($product->product != null)
                                                        <div class="product-item product-item-opt-2 ">
                                                            <div class="product-item-info">
                                                                <div class="product-item-photo">
                                                                    <span class="discountxs d-lg-none"> {{$product->product != null ? $product->product->discount : 0}}%</span>
                                                                    <a href="{{route('single-product-page',['id'=>$product->product->id  , 'slug' => str_replace(' ','-',$product->product->name)])}}" class="product-item-img"><img src="{{$product->product->image_path}}" alt="" width="208" height="285"></a>
                                                                    <div class="product-item-actions">

                                                                        @auth
                                                                            <a href="#" class="btn btn-wishlist  movie__button-heart {{$product->product->is_favourite ? 'fw-900' : ''  }}" id="productt-{{$product->product->id}}"
                                                                               data-url="{{route('toggle_favorite',$product->product->id)}}"
                                                                               data-id="{{$product->product->id}}"

                                                                            ><i class="fa fa-heart{{!$product->product->is_favourite ? '-o' : ''  }} product-{{$product->product->id}}"></i></a>

                                                                            <a href="#" data-no-instant=""  class="wishlistadd cb chp ttip_nt tooltip_right  movie__button-heart product-{{$product->id}}" id="productt-{{$product->id}}" rel="nofollow"
                                                                               data-url="{{route('toggle_favorite',$product->id)}}"
                                                                               data-id="{{$product->id}}"
                                                                            >
{{--                                                                                <span class="tt_txt">@lang('front.addWishlist')</span>--}}
                                                                                <i class="facl facl-heart{{!$product->is_favourite ? '-o' : ''  }} product-{{$product->id}}"></i>
                                                                            </a>
                                                                        @else
                                                                            <a href="{{route('login')}}" class="btn btn-wishlist">
                                                                                <i class="fa fa-heart-o"></i></a>
                                                                        @endauth
                                                                    </div>

                                                                </div>
                                                                <div class="product-item-detail">
                                                                    <div class="product-item-name">
                                                                        <a href="{{route('single-product-page',['id'=>$product->product->id , 'slug' => str_replace(' ','-',$product->product->name)])}}">{!! $product->product->name !!}</a>
                                                                    </div>
                                                                    <div class="clearfix">
                                                                        <div class="product-item-price">
                                                                            <span class="discount">{{$product->product->prefit_price_discount}}%</span>
                                                                            <span class="price">{{$product->product->discount}}</span><span class="K-D">@lang('front.KD')</span>
                                                                            <span class="price-old">{{$product->product->mainprice}}</span><span class="K-D0">@lang('front.KD')</span>
                                                                        </div>

                                                                    </div>
                                                                    @if($product->product->free_deliver == true || $product->product->option == true  )

                                                                    <div class="product-service">

                                                                        <span>{{$product->product->free_deliver === true ? trans('front.freeDelivery') : ' ' }}</span>
                                                                        @if ($product->product->option === true)
                                                                            <a href="#">
                                                                                <img src="{{asset('front/assets/images/icon/collec.png')}}"></a>
                                                                        @endif
                                                                    </div>
                                                                        @endif
                                                                </div>
                                                            </div>
                                                        </div>
                                                    @endif
                                                @endforeach

                                                {{--                                                            @endforeach--}}
                                            </div>
                                            {{--                                                @endif--}}

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


                </div>
            </div>

        </div>

        @if($index == 0)
            <!--start banner-->
            <div class="banner-area0 bg-white" style="margin-top: 15px; margin-bottom: 15px">
                <div class="container p-0">

                    <a href="#">
                        <div class="box-banner wow animated animate delay-1s fadeInUp">
                            <img src="{{getSlider(0,'banner',null,1) != null ? getSlider(0,'banner',null,1)->imagePath : ''}}">
                        </div>
                    </a>
                </div>
            </div>
            <!--end banner-->
        @endif
        <!--end products-->
    @endforeach


    <!--start brands-->

    <div class="brands-area"  style="margin-top: 40px">
        <div class="container">
            <div class="row">
                <div class="col-12 p-0">
                    <h4 class="title-section mt-10 mb-15 wow animated animate delay-1s flipInX">@lang('front.brands')</h4>
                </div>
            </div>
        </div>
        <div class="container p-0">

            <div class="row">
                @foreach($brands as $brand)
                <div class="col-md-2 col-3">
                    <div class="box-brand wow animated animate delay-1s zoomIn">
                        <a href="{{route('product-prand',$brand->id)}}"> <img src="{{$brand->image_path}}"></a>
                    </div>
                </div>
                    @endforeach


            </div>
        </div>
    </div>
    <!--end brands-->


    <!--start catogery1-->
    <div class="catogery1-area">
        <div class="container">
            <div class="row mt-50 mb-30">
                <div class="col-12 box-baaner p-0 wow animated animate delay-1-5s fadeInUp ">
                    <a href="#"><img src="{{getSlider(0,'banner',null,2) != null ? getSlider(0,'banner',null,2)->imagePath : ''}}"></a>
                </div>
            </div>


        @if($categoryandSub != null)
            <div class="row box-catogeries1 mt-10 mb-35">

                <div class="col-md-6 col-12 wow animated animate delay-2s zoomIn">
                    <a href="{{route('main-category',str_replace(' ','-',$categoryandSub->name))}}" class=""><img src="{{app()->getLocale() == 'ar' ? $categoryandSub->image_path : $categoryandSub->image_path_en}}"></a>
                </div>

                <div class="col-md-6 col-12">
                    <div class="row">

                        @foreach($categoryandSub->subs  as $cats)
                        <div class="col-md-6 mb-25 col-6 wow animated animate delay-1-5s fadeInUp">
                            <a href="{{route('main-category',str_replace(' ','-',$cats->name))}}" class=""><img src="{{app()->getLocale() == 'ar' ? $cats->image_path : $cats->image_path_en}}"></a>
                        </div>
                         @endforeach

                    </div>
                </div>

            </div>

            <!--start products-->

                <div class="lazyload-wrapper">
                    <div class="x16otr-0 esSWAj">
                        <div style="padding: 0px; flex: 0 0 50%;">
                            <div class="sffn18-0 jOFEpF">
                                <div class="sc-1oj0twj-0 bFwcxS">
                                    <div class="sc-hHftDr juptdp">
                                        <div class="sc-kfzAmx jvvgOu">
                                            <div class="sc-iwyYcG cunCrG siteWidthContainer bannerModule">
                                                <div class="product-logo-active owl-carousel">
                                                    @foreach(productsByCats($categoryandSub->id) as $prodd)
                                                        <div class="product-item product-item-opt-2 ">
                                                            <div class="product-item-info">
                                                                <div class="product-item-photo">
                                                                    <span class="discountxs d-lg-none"> {{$prodd->product != null ? $prodd->product->discount : ''}}%</span>
                                                                    <a href="{{route('single-product-page',['id'=>$prodd->product->id , 'slug' => str_replace(' ','-',$prodd->product->name)])}}" class="product-item-img"><img src="{{$prodd->product != null ? $prodd->product->image_path : ''}}" alt="" width="208" height="285"></a>
                                                                    <div class="product-item-actions">

                                                                        @auth
                                                                            <a href="#" class="btn btn-wishlist  movie__button-heart {{$prodd->product->is_favourite ? 'fw-900' : ''  }}" id="productt-{{$prodd->product->id}}"
                                                                               data-url="{{route('toggle_favorite',$prodd->product->id)}}"
                                                                               data-id="{{$prodd->product->id}}"

                                                                            ><i class="fa fa-heart{{!$prodd->product->is_favourite ? '-o' : ''  }} product-{{$prodd->product->id}}"></i></a>

                                                                            {{--                                            <a href="#" data-no-instant=""  class="wishlistadd cb chp ttip_nt tooltip_right  movie__button-heart product-{{$prod->id}}" id="productt-{{$prod->id}}" rel="nofollow"--}}
                                                                            {{--                                               data-url="{{route('toggle_favorite',$prod->id)}}"--}}
                                                                            {{--                                               data-id="{{$prod->id}}"--}}
                                                                            {{--                                            >--}}
                                                                            {{--                                                <span class="tt_txt">@lang('front.addWishlist')</span>--}}
                                                                            {{--                                                <i class="facl facl-heart{{!$prod->is_favourite ? '-o' : ''  }} product-{{$prod->id}}"></i>--}}
                                                                            {{--                                            </a>--}}
                                                                        @else
                                                                            <a href="{{route('login')}}" class="btn btn-wishlist">
                                                                                <i class="fa fa-heart-o"></i></a>
                                                                        @endauth
                                                                    </div>

                                                                </div>

                                                                <div class="product-item-detail">
                                                                    <div class="product-item-name"><a href="{{route('single-product-page',['id'=>$prodd->product->id , 'slug' => str_replace(' ','-',$prodd->product->name)])}}">{!! $prodd->product->name !!}</a></div>
                                                                    <div class="clearfix">
                                                                        <div class="product-item-price">
                                                                            <span class="discount">{{$prodd->product->prefit_price_discount}}%</span>
                                                                            <span class="price">{{$prodd->product->discount}}</span><span class="K-D">K.D</span>
                                                                            <span class="price-old">{{$prodd->product->mainprice}}</span><span class="K-D0">K.D</span>
                                                                        </div>

                                                                    </div>
                                                                    @if($prodd->product->free_deliver == true || $prodd->product->option == true  )

                                                                    <div class="product-service">

                                                                        <span>{{$prodd->product->free_deliver === true ? trans('front.freeDelivery') : ' ' }}</span>
                                                                        @if ($prodd->product->option === true)
                                                                            <a href="#"><img src="{{asset('front/assets/images/icon/collec.png')}}"></a>
                                                                        @endif
                                                                    </div>
                                                                        @endif
                                                                </div>

                                                            </div>
                                                        </div>
                                                    @endforeach

                                                </div>
                                                {{--                                                @endif--}}

                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        {{--            <div class="product-tab-list-wrap text-center mt-40 mb-30 ">--}}
                        {{--                <div class="product-tab-list product-tab-brand  nav">--}}
                        {{--                    <div class="category-logo-active owl-carousel">--}}
                        {{--                        @foreach($category as $index => $cat)--}}

                        {{--                            <a class="{{$index == 0 ? 'active': ' '}} category_id " href="#" data-toggle="tab" data-id="{{$cat->id}}">--}}
                        {{--                                <div class="box-img-brands">--}}
                        {{--                                    <img src="{{$cat->imagePath}}">--}}
                        {{--                                </div>--}}
                        {{--                                --}}{{--                                    <h4>{{$cat->name}} </h4>--}}
                        {{--                            </a>--}}
                        {{--                        @endforeach--}}

                        {{--                    </div>--}}

                        {{--                </div>--}}
                        {{--            </div>--}}

                        {{--                <div id="img-list1">--}}
                        {{--                    @foreach($category as $cat)--}}
                        {{--                    <div class="hover-style ">--}}
                        {{--                        <a href="{{route('main-category',$cat->name)}}" title="{{$cat->name}}">--}}
                        {{--                            <img src="{{$cat->imagePath}}" alt="{{$cat->name}}">--}}
                        {{--                            <h6>{{$cat->name}}</h6>--}}
                        {{--                        </a>--}}
                        {{--                    </div>--}}
                        {{--                    @endforeach--}}
                        {{--                </div>--}}

                    </div>
                </div>

            @endif
        </div>

    </div>
    <!--end catogery1-->


    <!--start catogery2-->

    <div class="catogery2-area mb-50">
        <div class="container">
            <div class="row mt-50 mb-30">
                <div class="col-12 box-baaner p-0 wow animated animate delay-1s fadeInUp">
                    <a href="#"><img src="{{getSlider(0,'banner',3) != null ? getSlider(0,'banner',3)->imagePath : ''}}"></a>
                </div>
            </div>

            @if($categoryandSub2 != null)
            <div class="row box-catogeries2 mt-10 mb-35">
                @foreach($categoryandSub2->subs  as $cats)
                <div class="col-md-4 mb-25 col-6 wow animated animate delay-2s zoomIn">
                    <a href="{{route('main-category',str_replace(' ','-',$cats->name))}}" class=""><img src="{{app()->getLocale() == 'ar' ? $cats->image_path : $cats->image_path_en}}"></a>
                </div>
                @endforeach


            </div>

            <!--start products-->
                <div class="lazyload-wrapper">
                    <div class="x16otr-0 esSWAj">
                        <div style="padding: 0px; flex: 0 0 50%;">
                            <div class="sffn18-0 jOFEpF">
                                <div class="sc-1oj0twj-0 bFwcxS">
                                    <div class="sc-hHftDr juptdp">
                                        <div class="sc-kfzAmx jvvgOu">
                                            <div class="sc-iwyYcG cunCrG siteWidthContainer bannerModule">
                                                <div class="product-logo-active owl-carousel">
                                                    @foreach(productsByCats($categoryandSub2->id) as $prod)
                                                        <div class="product-item product-item-opt-2 ">
                                                            <div class="product-item-info">
                                                                <div class="product-item-photo">
                                                                    <span class="discountxs d-lg-none"> {{$prod->product != null ? $prod->product->discount : ''}}%</span>
                                                                    <a href="{{route('single-product-page',['id'=>$prod->product->id , 'slug' => str_replace(' ','-',$prod->product->name)])}}" class="product-item-img"><img src="{{$prod->product != null ? $prod->product->image_path : ''}}" alt="" width="208" height="285"></a>
                                                                    <div class="product-item-actions">
                                                                        @auth
                                                                            <a href="#" class="btn btn-wishlist  movie__button-heart {{$prod->product->is_favourite ? 'fw-900' : ''  }}" id="productt-{{$prod->product->id}}"
                                                                               data-url="{{route('toggle_favorite',$prod->product->id)}}"
                                                                               data-id="{{$prod->product->id}}"

                                                                            ><i class="fa fa-heart{{!$prod->product->is_favourite ? '-o' : ''  }} product-{{$prod->product->id}}"></i></a>

                                                                            {{--                                            <a href="#" data-no-instant=""  class="wishlistadd cb chp ttip_nt tooltip_right  movie__button-heart product-{{$prod->id}}" id="productt-{{$prod->id}}" rel="nofollow"--}}
                                                                            {{--                                               data-url="{{route('toggle_favorite',$prod->id)}}"--}}
                                                                            {{--                                               data-id="{{$prod->id}}"--}}
                                                                            {{--                                            >--}}
                                                                            {{--                                                <span class="tt_txt">@lang('front.addWishlist')</span>--}}
                                                                            {{--                                                <i class="facl facl-heart{{!$prod->is_favourite ? '-o' : ''  }} product-{{$prod->id}}"></i>--}}
                                                                            {{--                                            </a>--}}
                                                                        @else
                                                                            <a href="{{route('login')}}" class="btn btn-wishlist">
                                                                                <i class="fa fa-heart-o"></i></a>
                                                                        @endauth

                                                                    </div>

                                                                </div>

                                                                <div class="product-item-detail">
                                                                    <div class="product-item-name"><a href="{{route('single-product-page',['id'=>$prod->product->id , 'slug' => str_replace(' ','-',$prod->product->name)])}}">{!! $prod->product->name !!}</a></div>
                                                                    <div class="clearfix">
                                                                        <div class="product-item-price">
                                                                            <span class="discount">{{$prod->product->prefit_price_discount}}%</span>
                                                                            <span class="price">{{$prod->product->discount}}</span><span class="K-D">@lang('front.KD')</span>
                                                                            <span class="price-old">{{$prod->product->mainprice}}</span><span class="K-D0">@lang('front.KD')</span>
                                                                        </div>

                                                                    </div>
                                                                    @if($prod->product->free_deliver == true || $prod->product->option == true  )
                                                                    <div class="product-service">
                                                                        <span>{{$prod->product->free_deliver === true ? trans('front.freeDelivery') : ' ' }}</span>
                                                                        @if ($prod->product->option === true)
                                                                            <a href="#"><img src="{{asset('front/assets/images/icon/collec.png')}}"></a>
                                                                        @endif
                                                                    </div>
                                                                        @endif
                                                                </div>

                                                            </div>
                                                        </div>
                                                    @endforeach

                                                </div>
                                                {{--                                                @endif--}}

                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        {{--            <div class="product-tab-list-wrap text-center mt-40 mb-30 ">--}}
                        {{--                <div class="product-tab-list product-tab-brand  nav">--}}
                        {{--                    <div class="category-logo-active owl-carousel">--}}
                        {{--                        @foreach($category as $index => $cat)--}}

                        {{--                            <a class="{{$index == 0 ? 'active': ' '}} category_id " href="#" data-toggle="tab" data-id="{{$cat->id}}">--}}
                        {{--                                <div class="box-img-brands">--}}
                        {{--                                    <img src="{{$cat->imagePath}}">--}}
                        {{--                                </div>--}}
                        {{--                                --}}{{--                                    <h4>{{$cat->name}} </h4>--}}
                        {{--                            </a>--}}
                        {{--                        @endforeach--}}

                        {{--                    </div>--}}

                        {{--                </div>--}}
                        {{--            </div>--}}

                        {{--                <div id="img-list1">--}}
                        {{--                    @foreach($category as $cat)--}}
                        {{--                    <div class="hover-style ">--}}
                        {{--                        <a href="{{route('main-category',$cat->name)}}" title="{{$cat->name}}">--}}
                        {{--                            <img src="{{$cat->imagePath}}" alt="{{$cat->name}}">--}}
                        {{--                            <h6>{{$cat->name}}</h6>--}}
                        {{--                        </a>--}}
                        {{--                    </div>--}}
                        {{--                    @endforeach--}}
                        {{--                </div>--}}

                    </div>
                </div>

                @endif
        </div>

    </div>



{{--    <!--start brands-->--}}

{{--    <div class="brands-area">--}}
{{--        <div class="container">--}}
{{--            <div class="row">--}}
{{--                <div class="col-12 p-0">--}}
{{--                    <h4 class="title-section mt-10 mb-15 wow animated animate delay-1s flipInX">تسوق من افضل الماركات العالمية </h4>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--        </div>--}}
{{--        <div class="container p-0">--}}

{{--            <div class="row">--}}
{{--                @foreach(\App\models\Company::get() as $company)--}}
{{--                    <div class="col-md-2 col-3">--}}
{{--                        <div class="box-brand wow animated animate delay-1s zoomIn">--}}
{{--                            <a href="{{route('company-instadeal',str_slug($company->translate('en')->name))}}"> <img src="{{$company->image_path}}"></a>--}}
{{--                        </div>--}}
{{--                    </div>--}}
{{--                @endforeach--}}


{{--            </div>--}}
{{--        </div>--}}
{{--    </div>--}}
{{--    <!--end brands-->--}}

{{--    @dd($platform)--}}
    <!--end catogery2-->

    <div class="modal fade" id="android" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
         aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header text-center">
                    <img src="{{asset('front/assets/images/logo/logo11.png')}}" style="width: 134px;">
                    <a href="https://play.google.com/store/apps/details?id=com.kaizenit.com.instadeal" class="btn btn-default btn-sm" style="background-color: #ffc200;color: white">open</a>
                </div>

{{--                <div class="modal-footer d-flex justify-content-center">--}}
{{--                    <a href="https://play.google.com/store/apps/details?id=com.kaizenit.com.instadeal&hl=en_US" class="btn btn-success">اضغط هنا لتحميل التطبيق للسهولة في التسوق</a>--}}
{{--                </div>--}}
            </div>
        </div>
    </div>



    <div id="ios" class="modal fade">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
{{--                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>--}}
{{--                    <h4 class="modal-title">{{$platform}}</h4>--}}
                    <img src="{{asset('front/assets/images/logo/logo11.png')}}" style="width: 134px;">
                    <a href="https://apps.apple.com/kw/app/instadeal/id1409473459?l=ar" class="btn btn-default btn-sm" style="background-color: #ffc200;color: white">open</a>

                </div>
{{--                <div class="modal-body">--}}
{{--                </div>--}}
            </div>
        </div>
    </div>

{{--@dd(\Illuminate\Support\Facades\Session::get('platform'))--}}
@endsection

@push('js')

    <script type="application/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>

    {{--@dd(\Illuminate\Support\Facades\Session::get('platform')))--}}
@if($platform == 'AndroidOS')

<script>

    $(document).ready(function(){

            @if(!session()->get('modalShown'))
            $("#android").modal('show');