@extends('layouts.app')
@section('title')
    @php
    echo $metatags;
    echo $schema ;
    @endphp
@endsection

@section('content')
   <!-- Start breadcrumb Area -->
    <div class="rbt-breadcrumb-default ptb--100 ptb_md--50 ptb_sm--30 bg-gradient-1">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="breadcrumb-inner text-center">
                        <h2 class="title">{{__('home.blog_details')}}</h2>
                        <ul class="page-list">
                            <li class="rbt-breadcrumb-item"><a href="{{url('/')}}">@lang('home.home')</a></li>
                            <li>
                                <div class="icon-right"><i class="feather-chevron-right"></i></div>
                            </li>
                            <li class="rbt-breadcrumb-item active">{{__('home.blog_details')}}</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End Breadcrumb Area -->
      
    <div class="rbt-overlay-page-wrapper">

        <div class="rbt-blog-details-area rbt-section-gapBottom breadcrumb-style-max-width">
            <div class="blog-content-wrapper rbt-article-content-wrapper">
                <div class="content">
                    <div class="post-thumbnail mb--30 position-relative wp-block-image alignwide">
                        <figure>
                            <img src="{{ isset($blog->image) ? Helper::uploadedImagesPath('blogitems',$blog->image) : Helper::imageFilesPath('noimage.png') }}" alt="{{$blog->alt_img}}">
                        </figure>
                    </div>
                    <h1 class="title">{{ $blog->{'name_'.$lang} }}</h1>
                    <p>{!! $blog->{'text_'.$lang} !!}</p>

                   
             

                </div>
                @if (count($courses)>0)
                    <div class="related-post pt--60">
                    <div class="section-title text-start mb--40">
                        <h4 class="title">@lang('home.related_courses_and_pro_certificates')</h4>
                    </div>

                    <div class="row">
                        @foreach ($courses as $course)
                        <!-- Start Single Card  -->
                        <div class="col-lg-4 col-md-6 col-sm-12 col-12">
                            <div class="rbt-card variation-02 rbt-hover">
                                <div class="rbt-card-img">
                                   <a href="{{LaravelLocalization::localizeUrl('course/' . $course->{'link_'.$lang})}}"><img src="{{ isset($course->image) ? Helper::uploadedImagesPath('courses/source',$course->image) : Helper::imageFilesPath('noimage.png') }}" alt="course"></a>
                               </div>
                                <div class="rbt-card-body">
                                    <h5 class="rbt-card-title"><a href="{{LaravelLocalization::localizeUrl('course/' . $course->{'link_'.$lang})}}">{{$course->{'name_'.$lang} }}</a></h5>
                                    <p class="rbt-card-text">{!! \Illuminate\Support\Str::limit(strip_tags($course->{'text_'.$lang}), 50) !!}</p>
                                    <div class="rbt-card-bottom">
                                        <a class="transparent-button" href="{{LaravelLocalization::localizeUrl('course/' . $course->{'link_'.$lang})}}"> Learn
                                            More<i><svg width="17" height="12" xmlns="http://www.w3.org/2000/svg"><g stroke="#27374D" fill="none" fill-rule="evenodd"><path d="M10.614 0l5.629 5.629-5.63 5.629"/><path stroke-linecap="square" d="M.663 5.572h14.594"/></g></svg></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- End Single Card  -->
                        @endforeach
                    </div>

                </div> 
                @endif
            </div>
        </div>
    </div>


    <div class="rbt-separator-mid">
        <div class="container">
            <hr class="rbt-separator m-0">
        </div>
    </div>



 
@endsection