@extends('layouts.app')
@section('title')
    @php echo $metatags @endphp
{{--    <title>{{(app()->getLocale() == 'en')? $dish->name_en: $dish->name_ar}} {{trans('home.menu')}}</title>--}}
@endsection
@section('content')

    <!-- bread crumb area -->
    <div class="rts-bread-crumbarea-1 rts-section-gap bg_image">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="breadcrumb-main-wrapper">
                        <h1 class="title">{{$blog->{'name_'.$lang} }}</h1>
                        <!-- breadcrumb pagination area -->
                        <div class="pagination-wrapper">
                            <a    href="{{url('/')}}"> @lang('home.home') </a>
                            <i class="fa-regular fa-chevron-right"></i>
                            <a    class="active" href="javascript:void;">{{$blog->{'name_'.$lang} }}
                            </a>
                        </div>
                        <!-- breadcrumb pagination area end -->
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- bread crumb area end -->

    <!-- blog details area start -->
    <div class="rts-blog-list-area rts-section-gap">
        <div class="container">
            <div class="row g-5">
                <!-- rts blo post area -->
                <div class="col-xl-8 col-md-12 col-sm-12 col-12">
                    <!-- single post -->
                    <div class="blog-single-post-listing details mb--0">
                        <div class="thumbnail">
                            <img src="{{ isset($blog->image) ? Helper::uploadedImagesPath('blogitems',$blog->image) : Helper::imageFilesPath('noimage.png') }}" alt="{{$blog->alt_img}}">
                        </div>
                        <div class="blog-listing-content">
                            <div class="user-info">
                                <!-- single infoe end -->
                                <!-- single info -->
                                <div class="single">
                                    <i class="far fa-tags"></i>
                                    <span>{{$blog->Blogcat->{'name_'.$lang} }}</span>
                                </div>
                                <div class="single">
                                    <i class="far fa-tags"></i>
                                    <a><span>{{$blog->category->{'name_'.$lang} }}</span></a>
                                </div>
                                <!-- single infoe end -->
                            </div>
                            <h3 class="title animated fadeIn">{{$blog->{'name_'.$lang} }}</h3>
                            <p class="disc para-1">{!! $blog->{'text_'.$lang} !!}</p>
                             
                            <!-- quote area start -->
                            @isset($blog->quotes)
                            @if(count($blog->quotes) > 0)
                                @foreach ($blog->quotes as $quote)
                                    <div class="rts-quote-area text-start reveal">
                                        <h5 class="title title-g">{{$quote->answer}}</h5>
                                        <p class="author-name">{{$quote->question}}</p>
                                    </div>
                                @endforeach
                            @endif
                            @endisset
                            <!-- quote area end -->
                            <div class="btns">
                                @if($blog->mobile) <div class="Call-btn" style="text-align: center;"><a class="fixed-phone" href="tel:{{ $blog->mobile }}" target="_blank" rel="noopener"> <i class="fal fa-phone ms-1" aria-hidden="true"></i> {{ trans('home.call_us') }} </a></div> @endif
                                @if($blog->whatsapp) <div class=" Whatsapp-btn" style="text-align: center;"><a class="fixed-whatsapp" href="https://wa.me/{{ str_replace(' ', '', $blog->whatsapp) }}" target="_blank" rel="noopener"> <i class="fab fa-whatsapp ms-1" aria-hidden="true"></i> {{ trans('home.whatsapp') }}</a></div> @endif
                            </div>
                        </div>
                    </div>
                    
        
                    
                    
                    <!-- single post End-->
                </div>
                             
                <!--rts blog wizered area -->
                <div class="col-xl-4 col-md-12 col-sm-12 col-12 rts-sticky-column-item">
                    <div class="blog-sidebar theiaStickySidebar">
                        <!-- single wizered start -->
                        @if(count($blogCategories) > 0)
                            <div class="rts-single-wized Categories">
                                <div class="wized-header">
                                    <h5 class="title">
                                        @lang('home.categories')
                                    </h5>
                                </div>
                                <div class="wized-body">
                                    <!-- single categoris -->
                                    @foreach ($blogCategories as $blogCategory)
                                        <ul class="single-categories">
                                            <li><a    href="{{LaravelLocalization::localizeUrl('blogs/'.$blogCategory->{'link_'.$lang} )}}">{{$blogCategory->{'name_'.$lang} }} <i class="far fa-long-arrow-right"></i></a></li>
                                        </ul>
                                    @endforeach
                                    <!-- single categoris End -->
                                </div>
                            </div>
                        @endif
                        <!-- single wizered End -->
                        <!-- single wizered start -->
                        @if (count($courses)>0)
                            <div class="rts-single-wized Recent-post">
                                <div class="wized-header">
                                    <h5 class="title">
                                        @lang('home.related_courses_and_pro_certificates')
                                    </h5>
                                </div>
                                <div class="wized-body">
                                    <!-- recent-post -->
                                    @foreach ($courses as $course)
                                        <div class="recent-post-single">
                                            <div class="thumbnail">
                                                <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="content-area text-start">
                                                <a    class="post-title" href="{{LaravelLocalization::localizeUrl('course/' . $course->{'link_'.$lang})}}">
                                                    <h6 class="title">{{$course->{'name_'.$lang} }}</h6>
                                                </a>
                                                <div class="user">
                                                    <!--<i class="fal fa-clock"></i>-->
                                                    <span>{{$course->category->{'name_'.$lang} ?? '' }}</span>
                                                </div>
                                            </div>
                                        </div>
                                    @endforeach
                                    <!-- recent-post End -->
                                </div>
                            </div>
                            <!-- single wizered End -->
                        @endif
                        
                        <div class="rts-single-wized Recent-post">
                            <div class="wized-header">
                                <h5 class="title">
                                    @lang('home.faq')
                                </h5>
                            </div>
                            <div class="wized-body">
                                @foreach($faqs as $faq)
                                    <div class="course-content-wrapper-main">
                                        <div class="accordion" id="accordionExample{{$faq->id}}">
                                            <div class="accordion-item">
                                                <h2 class="accordion-header" id="heading{{$faq->id}}">
                                                    <button 
                                                        class="accordion-button" 
                                                        style="font-size: 19px;" 
                                                        type="button" 
                                                        data-bs-toggle="collapse" 
                                                        data-bs-target="#collapse{{$faq->id}}" 
                                                        aria-expanded="false" 
                                                        aria-controls="collapse{{$faq->id}}"
                                                    >
                                                        <span>{{$faq->{'question_'.$lang} }}</span>
                                                        <i class="accordion-icon fa fa-chevron-down"></i>
                                                    </button>
                                                </h2>
                                                <div 
                                                    id="collapse{{$faq->id}}" 
                                                    class="accordion-collapse collapse show" 
                                                    aria-labelledby="heading{{$faq->id}}" 
                                                    data-bs-parent="#accordionExample{{$faq->id}}"
                                                >
                                                    <div class="accordion-body">
                                                        {!! $faq->{'answer_'.$lang} !!}
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @endforeach

                            </div>
                        </div>
                        
                     {{--   <section class="flat-spacing-17 pt_0">
                            <div class="container">
                                <div class="row">
                                    <div class="col-12">
                                        <div class="widget-tabs style-has-border">
                                            <ul class="widget-menu-tab row">
                                                <li class="item-title active">
                                                    <span class="inner">@lang('home.faqs')</span>
                                                </li>
                                             
                                                @foreach($faqs as $faq)
                                                <li class="item-title">
                                                    <span class="inner">{{$faq->{'question_'.$lang} }}</span>
                                                </li>
                                                @endforeach
                                            </ul>
                                            <div class="widget-content-tab">
                                                
                                                @foreach($faqs as $faq)
                                                    <div class="widget-content-inner">
                                                    <div class="tf-page-privacy-policy">
                                                        <p>{!!$faq->{'answer_'.$lang} !!}</p>
                                                    </div>
                                                </div>
                                                @endforeach
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </section> --}}
                        
                    </div>
                </div>
                <!-- rts- blog wizered end area -->
                    
                <!-- rts-blog post end area -->
               
            </div>
        </div>
    </div>
    <!-- blog details area end -->


@endsection