@extends('layouts.front')

@section('content')
    <article class="briefHistoryBlock pt-7 pb-7 pt-md-10 pb-md-10 pt-lg-16 pb-lg-16 pt-xl-22 pb-xl-22">
        <div class="container containerSmall">
            <header class="headingHead mb-14">
                <h2 class="fwSemiBold text-center mb-7">{{$page->title}}</h2>
            </header>
        </div>
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    {!! $page->content !!}
                </div>
            </div>

            @if($page->articles->isNotEmpty())
                <div class="row">
                    <div class="col-12 col-lg-12 col-xl-12 order-lg-2 mb-6">
                        <div class="">
                            <div class="accordion faqAccordion mb-8 mb-md-12" id="ctdepartsAccordion">
                                @foreach($page->articles()->with('files')->orderBy('sort_order')->get() as $key=>$article)
                                    <div class="ctaccRow mb-4 rounded">
                                        <div class="ctaccOpener">
                                            <a class="fontAlter fwMedium" href="#ctr{{$key}}" data-toggle="collapse" aria-expanded="false" aria-controls="ctr1">
                                                {{ $article->title }}
                                            </a>
                                        </div>
                                        <div class="collapse ctaccSlide" id="ctr{{$key}}" data-parent="#ctdepartsAccordion">
                                            <div class="overflow-hidden px-5 pb-1 text-center">
                                                <div class="mb-5">
                                                    {!! $article->content !!}
                                                </div>
                                                @if($article->files->isNotEmpty())
                                                    @foreach($article->files as $file)
                                                        <p>
                                                            <a href="{{asset('storage/uploads/articles/' . $file->name)}}" target="_blank">
                                                                {{$file->original_name}}
                                                            </a>
                                                        </p>
                                                    @endforeach
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                    </div>
                </div>

            @endif

        </div>
    </article>

@endsection