@extends('web.layouts.layout')
@section('content')

    <main>

        @include('web.pages.components.header')

        <!-- Start section -->
            <section class="media_pg section">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-2">
                            <h5 class="subtitle fw-bold color-secondary text-uppercase mb-2">{{__('web.news')}}</h5>
                            <h1 class="title sec_title fw-bold color-primary mb-3">{{__('web.latest_news')}}</h1>
                        </div>
                        <div class="col-lg-4">
                            <div class="sm_items_box nav nav-pills" id="pills-tab" role="tablist">
                                @foreach($articles as $key=>$row)
                                    <div class="item" id="pills-tab{{$row->id}}-tab" data-bs-toggle="pill" data-bs-target="#pills-tab{{$row->id}}" type="button" role="tab" aria-controls="pills-tab{{$row->id}}" aria-selected="false">
                                        <div class="d-flex justify-content-between align-items-center">
                                            <div class="date">{!! $row->show_date !!}</div>
                                            <img src="{{asset($row->logo)}}" class="logo" alt="">
                                        </div>
                                        <div class="title mt-4">
                                            {!! $row->title !!}
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="tab-content" id="pills-tabContent">
                                @foreach($articles as $key=>$row)
                                <div class="tab-pane fade @if($key == 0) show active @endif" id="pills-tab{{$row->id}}" role="tabpanel" aria-labelledby="pills-tab{{$row->id}}-tab">
                                        <div class="box">
                                            <img src="{{asset($row->logo)}}" class="logo" alt="" />
                                            <img src="{{asset($row->image)}}" class="secImg" alt="">
                                            <div class="txt_box">
                                                <h5 class="title mb-4"> {{$row->title}} </h5>
                                                <div class="p">
                                                    {!! $row->description !!}
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                    </div>
                </div>
            </section>

            <!-- Start section -->
            <section class="kit_sec section">
                <div class="container">
                    <div class="txt_box text-center mb-5">
                        <h5 class="subtitle fw-bold color-secondary text-uppercase mb-2">{!! $press->title !!}</h5>
                        <h1 class="title fw-bold color-primary mb-3"> {!! $press->description !!}</h1>
                    </div>
                    <div class="row col-lg-10 mx-auto">
                        @foreach($files as $row)
                            <div class="col-lg-3 col-6">
                                <a href="{{asset($row->file)}}" download>
                                    <div class="item">
                                        <img src="{{url('')}}/assets/web/images/icons/kit.svg" class="icon" alt="" />
                                        <div class="p">
                                            {{$row->title}}
                                        </div>
                                    </div>
                                </a>
                            </div>
                        @endforeach
                    </div>
                </div>
            </section>

    </main>

@stop