@extends('layouts.main')
@section('title', __("messages.universitet"))

@section('content')
<!--Main Slider-->
<section class="main-slider style-two">
    <div class="rev_slider_wrapper fullwidthbanner-container" id="rev_slider_one_wrapper" data-source="gallery">
        <div class="rev_slider fullwidthabanner" id="rev_slider_one" data-version="5.4.1">
            <ul>
                @php
                    $k=1;
                @endphp
                
                @foreach ($sliders as $slider)
                <!-- Slide 1 -->
                <li data-index="rs-{{$k}}" data-transition="zoomout">
                    <!-- MAIN IMAGE -->
                    <img src="{{Voyager::image($slider['background_photo'])}}" alt="" class="rev-slidebg">
                    {{-- <img src="images/background/slider-1.jpg" alt="" class="rev-slidebg"> --}}

                    <div class="tp-caption tp-resizeme rs-parallaxlevel-1 big-ipad-hidden"
                    data-paddingbottom="[0,0,0,0]"
                    data-paddingleft="[0,0,0,0]"
                    data-paddingright="[0,0,0,0]"
                    data-paddingtop="[0,0,0,0]"
                    data-responsive_offset="on"
                    data-type="shape"
                    data-height="none"
                    data-whitespace="nowrap"
                    data-width="none"
                    data-hoffset="['-260','-50','0','150']"
                    data-voffset="['-20','120','120','120']"
                    data-x="['right','right','right','right']"
                    data-y="['middle','middle','middle','middle']"
                    data-frames='[{"from":"y:[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;","speed":1500,"to":"o:1;","delay":2000,"ease":"Power3.easeInOut"},{"delay":"wait","speed":3000,"to":"auto:auto;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Power3.easeInOut"}]'>
                      
                    </div>

                    <div class="tp-caption tp-resizeme rs-parallaxlevel-2 big-ipad-hidden"
                    data-paddingbottom="[0,0,0,0]"
                    data-paddingleft="[0,0,0,0]"
                    data-paddingright="[0,0,0,0]"
                    data-paddingtop="[0,0,0,0]"
                    data-responsive_offset="on"
                    data-type="shape"
                    data-height="none"
                    data-whitespace="nowrap"
                    data-width="none"
                    data-hoffset="['-300','-120','-120','-120']"
                    data-voffset="['200','100','100','100']"
                    data-x="['left','left','left','left']"
                    data-y="['middle','middle','middle','middle']"
                    data-frames='[{"from":"y:[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;","speed":1500,"to":"o:1;","delay":1500,"ease":"Power3.easeInOut"},{"delay":"wait","speed":3000,"to":"auto:auto;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Power3.easeInOut"}]'>
                       
                    </div>

                    <div class="tp-caption tp-resizeme"
                    data-paddingbottom="[0,0,0,0]"
                    data-paddingleft="[0,0,0,0]"
                    data-paddingright="[0,0,0,0]"
                    data-paddingtop="[0,0,0,0]"
                    data-responsive_offset="on"
                    data-type="shape"
                    data-height="none"
                    data-whitespace="nowrap"
                    data-width="none"
                    data-hoffset="['-160','-70','-250','-450']"
                    data-voffset="['70','40','60','60']"
                    data-x="['right','right','right','right']"
                    data-y="['bottom','bottom','bottom','bottom']"
                    data-frames='[{"from":"y:[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;","speed":1500,"to":"o:1;","delay":1000,"ease":"Power3.easeInOut"},{"delay":"wait","speed":3000,"to":"auto:auto;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Power3.easeInOut"}]'>
                        <figure class="main-image">
                            {{-- <img src="storage/{{$slider['photo']}}" alt=""> --}}
                            <img src="{{Voyager::image($slider['photo'])}}" alt="">
                            {{-- <img src="images/main-slider/image-1.jpg" alt=""> --}}
                        </figure>
                    </div>

                    <div class="tp-caption tp-resizeme rs-parallaxlevel-1 ipad-hidden big-ipad-hidden"
                    data-paddingbottom="[0,0,0,0]"
                    data-paddingleft="[0,0,0,0]"
                    data-paddingright="[0,0,0,0]"
                    data-paddingtop="[0,0,0,0]"
                    data-responsive_offset="on"
                    data-type="shape"
                    data-height="none"
                    data-whitespace="nowrap"
                    data-width="none"
                    data-hoffset="['100','-50','0','150']"
                    data-voffset="['210','120','120','120']"
                    data-x="['center','center','center','center']"
                    data-y="['middle','middle','middle','middle']"
                    data-frames='[{"from":"y:[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;","speed":1500,"to":"o:1;","delay":2000,"ease":"Power3.easeInOut"},{"delay":"wait","speed":3000,"to":"auto:auto;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Power3.easeInOut"}]'>
                        
                    </div>

                    <div class="tp-caption"
                    data-paddingbottom="[15,15,15,15]"
                    data-paddingleft="[15,15,15,15]"
                    data-paddingright="[15,15,15,15]"
                    data-paddingtop="[0,0,0,0]"
                    data-responsive_offset="on"
                    data-type="text" data-height="none"
                    data-width="['750','750','750','650']"
                    data-whitespace="normal"
                    data-hoffset="['0','0','0','0']"
                    data-voffset="['-60','-50','-50','-80']"
                    data-x="['left','left','left','left']"
                    data-y="['middle','middle','middle','middle']"
                    data-textalign="['top','top','top','top']"
                    data-frames='[{"delay":1000,"speed":1500,"frame":"0","from":"y:[-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":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'>
                        <h2 style="font-size: 55px;"> 
                            {{$slider['title_'.session()->get('locale')]}}
                            {{--<br> 
                            <span class="color4">Imtihonsiz talaba bo‘ling.</span> --}}
                        </h2>
                    </div>

                    <div class="tp-caption"
                    data-paddingbottom="[20,20,20,20]"
                    data-paddingleft="[15,15,15,15]"
                    data-paddingright="[20,20,20,20]"
                    data-paddingtop="[0,0,0,0]"
                    data-responsive_offset="on"
                    data-type="text" data-height="none"
                    data-width="['750','750','750','450']"
                    data-whitespace="normal"
                    data-hoffset="['0','0','0','0']"
                    data-voffset="['110','100','100','65']"
                    data-x="['left','left','left','left']"
                    data-y="['middle','middle','middle','middle']"
                    data-textalign="['top','top','top','top']"
                    data-frames='[{"delay":1000,"speed":1500,"frame":"0","from":"y:[-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":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'>
                        <div class="text">{{$slider['info_'.session()->get('locale')]}}</div>
                    </div>


                    <div class="tp-caption" data-paddingbottom="[0,0,0,0]"
                    data-paddingleft="[15,15,15,15]"
                    data-paddingright="[15,15,15,15]"
                    data-paddingtop="[0,0,0,0]"
                    data-responsive_offset="on"
                    data-type="text" data-height="none"
                    data-width="['700','750','700','450']"
                    data-whitespace="normal"
                    data-hoffset="['0','0','0','0']"
                    data-voffset="['200','185','200','185']"
                    data-x="['left','left','left','left']"
                    data-y="['middle','middle','middle','middle']"
                    data-textalign="['top','top','top','top']"
                    data-frames='[{"delay":1000,"speed":1500,"frame":"0","from":"y:[-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":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'>
                        <a href="{{url("/page/{$slider->id}")}}" class="theme-btn btn-style-one bg-theme-color6">{{__('messages.batafsil')}}</a>
                        
                    </div>
                </li>
                @php 
                    $k++;
                @endphp
                @endforeach
            </ul>
        </div>
    </div>
