@extends('layouts.one_page')
@section('title', __('messages.faq'))

@section('content')
    <!--Main Slider-->
    <!-- Start main-content -->
    <section class="page-title" style="background-image: url(/images/background/view-menu.jpg);">
        <div class="auto-container">
            <div class="title-outer">
                <h1 class="title">{{__('messages.faq')}}</h1>
                <ul class="page-breadcrumb">
                    {{-- <li><a href="{{url('all-news')}}">{{__('messages.barcha_yangiliklar')}}</a></li> --}}
                    {{-- <li>{{$news['title_' . session()->get('locale')])}}</li> --}}
                </ul>
            </div>
        </div>
    </section>
    <!-- end main-content -->

    <!--Start courses Details-->
    <section class="course-details">
        <div class="medium-container box-shadow-menu">
            <div class="row">
                <!--Start courses Details Content-->
                <div class="col-xl-8 col-lg-8">
                    <div class="blog-details__left">
                        <div class="courses-details__content">
                            <h4 class="mt-4 text-center">{{__('messages.faq')}}</h4>
						<hr>
						<ul class="accordion-box wow fadeInRight">
                            @foreach ($faqs as $faq)
                            <!--Block-->
                            <li class="accordion block @php if ($loop->index==0) echo 'active-block';@endphp">
                                <div class="acc-btn @php if ($loop->index==0) echo 'active';@endphp">{{$faq['question_'.session()->get('locale')]}}
                                    <div class="icon fa fa-plus"></div>
                                </div>
                                <div class="acc-content @php if ($loop->index==0) echo 'current';@endphp">
                                    <div class="content">
                                        <div class="text">{{$faq['answer_'.session()->get('locale')]}}</div>
                                    </div>
                                </div>
                            </li>
                            @endforeach
                            
                        </ul>
                        </div>

                    </div>
                </div>
                <!--End courses Details Content-->

                <!--Start courses Details Sidebar-->
                <div class="col-xl-4 col-lg-4">
                    <div class="course-sidebar">
                        <div class="course-details-price">
                            <p class="course-details-price-text">{{ __('messages.kanalni_kuzating') }}</p>

                            <a href="#"
                                class="theme-btn btn-style-two course-details-price-btn">{{ __('messages.azo_boling') }}</a>
                        </div>

                        <div class="latest-course mb-30">
                            <h4 class="latest-course-title mb-30">{{__('messages.songgi_yangilik')}}</h4>
                            @foreach ($last_news as $top_news)
                                <div class="latest-course-item">
                                    <div class="latest-course-img">
                                        <img src="{{ asset('storage/' . $top_news['thumb_photo']) }}" alt="">
                                    </div>
                                    <div class="latest-course-content">

                                        <h5><a href="{{url("news/{$top_news->id}")}}">{{ $top_news['title_' . session()->get('locale')] }}</a></h5>
                                        <ul class="last-news-info">
                                            <li><i class="fa fa-calendar"></i>
                                                {{ \Carbon\Carbon::parse($top_news['created_at'])->format('d/m/Y') }}</li>
                                            <li><i class="fa fa-eye"></i> {{ $top_news['viewed'] }}</li>
                                        </ul>
                                    </div>
                                </div>
                            @endforeach
                        </div>

                        <ul class="course-details-info">
                            @foreach ($services as $service)
                                <li class="course-details-info-link">
                                    <span class="course-details-info-icon"><i
                                            class="icon {{ $service['icon'] }}"></i></span>
                                    <a
                                        href="@if ($service->link_route){{ url($service->link_route) }}@endif">{{ $service['title_' . session()->get('locale')] }}</a></span>
                                </li>
                            @endforeach
                        </ul>

                        
                    </div>
                </div>
                <!--End courses Details Sidebar-->
            </div>
        </div>
    </section>
    <!--End courses Details-->
@endsection