@extends('front.layouts.layout')
@section('content')

    <!-- =====================================
        ==== Start slide -->

        <header class="header valign bg-img page" data-overlay-dark="7" data-background="{{asset('site/images/bg.jpg')}}">
        <div class="full-width">
            <div class="container">

                <div class="row justify-content-center">
                    <div class="col-lg-7 col-md-9 cont">
                       
                        <div class="path">
                            <a href="{{ url(LaravelLocalization::getCurrentLocale()) }}">@lang('home.home')</a>
                        <span>/</span>
                        <a href="#0">@lang('home.about_us')</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <!-- End slide ====
        ======================================= -->

    
    <!-- =====================================
        ==== Start intro-video -->

{{--         <section class="intro-video section-padding">
        <div class="container">
            <div class="row">
                <div class="col-lg-6">
                    <div class="video">
                        <div class="video-content wow fadeIn">
                            <img src="{{asset('site/images/video.jpg')}}" alt="">
                            <a class="vid" href="{{@$info->vedio_url}}">
                                <i class="fas fa-play"></i>
                            </a>
                        </div>

                    </div>

                </div>
                <div class="col-lg-6 valign">
                    <div class="intro">
                        <!-- <h6>منصة التعليم عن بعد</h6> -->
                        <h4>
                        {{@$info->translations->where('lang_id',$active_lang->id)->first()->title}}
                        </h4>
                        <div class="text">
                         {{@$setting->translations->where('lang_id',$active_lang->id)->first()->content}}
                        </div>
                      
                    </div>
                </div>
            </div>
        </div>
    </section> --}}

    <!-- End intro-video ====
        ======================================= -->

        <section class="intro-video section-padding">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 valign">
                    <div class="intro">

                        <div class="text">
                          {!!@$info->translations->where('lang_id',$active_lang->id)->first()->content!!}
                        </div>
                      
                        <style type="text/css"> 
                                p,span ,.text{
                                        font-family: 'Tajawal', sans-serif;
                                        color: #777;
                                        font-weight: 400;
                                       }  
                                       
                               strong{
                                   font-family: 'BC-Black','El Messiri', 'Cairo', sans-serif;
                                   line-height: 2;
                                   margin-top: 30px;
                                   color: #001b61;
                               }
                        </style>
                    </div>
                </div>
            </div>
        </div>
    </section>


    <!-- =====================================
        ==== Start numbers-state -->

    <section class="numbers-state bg-img" data-overlay-dark="9" data-background="{{asset('site/images/bg.jpg')}}">
        <div class="container">
            <div class="row">
                <div class="col-lg-3 col-md-6">
                    <div class="item text-center valign one">
                        <div class="full-width">
                            <span class="icon"><i class="fas fa-layer-group"></i></span>
                            <h4 class="count">{{App\Course::count()}}</h4>
                            <p>@lang('home.courses')</p>
                        </div>
                    </div>
                </div>

                <div class="col-lg-3 col-md-6">
                    <div class="item text-center valign two">
                        <div class="full-width">
                            <span class="icon"><i class="fas fa-user-graduate"></i></span>
                            <h4 class="count">{{App\User::where('type_user','user')->count()}}</h4>
                            <p>@lang('home.users')</p>
                        </div>
                    </div>
                </div>

                <div class="col-lg-3 col-md-6">
                    <div class="item text-center valign three">
                        <div class="full-width">
                            <span class="icon"><i class="fas fa-book"></i></span>
                            <h4 class="count">{{App\CourseSectionsLecture::count()}}</h4>
                            <p>@lang('home.lectures')</p>
                        </div>
                    </div>
                </div>

                <div class="col-lg-3 col-md-6">
                    <div class="item text-center valign four">
                        <div class="full-width">
                            <span class="icon"><i class="fas fa-clock"></i></span>
                            <h4 class="count"> {{App\Course::sum('hours')}}</h4>
                            <p>@lang('home.hourse')</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- End numbers-state ====
        ======================================= -->



    <!-- =====================================
        ==== Start testimonials -->

    <!-- <section class="testimonials section-padding bg-img bg-gray" data-background="{{asset('site/')}}/images/testimonials-pattern.png">
        <div class="container">

            <div class="head text-center">
                <span class="icon"><i class="fas fa-quote-left"></i></span>
                <h4>ماذا يقول طلابنا</h4>
            </div>

            <div class="testim">
                <div class="item">
                    <div class="text">
                        عند موافقه العميل المبدئيه على التصميم يتم ازالة هذا النص من التصميم ويتم وضع النصوص
                        النهائية المطلوبة للتصميم ويقول البعض ان وضع بالتصميم قد تشغل المشاهد
                        عن وضع الكثير من .
                    </div>
                    <div class="info">
                        <div class="img">
                            <div>
                                <img src="{{asset('site/')}}/images/clients/1.jpg" alt="">
                            </div>
                        </div>
                        <div class="cont">
                            <h6>احمد على</h6>
                            <span>مطور ويب</span>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="text">
                        عند موافقه العميل المبدئيه على التصميم يتم ازالة هذا النص من التصميم ويتم وضع النصوص
                        النهائية المطلوبة للتصميم ويقول البعض ان وضع بالتصميم قد تشغل المشاهد
                        عن وضع الكثير من .
                    </div>
                    <div class="info">
                        <div class="img">
                            <div>
                                <img src="{{asset('site/')}}/images/clients/2.jpg" alt="">
                            </div>
                        </div>
                        <div class="cont">
                            <h6>احمد على</h6>
                            <span>مطور ويب</span>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="text">
                        عند موافقه العميل المبدئيه على التصميم يتم ازالة هذا النص من التصميم ويتم وضع النصوص
                        النهائية المطلوبة للتصميم ويقول البعض ان وضع بالتصميم قد تشغل المشاهد
                        عن وضع الكثير من .
                    </div>
                    <div class="info">
                        <div class="img">
                            <div>
                                <img src="{{asset('site/')}}/images/clients/3.jpg" alt="">
                            </div>
                        </div>
                        <div class="cont">
                            <h6>احمد على</h6>
                            <span>مطور ويب</span>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="text">
                        عند موافقه العميل المبدئيه على التصميم يتم ازالة هذا النص من التصميم ويتم وضع النصوص
                        النهائية المطلوبة للتصميم ويقول البعض ان وضع بالتصميم قد تشغل المشاهد
                        عن وضع الكثير من .
                    </div>
                    <div class="info">
                        <div class="img">
                            <div>
                                <img src="{{asset('site/')}}/images/clients/4.jpg" alt="">
                            </div>
                        </div>
                        <div class="cont">
                            <h6>احمد على</h6>
                            <span>مطور ويب</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section> -->

    <!-- End testimonials ====
        ======================================= -->



    <!-- =====================================
        ==== Start call-to-action -->

    <section class="call-to-action section-padding">
        <div class="container">
            <div class="row">
                <!-- <div class="col-md-6">
                    <div class="item">
                        <div class="img">
                            <img src="{{asset('site/')}}/images/1.jpg" alt="">
                        </div>
                        <div class="cont">
                            <h5>كورس برمجة المواقع</h5>
                            <div class="text">
                                احصل على وصول غير محدود إلى أكثر من 3000 من أفضل الدورات الدراسية لكل الفئات.
                            </div>
                            <a href="#0" class="butn butn-1">اعرف المزيد</a>
                        </div>
                    </div>
                </div> -->
                <div class="col-md-12">
                    <div class="item">
                        <div class="img">
                            <img src="{{asset('site/')}}/images/2.jpg" alt="">
                        </div>
                        <div class="cont">
                            <h5>@lang('home.signup_student')</h5>
                            <div class="text">
                                @lang('home.Learn_what_you_love_The_platform_gives_you_the_tools_to_create_a_training_course').
                            </div>
                            <a href="{{url(LaravelLocalization::getCurrentLocale().'/register')}}" class="butn butn-2">@lang('home.signup')</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- End call-to-action ====
        ======================================= -->

@stop