@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">
                            @if($category->parent_id != null)
                            <h2>{{@$category->parent->translations->where('lang_id',$active_lang->id)->first()->name}}</h2>                        
                            @endif
                            <div class="path">
                                <a href="{{ url(LaravelLocalization::getCurrentLocale()) }}">@lang('home.home')</a>
                                <span>/</span>
                                <a href="#0">{{@$category->translations->where('lang_id',$active_lang->id)->first()->name}}</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </header>

    <!-- End slide ====
        ======================================= -->

        <!-- =====================================
            ==== Start features -->

            <section class="categorys section-padding">
                <div class="container">
                    <div class="row">
                        @if($category->sub_categories->count() > 0)
                        @foreach($category->sub_categories as $sub)
                        <div class="col-lg-3 col-md-6 items">
                            <div class="item">
                                <a href="{{url(LaravelLocalization::getCurrentLocale().'/courses'.'/'.$category->id.'/'.str_replace(' ',
                                '_',
                                $category->translations->where('lang_id',$active_lang->id)->first()->name
                                ))}}">
                                <span class="icon">
                                    <!-- <i class="flaticon-programmer"></i> -->
                                    <img src="{{$sub->icon}}" alt="">
                                </span>
                                <h6>{{@$sub->translations->where('lang_id',$active_lang->id)->first()->name}}</h6>
                            </a>
                        </div>
                    </div>
                    @endforeach
                    @else
                    <div class="col-lg-12 col-md-12 items">@lang('home.empty_sub_categories')</div>
                    @endif

                </div>


            </div>
        </section>

    <!-- End features ====
        ======================================= -->

    <!-- =====================================
        ==== Start blog -->

        <section class="blog section-padding">
            <div class="container">
                <div class="">
                    <div class="head text-center col-12">
                        <h4>@lang('home.courses') </h4>
                        <span class="bar"></span>
                    </div>

                    <div class="row">
                        @foreach($courses as $lat_key => $latest)
                        <div class="col-lg-4 col-md-6 wow fadeInUp">
                            <div class="item">
                                <div class="img">
                                    <img src="{{@$latest->image}}" alt="">
                                </div>
                                <div class="cont">
                                    @if(LaravelLocalization::getCurrentLocale() == 'en')
                                    <h5>{{@$latest->translations->where('lang_id',$active_lang->id)->first()->title}}</h5>
                                    <p>{{ @substr($latest->translations->where('lang_id',$active_lang->id)->first()->content,0,131) }}</p>
                                    @else
                                    <h5>{{@substr($latest->translations->where('lang_id',$active_lang->id)->first()->title,0,70)}}</h5>
                                    <p>{{ @substr($latest->translations->where('lang_id',$active_lang->id)->first()->content,0,115) }}</p>
                                    @endif    
                                    <a href="{{url(LaravelLocalization::getCurrentLocale().'/course/'.$latest->id.'/'.str_replace(' ',
                                    '_',
                                    $latest->translations->where('lang_id',$active_lang->id)->first()->title
                                    ))}}" class="butn butn-bg"><span>@lang('home.more')</span></a>
                                </div>
                            </div>
                        </div>
                        @endforeach
                    </div>              
                </div>
            </div>
        </section>

    <!-- End blog ====
        ======================================= -->

        @stop