</section>

<!-- Interactive Services -->
<section class="categories-section-current-two">
    <div class="medium-container">
        <div class="sec-title">
            <div class="row">
            <div class="category-block-current-two col-lg-8 col-md-8 col-sm-12">
                <h2 class="title-style">{{__('messages.interaktiv')}}</h2>
            </div>
            <div class="category-block-current-two col-lg-4 col-md-4 col-sm-12">
                <a class="btn btn-outline-secondary float-right" href="{{url('/all-services')}}"> {{__('messages.barcha_xizmatlar')}}<i class="fa fa-list"></i></a>
            </div>
            </div>
                    
        </div>

        <div class="row">
            @foreach ($services as $item)
            <div class="category-block-current-two col-lg-2 col-md-4 col-sm-6">
                <div class="inner-box">
                    <div class="icon-box">
                        <i class="icon {{$item->icon}}"></i>
                    </div>
                    <h5 class="title color-dark-blue"><a href="@if ($item->link_route){{url($item->link_route)}} @endif"> {{ $item['title_'.session()->get('locale')] }}</a></h5>
                </div>
            </div>    
            @endforeach
            <!-- Category Block Two -->
            


        </div>
    </div>
</section>
<!-- End Interactive Services -->

<hr class="main-line">

<div class="medium-container">
<div class="row">
<div class="col-lg-8 col-md-8 col-sm-12">
<!-- News Section -->
<section class="courses-section mt-4">
        
        <div class="sec-title">
            <h2 class="title-style">{{__('messages.yangiliklar')}}</h2>
        </div>

        <div class="carousel-outer">
            <!-- News Carousel -->
            <div class="courses-carousel owl-carousel owl-theme default-nav">
                
                <!-- News Block -->
                @foreach ($main_news as $news)
                <div class="course-block">
                    <div class="inner-box">
                        <div class="image-box">
                            <figure class="image"><a href="{{url("news/{$news->id}")}}"><img src="{{asset('storage/'.$news['thumb_photo'])}}" alt=""></a></figure>
                        </div>
                        <div class="content-box">
                            <ul class="course-info">
                                <li><i class="fa fa-calendar"></i> {{ \Carbon\Carbon::parse($news['created_at'])->format('d/m/Y') }}</li>
                                <li><i class="fa fa-eye"></i> {{$news['viewed']}}</li>
                            </ul>
                            <h6 class="title"><a href="{{url("news/{$news->id}")}}">{{$news['title_'.session()->get('locale')]}}</a></h6>
                            <div class="other-info">
                            <a href="{{url("news/{$news->id}")}}" class="read-more">{{__("messages.batafsil")}} <i class="fa fa-long-arrow-alt-right"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
                @endforeach          
            </div>
        </div>

        <div class="bottom-text">
            
             <a href="{{url("all-news")}}" class="theme-btn btn-style-one bg-theme-color6 small">{{__('messages.barcha_yangiliklar')}}</a>
            
        </div>
