@extends('website.layouts.app')
@section('page-title')
    {{__('website.projects')}}
@endsection
@section('bootstrap')
    @if(app()->getLocale()=='ar')
        <link rel="stylesheet" id="brk-direction-bootstrap" href="{{asset('website/css/assets/bootstrap-rtl.css')}}">
    @else
        <link rel="stylesheet" id="brk-direction-bootstrap" href="{{asset('website/css/assets/bootstrap.css')}}">

    @endif
    <link rel="stylesheet" id="brk-direction-bootstrap"
          href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">


@endsection
@section('slider-css')

    <link rel="stylesheet" href="{{asset('website/vendor/revslider/fonts/pe-icon-7-stroke/css/pe-icon-7-stroke.css')}}">
    <link rel="stylesheet" href="{{asset('website/vendor/revslider/fonts/font-awesome/css/font-awesome.css')}}">
    <link rel="stylesheet" href="{{asset('website/vendor/revslider/css/settings.css')}}">
    <link rel="stylesheet" href="{{asset('website/css/components/style-video.css')}}">
@endsection

@section('content')
    <div class="main-wrapper">
        <main class="main-container">

        @if(count($sliders)>0)

                <div id="rev_slider_18_1_wrapper" class="rev_slider_wrapper fullscreen-container" data-alias="demo_shop_modern" data-source="gallery" style="background:transparent;padding:0px;">
                    <div id="rev_slider_18_1" class="rev_slider fullscreenbanner" style="display:none;" data-version="5.4.8.1">
                        <ul>
                            @foreach($sliders as $i=>$slider)
                                <li data-index="rs-{{$i}}" data-transition="slideoverleft" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="1000" data-thumb="img/demo_shop_modern/images/100x50_51654-brk_slide-1.jpg" data-rotate="0" data-saveperformance="off" data-title="Slide" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
                                    <img src="{{$slider->image()}}" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="off" class="rev-slidebg" data-no-retina>
                                    <div class="tp-caption tp-shape tp-shapewrapper" id="slide-42-layer-{{$i}}" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" data-width="full" data-height="full" data-whitespace="nowrap" data-type="shape" data-basealign="slide" data-responsive_offset="on" data-responsive="off" data-frames='[{"delay":10,"speed":300,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]' data-textalign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 5;background:linear-gradient(10deg, rgb(0, 2, 67) 0%, rgba(0, 2, 67, 0.6) 100%);"> </div>
                                    <div class="tp-caption rs-parallaxlevel-2" id="slide-42-layer-{{$i+1}}" data-x="['left','left','left','left']" data-hoffset="['-150','-150','-150','-150']" data-y="['top','top','top','top']" data-voffset="['674','674','674','674']" data-width="none" data-height="none" data-whitespace="normal" data-visibility="['on','on','off','off']" data-type="image" data-basealign="slide" data-responsive_offset="on" data-frames='[{"delay":10,"speed":800,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":800,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]' data-textalign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 7;"><img src="{{asset('website/img/demo_shop_modern/images/e8cad-brk_slide_element-5.png')}}" alt="" data-ww="['301px','301px','301px','301px']" data-hh="['261px','261px','261px','261px']" data-no-retina> </div>
                                    <div class="tp-caption rs-parallaxlevel-2" id="slide-42-layer-{{$i+2}}" data-x="['left','left','left','left']" data-hoffset="['130','130','130','130']" data-y="['top','top','top','top']" data-voffset="['356','356','356','356']" data-width="none" data-height="none" data-whitespace="normal" data-visibility="['on','on','off','off']" data-type="image" data-basealign="slide" data-responsive_offset="on" data-frames='[{"delay":10,"speed":800,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":800,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]' data-textalign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 8;"><img src="{{asset('website/img/demo_shop_modern/images/7b8ca-brk_slide_element-3.png')}}" alt="" data-ww="" data-hh="" data-no-retina> </div>
                                    <div class="tp-caption rs-parallaxlevel-1" id="slide-42-layer-{{$i+3}}" data-x="['left','left','left','left']" data-hoffset="['120','120','120','120']" data-y="['top','top','top','top']" data-voffset="['339','339','339','339']" data-width="none" data-height="none" data-whitespace="normal" data-visibility="['on','on','off','off']" data-type="image" data-basealign="slide" data-responsive_offset="on" data-frames='[{"delay":10,"speed":800,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":800,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]' data-textalign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 9;"><img src="{{asset('website/img/demo_shop_modern/images/7b8ea-brk_slide_element-2.png')}}" alt="" data-ww="" data-hh="" data-no-retina> </div>
                                    <div class="tp-caption rs-parallaxlevel-2" id="slide-42-layer-{{$i+4}}" data-x="['right','right','right','right']" data-hoffset="['255','255','255','255']" data-y="['top','top','top','top']" data-voffset="['318','318','318','318']" data-width="none" data-height="none" data-whitespace="nowrap" data-visibility="['on','on','off','off']" data-type="image" data-basealign="slide" data-responsive_offset="on" data-frames='[{"delay":10,"speed":800,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":800,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]' data-textalign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 10;"><img src="{{asset('website/img/demo_shop_modern/images/0c59d-brk_slide_element-6.png')}}" alt="" data-ww="" data-hh="" data-no-retina> </div>
                                    <div class="tp-caption rs-parallaxlevel-1" id="slide-42-layer-{{$i+5}}" data-x="['right','right','right','right']" data-hoffset="['137','137','137','137']" data-y="['middle','middle','middle','middle']" data-voffset="['-302','-302','-302','-302']" data-width="none" data-height="none" data-whitespace="nowrap" data-visibility="['on','on','off','off']" data-type="image" data-basealign="slide" data-responsive_offset="on" data-frames='[{"delay":10,"speed":800,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":800,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]' data-textalign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 11;"><img src="{{asset('website/img/demo_shop_modern/images/d0c04-brk_slide_element-4.png')}}" alt="" data-ww="" data-hh="" data-no-retina> </div>
                                    <div class="tp-caption tp-resizeme rs-parallaxlevel-2" id="slide-42-layer-{{$i+6}}" data-x="['right','right','right','right']" data-hoffset="['-393','-393','-393','-393']" data-y="['bottom','bottom','bottom','bottom']" data-voffset="['0','0','0','0']" data-width="none" data-height="none" data-whitespace="nowrap" data-visibility="['on','on','off','off']" data-type="image" data-basealign="slide" data-responsive_offset="on" data-frames='[{"delay":10,"speed":800,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":800,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]' data-textalign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 12;"><img src="{{asset('website/img/demo_shop_modern/images/1fc93-brk_slide_element-7.png')}}" alt="" data-ww="['606px','606px','606px','606px']" data-hh="['520px','520px','520px','520px']" data-no-retina> </div>
                                    <div class="tp-caption" id="slide-42-layer-{{$i+7}}" data-x="['right','right','center','center']" data-hoffset="['-90','-99','0','0']" data-y="['top','top','top','top']" data-voffset="['176','176','380','256']" data-width="none" data-height="none" data-whitespace="normal" data-type="image" data-responsive_offset="on" data-frames='[{"delay":10,"speed":2000,"frame":"0","from":"x:right;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":1000,"frame":"999","to":"x:[-100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power3.easeInOut"}]' data-textalign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 13;">
                                        <img src="{{$slider->project->projectPageImageSlider()}}" alt="" data-ww="['900px','450px','320px','450px']" data-hh="['620px','582','466px','349']" data-no-retina> </div>
{{--                                    <div class="tp-caption" id="slide-42-layer-{{$i+8}}" data-x="['left','left','center','center']" data-hoffset="['15','15','0','0']" data-y="['middle','middle','top','top']" data-voffset="['0','0','122','99']" data-fontsize="['80','56','46','36']" data-lineheight="['88','60','50','40']" data-width="['731','600','500','500']" data-height="['295','none','none','none']" data-whitespace="normal" data-type="text" data-responsive_offset="on" data-frames='[{"delay":10,"speed":1500,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":500,"frame":"999","to":"rZ:0deg;sX:0.7;sY:0.7;opacity:0;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Back.easeIn"}]' data-textalign="['inherit','inherit','center','center']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 14; min-width: 731px; max-width: 731px; max-width: 295px; max-width: 295px; white-space: normal; font-size: 80px; line-height: 88px; font-weight: 400; color: #ffffff; letter-spacing: 0px;font-family:'Montserrat',sans-serif;">{{$slider->title}} </div>--}}
{{--                                    <div class="tp-caption" id="slide-42-layer-{{$i+9}}" data-x="['left','left','center','center']" data-hoffset="['18','18','0','0']" data-y="['top','top','top','top']" data-voffset="['290','262','100','80']" data-width="none" data-height="none" data-whitespace="nowrap" data-type="text" data-responsive_offset="on" data-responsive="off" data-frames='[{"delay":10,"speed":1500,"frame":"0","from":"x:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":1000,"frame":"999","to":"x:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power3.easeInOut"}]' data-textalign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 15; white-space: nowrap; font-size: 12px; line-height: 14px; font-weight: 400; color: #ffffff; letter-spacing: 3px;font-family:Montserrat;text-transform:uppercase;">{{$slider->caption}}  </div>--}}
{{--                                    <div onclick="window.location.href = '{{route('website.projects.show',$slider->project->slug)}}'; " class="tp-caption rev-btn" id="slide-42-layer-{{$i+10}}" data-x="['left','left','center','center']" data-hoffset="['15','15','0','0']" data-y="['top','top','top','top']" data-voffset="['649','507','290','192']" data-width="none" data-height="none" data-whitespace="nowrap" data-type="button" data-responsive_offset="on" data-frames='[{"delay":10,"speed":1500,"frame":"0","from":"x:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":1000,"frame":"999","to":"x:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"300","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgba(0,0,0,1);bg:rgba(255,255,255,1);bs:solid;bw:0 0 0 0;"}]' data-textalign="['inherit','inherit','inherit','inherit']" data-paddingtop="[18,18,18,12]" data-paddingright="[57,57,57,40]" data-paddingbottom="[18,18,18,12]" data-paddingleft="[57,57,57,40]" style=" margin: 50px; z-index: 16; white-space: nowrap; font-size: 18px; line-height: 20px; font-weight: 500; color: rgba(255,255,255,1); font-family:Roboto;background-color:rgb(242 108 29);border-color:rgba(0,0,0,1);border-radius:30px 30px 30px 30px;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;">{{$slider->description}} </div>--}}



                                    <div class="tp-caption" id="slide-43-layer-{{$i+8}}" data-x="['left','left','center','center']"
                                         data-hoffset="['15','15','0','0']" data-y="['middle','middle','top','top']"
                                         data-voffset="['0','0','122','99']" data-fontsize="['65','41','31','21']"
                                         data-lineheight="['88','60','50','40']" data-width="['731','600','500','500']"
                                         data-height="['295','none','none','none']" data-whitespace="normal" data-type="text"
                                         data-responsive_offset="on"
                                         data-frames='[{"delay":10,"speed":1500,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":500,"frame":"999","to":"rZ:0deg;sX:0.7;sY:0.7;opacity:0;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Back.easeIn"}]'
                                         data-textalign="['inherit','inherit','center','center']" data-paddingtop="[0,0,0,0]"
                                         data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
                                         style="z-index: 14; min-width: 731px; max-width: 731px; max-width: 295px; max-width: 295px; white-space: normal; font-size: 80px; line-height: 88px; font-weight: 400; color: #ffffff; letter-spacing: 0px;font-family:'tajwal-med',sans-serif;">
                                        {{$slider->title}} <i
                                                style="font-weight: 700;font-style: italic;font-size: inherit !important; font-family: tajwal-bol !important; ">
                                        </i>
                                    </div>
{{--                                    <div class="tp-caption" id="slide-43-layer-{{$i+9}}" data-x="['left','left','center','center']"--}}
{{--                                         data-hoffset="['15','15','0','0']" data-y="['middle','middle','top','top']"--}}
{{--                                         data-voffset="['90','90','122','99']" data-fontsize="['20','06','6','5']"--}}
{{--                                         data-lineheight="['58','30','20','10']" data-width="['731','600','500','500']"--}}
{{--                                         data-height="['295','none','none','none']" data-whitespace="normal" data-type="text"--}}
{{--                                         data-responsive_offset="on"--}}
{{--                                         data-frames='[{"delay":20,"speed":700,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":500,"frame":"999","to":"rZ:0deg;sX:0.7;sY:0.7;opacity:0;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Back.easeIn"}]'--}}
{{--                                         data-textalign="['inherit','inherit','center','center']" data-paddingtop="[0,0,0,0]"--}}
{{--                                         data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"--}}
{{--                                         style="z-index: 14; min-width: 731px; max-width: 731px; max-width: 295px; max-width: 295px; white-space: normal; font-size: 20px !important; line-height: 20px !important; font-weight: 200; color: #ffffff; letter-spacing: 0px;font-family:'tajwal-med',sans-serif;">--}}

{{--                                        {{$slider->description}}--}}
{{--                                        <i style="font-weight: 700;font-style: italic;font-size: inherit !important; font-family: tajwal-bol !important; ">--}}
{{--                                        </i>--}}
{{--                                    </div>--}}


                                    <div onclick="window.location.href = '{{route('website.projects.show',$slider->project->slug)}}'; " class="tp-caption rev-btn" id="slide-42-layer-18"
                                         data-x="['left','left','center','center']" data-hoffset="['15','15','0','0']"
                                         data-y="['top','top','top','top']" data-voffset="['649','507','290','192']"
                                         data-width="none" data-height="none" data-whitespace="nowrap" data-type="button"
                                         data-responsive_offset="on"
                                         data-frames='[{"delay":10,"speed":1500,"frame":"0","from":"x:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":1000,"frame":"999","to":"x:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"300","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgba(0,0,0,1);bg:rgba(255,255,255,1);bs:solid;bw:0 0 0 0;"}]'
                                         data-textalign="['inherit','inherit','inherit','inherit']" data-paddingtop="[18,18,18,12]"
                                         data-paddingright="[57,57,57,40]" data-paddingbottom="[18,18,18,12]"
                                         data-paddingleft="[57,57,57,40]"
                                         style=" margin: 50px; z-index: 16; white-space: nowrap; font-size: 18px; line-height: 20px; font-weight: 500; color: rgba(255,255,255,1); font-family:'tajwal-med',sans-serif;background-color:rgb(242 108 29);border-color:rgba(0,0,0,1);border-radius:30px 30px 30px 30px;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;">
                                        {{__('website.show-app-details')}}

                                    </div>



                                </li>
                            @endforeach
                        </ul>
                        <div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div>
                    </div>
                </div>
    @endif
    @if(count($projects)>0)
        <div class="main-wrapper">
            <main class="main-container-fluid mb-50 rtl">
                <div class="container-fluid ">
                    @foreach($projects as $key=>$project)
                        <section class=" @if(($key%2)!=0)gray-section @endif p-30">
                            <div class="container">
                                <div class="col-12">
                                    <div class="row">
                                        <div class="col-md-5">
                                            <a href="{{route('website.projects.show',$project->slug)}}"><img src="{{$project->projectPageImage()}}" class="img-fluid"></a>
                                        </div>
                                        <div class="col-md-7">

                                            <a href="{{route('website.projects.show',$project->slug)}}"
                                               class=" font__weight-blod  text-left   font__weight-semibold font__size-35 line__height-68 font__family-montserrat">
                                                {{$project->title}}
                                            </a>
                                            <a href="{{route('website.projects.show',$project->slug)}}"><p class="brs-portfolio-list__description font__family-open-sans font__size-16 font__weight-normal line__height-26 text-left">
{{--                                                {{$project->description}}--}}
                                                {!! nl2br(e($project->description)) !!}

                                            </p></a>

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

                    @endforeach
{{--                        {{$projects->withQueryString()->links('vendor.pagination.bootstrap-4')}}--}}
                        {{$projects->withQueryString()->links('vendor.pagination.custom')}}

{{--                        @if ($projects->hasPages())--}}
{{--                            <div class="col-12">--}}
{{--                                <div class="brk-pagination brk-pagination-eight font__family-open-sans" data-brk-library="component__pagination">--}}
{{--                                    <nav class="navigation pagination" role="navigation">--}}
{{--                                        <h2 class="screen-reader-text">Навигация по записям</h2>--}}
{{--                                        <div class="nav-links">--}}
{{--                                            --}}{{-- Previous Page Link --}}
{{--                                            @if ($projects->onFirstPage())--}}
{{--                                                <span class="prev page-numbers disabled">Предыдущая страница</span>--}}
{{--                                            @else--}}
{{--                                                <a class="prev page-numbers" href="{{ $projects->previousPageUrl() }}">Предыдущая страница</a>--}}
{{--                                            @endif--}}

{{--                                            --}}{{-- Pagination Elements --}}
{{--                                            @foreach ($projects->links()->elements as $element)--}}
{{--                                                --}}{{-- "Three Dots" Separator --}}
{{--                                                @if (is_string($element))--}}
{{--                                                    <span class="page-numbers dots">{{ $element }}</span>--}}
{{--                                                @endif--}}

{{--                                                --}}{{-- Array Of Links --}}
{{--                                                @if (is_array($element))--}}
{{--                                                    @foreach ($element as $page => $url)--}}
{{--                                                        @if ($page == $projects->currentPage())--}}
{{--                                                            <span class="page-numbers current"><span class="meta-nav screen-reader-text">Страница </span>{{ $page }}</span>--}}
{{--                                                        @else--}}
{{--                                                            <a class="page-numbers" href="{{ $url }}"><span class="meta-nav screen-reader-text">Страница </span>{{ $page }}</a>--}}
{{--                                                        @endif--}}
{{--                                                    @endforeach--}}
{{--                                                @endif--}}
{{--                                            @endforeach--}}

{{--                                            --}}{{-- Next Page Link --}}
{{--                                            @if ($projects->hasMorePages())--}}
{{--                                                <a class="next page-numbers" href="{{ $projects->nextPageUrl() }}">Следующая страница</a>--}}
{{--                                            @else--}}
{{--                                                <span class="next page-numbers disabled">Следующая страница</span>--}}
{{--                                            @endif--}}
{{--                                        </div>--}}
{{--                                    </nav>--}}
{{--                                </div>--}}
{{--                            </div>--}}
{{--                        @endif--}}

                </div>
            </main>
        </div>
    @endif
        </main>
    </div>

@endsection
@section('slider-js')
    <script defer="defer" src="{{asset('website/vendor/revslider/js/jquery.themepunch.tools.min.js')}}"></script>
    <script defer="defer" src="{{asset('website/vendor/revslider/js/jquery.themepunch.revolution.min.js')}}"></script>
    <script defer="defer"
            src="{{asset('website/vendor/revslider/js/extensions/revolution.extension.actions.min.js')}}"></script>
    <script defer="defer"
            src="{{asset('website/vendor/revslider/js/extensions/revolution.extension.layeranimation.min.js')}}"></script>

    <script defer="defer"
            src="{{asset('website/vendor/revslider/js/extensions/revolution.extension.slideanims.min.js')}}"></script>

@endsection
@section('extra-js')
    <script type="text/javascript">
        var revapi65,
            tpj;
        (function() {
            if (!/loaded|interactive|complete/.test(document.readyState)) document.addEventListener("DOMContentLoaded",
                onLoad);
            else onLoad();

            function onLoad() {
                if (tpj === undefined) {
                    tpj = jQuery;
                    if ("off" == "on") tpj.noConflict();
                }
                if (tpj("#rev_slider_65_1").revolution == undefined) {
                    revslider_showDoubleJqueryError("#rev_slider_65_1");
                } else {
                    revapi65 = tpj("#rev_slider_65_1").show().revolution({
                        sliderType: "standard",
                        jsFileLocation: "/website/vendor/revslider/js/",
                        sliderLayout: "fullscreen",
                        dottedOverlay: "none",
                        delay: 9000,
                        navigation: {
                            onHoverStop: "off",
                        },
                        responsiveLevels: [1240, 1024, 778, 480],
                        visibilityLevels: [1240, 1024, 778, 480],
                        gridwidth: [1230, 992, 768, 576],
                        gridheight: [960, 768, 960, 720],
                        lazyType: "none",
                        minHeight: "720",
                        shadow: 0,
                        spinner: "spinner0",
                        stopLoop: "off",
                        stopAfterLoops: -1,
                        stopAtSlide: -1,
                        shuffle: "off",
                        autoHeight: "off",
                        fullScreenAutoWidth: "off",
                        fullScreenAlignForce: "off",
                        fullScreenOffsetContainer: "",
                        fullScreenOffset: "",
                        disableProgressBar: "on",
                        hideThumbsOnMobile: "off",
                        hideSliderAtLimit: 0,
                        hideCaptionAtLimit: 0,
                        hideAllCaptionAtLilmit: 0,
                        debugMode: false,
                        fallbacks: {
                            simplifyAll: "off",
                            nextSlideOnWindowFocus: "off",
                            disableFocusListener: false,
                        }
                    });
                }; /* END OF revapi call */
            }; /* END OF ON LOAD FUNCTION */
        }()); /* END OF WRAPPING FUNCTION */
    </script>
    <script>
        var revapi18,
            tpj;
        (function() {
            if (!/loaded|interactive|complete/.test(document.readyState)) document.addEventListener("DOMContentLoaded", onLoad);
            else onLoad();

            function onLoad() {
                if (tpj === undefined) {
                    tpj = jQuery;
                    if ("off" == "on") tpj.noConflict();
                }
                if (tpj("#rev_slider_18_1").revolution == undefined) {
                    revslider_showDoubleJqueryError("#rev_slider_18_1");
                } else {
                    revapi18 = tpj("#rev_slider_18_1").show().revolution({
                        sliderType: "standard",
                        jsFileLocation: "/website/vendor/revslider/js/",
                        sliderLayout: "fullscreen",
                        dottedOverlay: "none",
                        delay: 6000,
                        navigation: {
                            keyboardNavigation: "off",
                            keyboard_direction: "horizontal",
                            mouseScrollNavigation: "off",
                            mouseScrollReverse: "default",
                            onHoverStop: "off",
                            arrows: {
                                style: "gyges",
                                enable: true,
                                hide_onmobile: true,
                                hide_under: 991,
                                hide_onleave: true,
                                hide_delay: 200,
                                hide_delay_mobile: 1200,
                                tmp: '',
                                left: {
                                    h_align: "left",
                                    v_align: "center",
                                    h_offset: 20,
                                    v_offset: 0
                                },
                                right: {
                                    h_align: "right",
                                    v_align: "center",
                                    h_offset: 20,
                                    v_offset: 0
                                }
                            },
                            bullets: {
                                enable: true,
                                hide_onmobile: false,
                                hide_over: 992,
                                style: "hebe",
                                hide_onleave: false,
                                direction: "horizontal",
                                h_align: "center",
                                v_align: "bottom",
                                h_offset: 0,
                                v_offset: 20,
                                space: 5,
                                tmp: '<span class="tp-bullet-image"></span>'
                            }
                        },
                        responsiveLevels: [1240, 1024, 778, 480],
                        visibilityLevels: [1240, 1024, 778, 480],
                        gridwidth: [1200, 992, 768, 576],
                        gridheight: [950, 768, 1024, 815],
                        lazyType: "none",
                        parallax: {
                            type: "mouse",
                            origo: "slidercenter",
                            speed: 400,
                            speedbg: 0,
                            speedls: 0,
                            levels: [5, 8, 11, 14, 17, 30, 35, 40, 45, 46, 47, 48, 49, 50, 51, 55],
                        },
                        shadow: 0,
                        spinner: "off",
                        stopLoop: "off",
                        stopAfterLoops: -1,
                        stopAtSlide: -1,
                        shuffle: "off",
                        autoHeight: "off",
                        fullScreenAutoWidth: "off",
                        fullScreenAlignForce: "off",
                        fullScreenOffsetContainer: "",
                        fullScreenOffset: "",
                        disableProgressBar: "on",
                        hideThumbsOnMobile: "off",
                        hideSliderAtLimit: 0,
                        hideCaptionAtLimit: 0,
                        hideAllCaptionAtLilmit: 0,
                        debugMode: false,
                        fallbacks: {
                            simplifyAll: "off",
                            nextSlideOnWindowFocus: "off",
                            disableFocusListener: false,
                        }
                    });
                }; /* END OF revapi call */
            }; /* END OF ON LOAD FUNCTION */
        }()); /* END OF WRAPPING FUNCTION */
    </script>

@endsection