@extends('site.pages.build')
@section('title',$settings->title)
@push('css')
    <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>
    <style>
        .sliderImage{
            max-width: 100%;
            height: auto;
        }
        @media (max-width: 500px) {
            .teaser-text div span{
                font-size: 2rem !important;
            }
            .flex_1 .gridcol{
                max-width: 100% !important;
                width: unset !important;
            }
            .ct_text h2{
                font-size: 28px !important;
            }
        }
        @media (min-width: 992px) {
            .urunler .navi_subdyn ul li {
                width: 100%;
            }
        }
    </style>
@endpush
@section('content')
    <div class="row_header">
        @if($settings->slide_type == 'video')
        <div class="theme_video slider_video">
            <video
                    id="theme_video_4716"
                    class="img-default video_responsive center-block"
                   style="width: 100%"
                    muted  autoplay loop
            >
                <source type="video/mp4" src="{{ \App\Models\Admin\Component::first()->slider_video_linki }}#t=1.0" />
            </video>
        </div>
        @else
        <div class="sliderJs">
            @foreach(\App\Models\Site\Gallery::orderBy('rank','asc')->get() as $gallery)
                <div style="background-image: url('/storage/{{ $gallery->url }}')">
                    <img class="sliderImage" src="/storage/{{ $gallery->url }}" style="width: 100%">
                </div>
            @endforeach
{{--            <div><img class="sliderImage" src="https://via.placeholder.com/1920x1000/c2c3c2?text=1920x1000"></div>--}}
        </div>
        @endif
{{--        <div id="c167" class="ce_element ce_id_167 fr_default sb_ sa_">--}}
{{--            <a href="#" class="nnn_custom-header-teaser big">--}}
{{--                <div class="main-image teaser-image" style="background-image: url(/site/fileadmin/user_files/images/Home/EasyInspect_Kameras_Header.jpg);" treatIdAsReference="1">--}}
{{--                    <h1>YOUR MATERIAL IN FOCUS</h1>--}}
{{--                    <h2>Advanced Machine Vision Solutions for Quality Control</h2>--}}
{{--                    <div class="site-category-button">--}}
{{--                        / Products--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--            </a>--}}
{{--        </div>--}}

        <div id="c168" style="margin-top: 3rem" class="ce_element ce_id_168 fr_default sb_ sa_">
            <div class="subheader-teasers row">
                <div class="col-md-6 big-subheader-teaser">
                    <a href="{{ route('site.kurumsal.show',\App\Models\Site\Page::first()->slug ?? '')}}" class="nnn_custom-header-teaser small">
                        <div class="small-image teaser-image" style="background-image: url('/storage/{{ \App\Models\Admin\Component::first()->anasayfa_hakkimizda_gorsel }}');" treatIdAsReference="1">
                            <h2>{{ \App\Models\Admin\Component::first()->anasayfa_hakkimizda_text }}</h2>
                            <div class="site-category-button">
                                / {{ __('dil.kurumsal') }}
                            </div>
                        </div>
                    </a>
                </div>
                @foreach(\App\Models\Site\News::orderBy('rank','asc')->take(2)->get() as $blog)
                    <div class="col-sm-6 col-md-3 news-col small">
                        <div class="nnn-height-fix">
                            <div class="news_img"><img src="/storage/{{ $blog->image }}" width="650" height="380" class="img-responsive" alt="" /></div>
                            <h2 style="line-height: 45px;font-size: 2.5rem;">
                                <a href="{{ route('site.haberler.show',$blog->slug) }}" title="{{ $blog->name }}">
                                    {{ $blog->name }}
                                </a>
                            </h2>
                            <div class="site-category-button">/ {{ __('dil.haberler') }}</div>
                            <a
                                href="{{ route('site.haberler.show',$blog->slug) }}"
                                title="{{ $blog->name }}"
                                target="_self"
                                class="stretchedlink"
                            >
                                {{ __('dil.devaminiOku') }}
                            </a>
                        </div>
                    </div>
                @endforeach
{{--                <div class="col-sm-6 col-md-3 news-col small">--}}
{{--                    <div class="nnn-height-fix">--}}
{{--                        <div class="news_img"><img src="/site/fileadmin/_processed_/5/c/csm_virtual_booth_nonowvens_97cbf19956.jpg" width="783" height="404" class="img-responsive" alt="" /></div>--}}
{{--                        <h2><a href="news/news-article/come-by-and-see-us-anytime-113.html" title="Come by our virtual booth anytime">Come by our virtual booth anytime</a></h2>--}}
{{--                        <div class="site-category-button">/ News</div>--}}
{{--                        <a href="news/news-article/come-by-and-see-us-anytime-113.html" title="Come by our virtual booth anytime" target="_self" class="stretchedlink">Read More</a>--}}
{{--                    </div>--}}
{{--                </div>--}}
            </div>
        </div>
    </div>

    <div class="row_content">
        <div class="container_x urunler">
            <div id="c1923" class="ce_element ce_id_1923 fr_default sb_ sa_">
                <div class="theme_bs_container outer_container container_template_0 flex_0">
                    <div class="container-fluid">
                        <header class="ct_header lt_">
                            <h2 class="">
                                {{ __('dil.urunler') }}
                            </h2>
                        </header>
                        <div id="c1924" class="ce_element ce_id_1924 fr_default sb_ sa_">
                            <div class="theme_tsobj theme_tsobj_navi_subdyn">
                                <div class="navi_subdyn">
                                    <ul style="flex-wrap: unset;-webkit-flex-wrap: unset">
                                        @foreach(\App\Models\Site\Product::where('status',1)->take(3)->get() as $indexProduct)
                                            <li class="id_58 first">
                                                <a href="{{ route('site.urunler.show',$indexProduct->slug) }}">
                                                    <div class="subdyn_img">
                                                        <img
                                                            src="/storage/{{ $indexProduct->images[0]->url ?? '' }}"
                                                            width="534"
                                                            height="267"
                                                            class="img-responsive"
                                                            alt="{{ $indexProduct->name }}"
                                                            title="{{ $indexProduct->name }}"
                                                        />
                                                    </div>
                                                    <h3 class="subdyn_title">{{ $indexProduct->name }}</h3>
                                                    <p class="subdyn_desc" style="text-align: justify">{{ $indexProduct->short_description }}</p>
                                                </a>
                                            </li>
                                        @endforeach
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div id="c4718" class="ce_element ce_id_4718 fr_default sb_ sa_">
                <a href="{{ route('site.ik') }}" class="nnn_custom-fullwidth">
                    <div class="main-image teaser-image" style="background-image: url('/storage/{{ \App\Models\Admin\Component::first()->anasayfa_ik_gorsel }}');" treatIdAsReference="1">
                        <div class="overlay-fix-wrapper">
                            <div class="container">
                                <h2>{{ __('dil.bizimleCalisin') }}</h2>
                                <div class="site-category-button">
                                    / {{ __('dil.insanKaynaklari') }}
                                </div>
                                <div class="teaser-text" style="color: #fff">
                                    {{ \App\Models\Admin\Component::first()->anasayfa_ik_text }}
                                </div>
                                <div class="teaser-link-button">
                                    {{ __('dil.detaylar') }}
                                </div>
                            </div>
                        </div>
                    </div>
                </a>
            </div>

            <div id="c126" class="ce_element ce_id_126 fr_1 sb_ sa_">
                <div class="theme_bs_container outer_container container_template_0 flex_0">
                    <div class="container_no">
                        <div id="c127" class="ce_element ce_id_127 fr_default sb_ sa_">
                            {!! \App\Models\Admin\Component::first()->anasayfa_component !!}
                        </div>
                    </div>
                </div>
            </div>

            <div id="c141" class="ce_element ce_grid ce_id_141 fr_3 sb_3 sa_3">
                <div class="theme_bs_gridflex_1 outer_container gridrow_template_1 gridrow_bp_md flex_1">
                    <div class="container-fluid">
                        <div class="row gridrow gridrow_141">
                            <div class="col-md-6 colnum_1 gridcol">
                                <header class="ct_header lt_">
                                    <h2 class="">
                                        {{ __('dil.cozumler') }}
                                    </h2>
                                </header>
                                <div id="c144" class="ce_element ce_grid ce_id_144 fr_default sb_ sa_">
                                    <div class="theme_bs_gridflex_1 outer_container gridrow_template_0 gridrow_bp_sm flex_1">
                                        <div class="no">
                                            <div class="row gridrow gridrow_144">
                                                @foreach(\App\Models\Site\Service::where('status',1)->inRandomOrder()->take(2)->get() as $indexService)
                                                    <div class="col-sm-6 colnum_1 gridcol">
                                                    <div id="c145" class="ce_element ce_id_145 fr_default sb_ sa_">
                                                        <a href="{{ route('site.cozumler.show',$indexService->slug) }}" class="nnn_custom-img-teaser">
                                                            <div class="theme_recentworks">
                                                                <div class="theme_img">
                                                                    <img
                                                                        class="img-responsive"
                                                                        src="/storage/{{ $indexService->image }}"
                                                                        width="1000"
                                                                        height="500"
                                                                        alt=""
                                                                        title=""
                                                                    />
                                                                </div>
                                                                <div class="theme_txt">
                                                                    <h4 class="headline_title">
                                                                        {{ $indexService->name }}
                                                                    </h4>
                                                                    <p style="text-align: justify">{{ $indexService->short_description }}</p>
                                                                </div>
                                                            </div>
                                                        </a>
                                                    </div>
                                                </div>
                                                @endforeach
{{--                                                <div class="col-sm-6 colnum_2 gridcol">--}}
{{--                                                    <div id="c146" class="ce_element ce_id_146 fr_default sb_ sa_">--}}
{{--                                                        <a href="/site/fileadmin/user_files/brochures/14_ai_software_solutions/ConvertingQuarterly_qtr2_2020_AI_in_AOI.pdf" class="nnn_custom-img-teaser">--}}
{{--                                                            <div class="theme_recentworks">--}}
{{--                                                                <div class="theme_img">--}}
{{--                                                                    <img--}}
{{--                                                                        class="img-responsive"--}}
{{--                                                                        src="/site/fileadmin/user_files/images/Produkte/Paper/teaser_paper.jpg"--}}
{{--                                                                        width="1000"--}}
{{--                                                                        height="500"--}}
{{--                                                                        alt=""--}}
{{--                                                                        title=""--}}
{{--                                                                    />--}}
{{--                                                                </div>--}}
{{--                                                                <div class="theme_txt">--}}
{{--                                                                    <h4 class="headline_title">--}}
{{--                                                                        E-Paper featured--}}
{{--                                                                    </h4>--}}
{{--                                                                    <p>Local defect detection for many different nonwoven technologies (spunbond, spunlaced, meltblown, composite, wetlaid, airlaid.)&nbsp;</p>--}}
{{--                                                                </div>--}}
{{--                                                            </div>--}}
{{--                                                        </a>--}}
{{--                                                    </div>--}}
{{--                                                </div>--}}
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 colnum_2 gridcol">
                                <header class="ct_header lt_">
                                    <h2 class="" >
                                        {{ __('dil.slogan') }}
                                    </h2>
                                </header>
                                <div id="c162" class="ce_element ce_grid ce_id_162 fr_default sb_ sa_">
                                    <div class="theme_bs_gridflex_1 outer_container gridrow_template_0 gridrow_bp_sm flex_0">
                                        <div class="no">
                                            <div class="row gridrow gridrow_162">
                                                <div class="col-sm-12 colnum_1 gridcol">
                                                    <div id="c4716" class="ce_element ce_id_4716 fr_default sb_ sa_">
                                                        <div class="theme_video">
                                                            <video
                                                                id="theme_video_4716"
                                                                class="img-default video_responsive center-block"
                                                                width="1338"
                                                                height="753"

                                                                controls="controls"
                                                              
                                                            >
                                                                <source type="video/mp4" src="{{ \App\Models\Admin\Component::first()->video_linki }}#t=1.0" />
                                                            </video>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

