@extends('web.layouts.layout')

@section('content')

    <main>
        <!-- Start section -->
        <section class="blog_det section ">
            <div class="container">
                <div class="row">
                    <div class="col-lg-4">
                        <div class="related_box mb-5">
                            <h5 class="fw-bold fs-4 pb-3 mb-4">{{ __('articles.related_news') }}</h5>
                            @if($relatedNews->count())
                                @foreach($relatedNews as $item)
                                    <a href="{{ route('web.articles.show', $item->id) }}">
                                        <div class="item d-flex align-items-center">
                                            <img src="{{ getImage($item->image) }}"
                                                 class="sm_img"
                                                 alt="{{ $item->currentDescription->title ?? "" }}"/>
                                            <div class="txt">
                                                <p class="date mb-1">
                                                    <i class="fal fa-calendar-day"></i>
                                                    {{ $item->custom_date }}
                                                </p>
                                                <h5 class="title fw-bold mb-0">{{ $item->currentDescription->title ?? "" }}</h5>
                                            </div>
                                        </div>
                                    </a>
                                @endforeach
                            @endif
                        </div>
                    </div>
                    <div class="col-lg-8">
                        <div class="blog_box">
                            <div class="img_box">
                                <img src="{{ getImage($article->image) }}"
                                     class="sec-img"
                                     alt="{{ $article->currentDescription->title ?? "" }}"/>
                                <div class="date">
                                    <span class="num d-block">{{ $article->custom_date2['day'] ?? "" }}</span>
                                    <span class="month">{{ $article->custom_date2['month'] ?? "" }}</span>
                                </div>
                                <div class="share_box">
                                    <button class="share_butn"><i class="fal fa-share-alt"></i></button>
                                    <!-- AddToAny BEGIN -->
                                    <div class="a2a_kit a2a_kit_size_32 a2a_default_style share_links d-flex">
                                        <a class="a2a_button_facebook">
                                            <i class="fab fa-facebook-f"></i>
                                        </a>
                                        <a class="a2a_button_twitter">
                                            <i class="fab fa-twitter"></i>
                                        </a>
                                        <!--<a class="a2a_button_sms">
                                            <i class="fas fa-sms"></i>
                                        </a>-->
                                        <a class="a2a_button_telegram">
                                            <i class="fab fa-telegram"></i>
                                        </a>
                                        <a class="a2a_button_whatsapp">
                                            <i class="fab fa-whatsapp"></i>
                                        </a>
                                        <a class="a2a_button_copy_link">
                                            <i class="fas fa-link"></i>
                                        </a>
                                    </div>
                                    <script async src="{{asset('assets/admin/site/js/addtoany.page.js')}}"></script>
                                    <!-- AddToAny END -->
                                </div>
                            </div>
                            <div class="card-body">
                                <h3 class="title fw-bold mb-4">{{ $article->currentDescription->title ?? "" }}</h3>
                                <div class="p article-details">
                                    {!! $article->currentDescription->description ?? "" !!}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </main>

@endsection