</section>
<!--End News Section -->
</div>
<div class="col-lg-4 col-md-4 col-sm-12">
<!-- Event Section-->
<section class="event-section mt-4">
    <div class="anim-icons">
    </div>
        <div class="sec-title text-center">
            <h2 class="title-style fs-25">{{__("messages.elon_lar")}}</h2>
        </div>

        <div class="row">

            @foreach ($events as $event)
            <!-- Event Block -->
            <div class="event-block col-lg-12">
                <div class="inner-box">
                    <div class="content-box">
                        <div class="image-box">
                            <figure class="image"><img src="{{asset('storage/'.$event['thumb_photo'])}}" alt=""></figure>
                        </div>
                        <h6 class="title"><a href="{{url("event/{$event['id']}")}}">{{$event['info_'.session()->get('locale')]}} </a></h6>
                        <ul class="post-info">
                            <li><i class="icon lnr-icon-history"></i><span>{{ \Carbon\Carbon::parse($event['created_at'])->format('d/m/Y') }}
                                </span></li>
                        </ul>
                    </div>
                </div>
            </div>
            @endforeach

        </div>
</section>
<!--End Event Section-->
</div>

</div>
</div>

<hr class="main-line">

<!-- About Section -->
<section class="about-section">
    <div class="anim-icons">
        <span class="icon icon-dotted-map"></span>
    </div>
    <div class="auto-container">
        <div class="row">
            <div class="content-column col-lg-6 col-md-12 order-2 wow fadeInRight" data-wow-delay="600ms">
                <div class="inner-column">
                    <div class="sec-title">
                        <h2 class="title-style">{{@$about['title_'.session()->get('locale')]}}</h2>
                        <div class="text">{!!@$about['content_'.session()->get('locale')]!!}</div>
                    </div>

                    <ul class="list-style-one two-column">
                        <li><i class="icon fa fa-check"></i> {{__('messages.sifatli_talim')}}</li>
                        <li><i class="icon fa fa-check"></i> {{__('messages.onlayn_resurs')}}</li>
                        <li><i class="icon fa fa-check"></i> {{__('messages.taribali_oqituvchi')}}</li>
                        <li><i class="icon fa fa-check"></i> {{__('messages.amaliy_konikma')}}</li>							
                    </ul>

                    <div class="btn-box">
                        <a href="{{url('/page/5')}}" class="theme-btn btn-style-one bg-theme-color6"><span class="btn-title">{{__('messages.batafsil')}}</span></a>
                    </div>
                </div>
            </div>

            <!-- Image Column -->
            <div class="image-column col-lg-6 col-md-12">
                <div class="anim-icons">
                    <span class="icon icon-dotted-map-2"></span>
                    <span class="icon icon-paper-plan"></span>
                    <span class="icon icon-dotted-line"></span>
                </div>
                <div class="inner-column wow fadeInLeft">
                    <figure class="image-1 overlay-anim wow fadeInUp"><img src="{{asset('storage/'.@$about['photo'])}}" alt=""></figure>
                    <figure class="image-2 overlay-anim wow fadeInRight"><img src="{{asset('storage/'.@$about['thumb_photo'])}}" alt=""></figure>
                    <div class="experience bounce-y"><img src="images/icons/qitu-logo-white-2.png" alt=""></div>
                </div>
            </div>
        </div>
    </div>
</section>
<!--Emd About Section -->

