@php

  $services=getter('pages')->setLang(app()->getLocale())->condition('display',1)->orderBy('orders')->get();
  $slider=getter('slider')->setLang(app()->getLocale())->orderBy('orders')->get();

$banner=getter('banners')->setLang(app()->getLocale())->condition('position','=','news')->get();
$marq_text=getter('settings_v2')->setLang(app()->getLocale())->condition('id','=','1')->get();

@endphp



@extends('layouts.main',[
    'compact'=>''
])
@section('title')
    <title>{{__('texts.home')}} | {{env('APP_NAME')}}</title>
@endsection

@section('content')

    @if(isset($slider) && count($slider)>0)


        <div style="position: relative">
    <div class="main-slider owl-carousel carousel" @if(app()->getLocale()=='ar')data-carousel-rtl="true" @else data-carousel-rtl="false" @endif data-carousel-items="1" data-carousel-autowidth="true" data-carousel-loop="true" data-carousel-autoplay="true" data-carousel-nav="true">

        @foreach($slider as $slide)

        <a href="@if(isset($slide->link)) {{$slide->link}} @else # @endif" class="slider-item">

            @if(isset($slide->video))
                <div data-youtube="{{$slide->video ?? ''}}"></div>
            @else
                <div class="image-overlay"></div>
            <img src="{{$slide->slide->image}}" alt="{{$slide->slide->thumb}}">
            @endif
            <div class="slider-text">
{{--                <a href="@if(isset($slide->link)) {{$slide->link}} @else # @endif">--}}
                {{(isset($slide->text)) ? $slide->text : ''}}
{{--                </a>--}}
            </div>
        </a>
        @endforeach

    </div>
{{--            @if(isset($marq_text->value))--}}
{{--    <div class="slider-text-marque ">--}}
{{--        <div class="text">--}}
{{--            &nbsp;&nbsp;&nbsp;&nbsp;--}}
{{--            &nbsp;@for($i=0;$i<40;$i++)&nbsp;&nbsp;--}}
{{--        <div>--}}
{{--            {{$marq_text->value}}--}}
{{--        </div>--}}
{{--            @endfor--}}

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

    <div @class('menu-marker')></div>

<div class="content">
    <div @class(' home-services')>
@if(isset($services) && count($services)>0)
    @foreach($services as $service)

        <div @class('home-services-service') style="background: url('{{$service->image->thumb}}');background-repeat: no-repeat;background-size: cover;">

            <div class="service-overlay"></div>
                <div @class('home-services-service-container')>
                    <h3>{{$service->label}}</h3>
                    <a href="{{route('service',['id'=>$service->id,'slug'=>Str::slug($service->label)])}}" class="button_{{rand(1,4)}} center white small"><span class="text">
                            {{__('texts.explore')}}
                        </span></a>
                </div>
        </div>
    @endforeach
@endif

    </div>

</div>





    <div @class('news-letter')>
        @if(isset($banner[0]->image))
        <img src="{{$banner[0]->image->image}}" alt="">
        @endif
        <div @class('news-letter-container')>

            <h2>{{__('texts.join-community')}}</h2>
            <form action="{{route('newsletter')}}" method="post">
                @csrf
                <input @class('news-letter-input') type="email" placeholder="     {{__('texts.email')}}" name="email" id="" required>

               <button>
                   @include('includes.newsletter-send',['lang'=>app()->getLocale()])
               </button>

            </form>
        </div>
    </div>
@endsection