@extends('frontEnd.layout')

@section('content')

    <!-- start Home Slider -->
    @include('frontEnd.includes.slider')
    <!-- end Home Slider -->


    @if(count($HomeServices)>0)

        @php($title_var = "title_".app()->getLocale())
        @php($details_var = "details_".app()->getLocale())
        @php($file_var = "file_".app()->getLocale())
    <div class="fw_block wall_wrap">
        <div class="row">
            <div class="col-sm-12 module_cont stretch about5_bg dark_bg pt70 pb80">
                <div class="container">
                    <div class="module_iconboxes_grid type2 items3">
                        <div class="bg_title">
                            <h2 style="color: #000">خدماتنا</h2>
                            <p style="color: #000">كل ماهو جديد ويخص كل عريس<br>تعرف على خدمات دم لايت المميزة وباقاتنا المتنوعة</p>
                        </div>
                        <div class="owl-carousel owltop owl-theme">
                        @foreach($HomeServices as $HomeService)
                        <div class="module_content shortcode_iconbox item">
                            <div class="iconbox_wrapper">
                                @if($HomeService->$file_var !="")
                                    <div class="ico">
                                        <img src="{{ url('uploads/banners/'.$HomeService->$file_var) }}" alt="{{ $HomeService->$title_var }}"/>
                                    </div>
                                @endif
                                <div class="icon_title_wrap">
                                    <h5 class="iconbox_title">{{ $HomeService->$title_var }}</h5>
                                </div>
                                <div class="iconbox_body">
                                    <p>{!! $HomeService->$details_var !!}</p>
                                </div>
                            </div>
                        </div>
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @endif
<!--
    <div class="fw_block wall_wrap gt3_info_section grey_bg mb74">
        <div class="row">
            <div class="col-sm-6 module_cont">
                <div class="info_text font_style_normal">
                    <h6>من نحن</h6>
                    <div class="info pt100 pb100">
                        <h1 class="mb30">دم لايت مميزة في مناسباتكم</h1>
                        <p>دم لايت - شركة إعلامیة متكاملة الخدمات وعلامة ممیزة تلبي احتیاجات السوق وتكسب رضا العملاء بأحدث الأسالیب والتقنیات العصرية في مجال صناعة المحتوى المرئي</p>
                        <p>
                            هي ثمرة طموحنا وملتقى أحلامنا، فكرة تجسدت لتلبي احتياجات السوق للصورة الإحترافية الثابتة والمتحركة في مجالات التسويق والإعلانات والتوثيق. عاقدين العزم على أن نكون شركة إعلامية وكيان له اسم وعلامة فارقة بروح الفريق الواحد والهدف المشترك بإذن الله والآن دم لايت شركة سعودية متخصصة في صناعة المحتوى المرئي في مجالاته المختلفة.
                        </p>
                    </div>
                    <a href="javascript:void(0);" class="learn_more">اقرأ قصتنا</a>
                </div>
            </div>
            <div class="col-sm-6 module_cont">
                <div class="single_image">
                    <img src="{{ asset('frontEnd/img/imgs/home1_2.jpg') }}" alt="دم لايت مميزة في مناسباتكم" />
                </div>
            </div>
        </div>
    </div>
    -->
    @if(count($HomeTopics)>0)
<section class="home-news">
    <div class="row" style="padding-top: 70px;">
        <div class="col-sm-12 module_cont pb43">
            <div class="bg_title">
                <h2>مدونة معاريس</h2>
                <p>كل ماهو جديد ويخص كل عريس<br>تجارب ونصائح منوعه تهم المقبلين على الزواج بشتى المجالات</p>
            </div>
        </div>
    </div>
    <div class="row info_module">
    <div class="col-md-12">
        <div class="owl-carousel owltopp" style="direction: ltr">