{{--            <div id="c172" class="ce_element ce_id_172 fr_1 sb_ sa_">--}}
{{--                <div class="theme_bs_container outer_container container_template_0 flex_0">--}}
{{--                    <div class="container_no">--}}
{{--                        <div id="c173" class="ce_element ce_id_173 fr_default sb_ sa_">--}}
{{--                            <div class="theme_bs_container outer_container container_template_0 flex_0">--}}
{{--                                <div class="container-fluid">--}}
{{--                                    <header class="ct_header lt_">--}}
{{--                                        <h2 class="">--}}
{{--                                            {{ __('dil.etkinlikler') }}--}}
{{--                                        </h2>--}}
{{--                                    </header>--}}
{{--                                    <div class="news">--}}
{{--                                        <div class="news-list-view news_list_template_5" id="news-container-1922">--}}
{{--                                            <div class="messen-slider messen">--}}
{{--                                              @foreach(\App\Models\Admin\Event::where('status',1)->orderBy('start_date','desc')->get() as $event)--}}
{{--                                                    <div class="messen-slider-item">--}}
{{--                                                        <a class="event-link-box" title="K 2022" target="_blank" href="{{ $event->url }}">--}}
{{--                                                            <div class="messen-slider-item-inner">--}}
{{--                                                                <div class="messe-img"><img class="img-responsive" src="/storage/{{ $event->image }}" width="945" height="192" alt="" /></div>--}}
{{--                                                                <div class="articletype-2" itemscope="itemscope" itemtype="http://schema.org/Article">--}}
{{--                                                                    <h4 itemprop="headline">--}}
{{--                                                                        {{ $event->name }}--}}
{{--                                                                    </h4>--}}
{{--                                                                    <div class="messe-info-teaser"><p>{{ $event->place }}</p></div>--}}
{{--                                                                    <div class="messe-info-txt">--}}
{{--                                                                        <p><strong>{{ \Carbon\Carbon::make($event->start_date)->format('d.m.Y') }} / {{ \Carbon\Carbon::make($event->end_date)->format('d.m.Y') }}</strong></p>--}}
{{--                                                                        <p>{{ $event->city }}</p>--}}
{{--                                                                        <p>--}}
{{--                                                                            {!! $event->description !!}--}}
{{--                                                                        </p>--}}
{{--                                                                    </div>--}}
{{--                                                                    <p class="hover-link">{{ __('dil.siteyeGit') }}</p>--}}
{{--                                                                </div>--}}
{{--                                                            </div>--}}
{{--                                                        </a>--}}
{{--                                                    </div>--}}
{{--                                                @endforeach--}}
{{--                                            </div>--}}
{{--                                        </div>--}}
{{--                                    </div>--}}
{{--                                </div>--}}
{{--                            </div>--}}
{{--                        </div>--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--            </div>--}}
        </div>
    </div>
@endsection
@push('js')
    <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
    <script>
        $(document).ready(function(){
            $('.sliderJs').slick({
                slidesToScroll: 1,
                autoplay: true,
                autoplaySpeed: {{ $settings->slider_time * 1000 }},
                infinite: true,
            });
        });
    </script>
@endpush