<!-- Fun Fact Section -->
<section class="fun-fact-section">
    <div class="auto-container">
        <div class="fact-counter">
            <div class="row">
                <!-- Counter block-->
                <div class="counter-block col-lg-3 col-md-6 col-sm-12 wow fadeInUp">
                    <div class="inner">
                        <div class="count-box"><span class="count-text" data-speed="3000" data-stop="{{$stat['students']}}">0</span>
                        </div>
                        <h6 class="counter-title">{{__('messages.talabalar')}}</h6>


                    </div>
                </div>

                <!--Counter block-->
                <div class="counter-block col-lg-3 col-md-6 col-sm-12 wow fadeInUp" data-wow-delay="300ms">
                    <div class="inner">
                        <div class="count-box"><span class="count-text" data-speed="3000" data-stop="{{$stat['teachers']}}"></span></div>
                        <h6 class="counter-title">{{__('messages.oqituvchi')}}</h6>
                    </div>
                </div>

                <!--Counter block-->
                <div class="counter-block col-lg-3 col-md-6 col-sm-12 wow fadeInUp" data-wow-delay="600ms">
                    <div class="inner">
                        <div class="count-box"><span class="count-text" data-speed="3000" data-stop="{{$stat['resources']}}">0</span>+</div>
                        <h6 class="counter-title">{{__('messages.talim_resurs')}}</h6>
                    </div>
                </div>

                <!--Counter block-->
                <div class="counter-block col-lg-3 col-md-6 col-sm-12 wow fadeInUp" data-wow-delay="900ms">
                    <div class="inner">
                        <div class="count-box"><span class="count-text" data-speed="3000" data-stop="{{$stat['quality']}}">0</span>%</div>
                        <h6 class="counter-title">{{__('messages.talim_sifati')}}</h6>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- End Fun Fact Section -->

<!-- Signup Section -->
<section class="signup-section mt-40">
    <div class="auto-container">
        <div class="anim-icons">
            <span class="icon icon-paper-clip bounce-x"></span>
        </div>
        <div class="outer-box" style="background-image: url(images/background/3.jpg)">
            <span class="float-icon icon-pencil-line wow fadeInUp"></span>
            <div class="row">
                <!-- Title Column -->
                <div class="title-column col-lg-6 col-md-12 col-sm-12">
                    <div class="sec-title light">
                        <h2>{{__('messages.talaba_bolasizmi')}}</h2>
                        <div class="text">{{__('messages.ariza_qoldiring')}}</div>
                    </div>
                </div>

                <!-- Form Column -->
                <div class="form-column col-lg-6 col-md-12 col-sm-12">
                    <div class="inner-column">
                        <!-- Sign Form -->
                        <div class="signup-form wow fadeInLeft">
                            <!--Contact Form-->
                            <form method="post" action="https://kodesolution.com/html/2022/edulerns-html/get" id="contact-form">
                                <div class="form-group">
                                    <input type="text" name="full_name" placeholder="F.I.SH." required>
                                </div>

                                <div class="form-group">
                                    <input type="text" name="telefon" placeholder="Telefon raqamingiz" required>
                                </div>

                                <div class="form-group">
                                    <select class="custom-select">
                                        @foreach ($specialities as $speciality)
                                        <option value="{{$speciality['id']}}">{{$speciality['title_'.session()->get('locale')]}}</option>
                                        @endforeach
                                    </select>
                                </div>

                                <div class="form-group">
                                    <button class="theme-btn btn-style-one" type="submit" name="submit-form">{{__('messages.yuborish')}}</button>
                                </div>
                            </form>
                        </div>
                        <!--End Contact Form -->
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!--End FAQ Section -->


<!-- Gallery Section -->
<section class="gallery-section">
    <div class="anim-icons">
        <span class="icon icon-line-1 spin-one"></span>
        <span class="icon icon-dots-7 bounce-x"></span>
    </div>
    <div class="sec-title text-center">
                        <h2 class="title-style">{{__('messages.univer_hayoti')}}</h2>
                    </div>
    <div class="auto-container">
        <!--clients carousel-->
        <ul class="gallery-carousel owl-carousel owl-theme wow fadeInUp">
            @foreach ($photos as $photo)
            <li class="gallery-item"> <a href="{{asset('storage/'.$photo['photo'])}}" class="lightbox-image"><img src="{{asset('storage/'.$photo['photo'])}}" alt=""></a> </li>
            @endforeach 
        </ul>
    </div>
</section>
<!--End Gallery Section -->


<!-- Clients Section   -->
<section class="clients-section">
    <div class="auto-container">
        <!-- Sponsors Outer -->
        <div class="sponsors-outer">
            <!--clients carousel-->
            <ul class="clients-carousel owl-carousel owl-theme">
                {{-- {{$partners}} --}}
                @foreach ($partners as $partner)
                <li class="slide-item"> <a href="{{$partner['link_url']}}" target="_blank"><img src="{{asset('storage/'.$partner['photo'])}}" alt="" title="{{$partner['title_'.session()->get('locale')]}}"></a> </li>
                @endforeach
                {{-- <li class="slide-item"> <a href="#"><img src="images/resource/links/1.png" alt=""></a> </li> --}}
            </ul>
        </div>
    </div>
</section>
<!--End Clients Section -->



    
@endsection