@extends('web.layouts.main')
@section('content')
    
    <main>
        <!-- Start newsletter-pg -->
        <section class="newsletter-pg">
            <div class="container">
                <div class="sec-heading mb-5">
                    <h2 class="title">{{$aboutPage->title}}</h2>
                    <p class="p">{!! $aboutPage->description !!}</p>
                </div>
                <div class="inner-box">
                    <div class="accordion" id="accordionExample">
                        @foreach($years as $key=>$row)
                        <div class="accordion-item py-4">
                            <h2 class="accordion-header" id="headingOne{{$row->id}}">
                                <button class="accordion-button  @if($key !=  0) collapsed @endif" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne{{$row->id}}" aria-expanded="true"   aria-controls="collapseOne{{$row->id}}">
                                    {{$row->year}}
                                </button>
                            </h2>
                            <div id="collapseOne{{$row->id}}" class="accordion-collapse  @if($key ==  0) collapse show @else collapse @endif" aria-labelledby="headingOne{{$row->id}}" data-bs-parent="#accordionExample">
                                <div class="accordion-body">
                                    <div class="row">
                                        @foreach(articles($row->id) as $article)
                                        <div class="col-lg-2 col-md-6">
                                            <a href="{{$article->file}}" target="_blank">
                                                <div class="newsletter_card">
                                                    <div class="img-box">
                                                        <img src="{{asset($article->image)}}" alt="" class="sec-img"/>
                                                    </div>
                                                    <span class="month">{{__('articles.month_'.$article->month)}}</span>
                                                </div>
                                            </a>
                                        </div>
                                        @endforeach
                                    </div>
                                </div>
                            </div>
                        </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </section>
    </main>

@stop