@extends('web.layouts.main')
@section('content')         
<!-- Start section -->
<section class="pg_header section">
    <div class="container">
        <h5 class="title_w_vector mx-auto w-fit mt-2"> {{__('news.descriptions')}}</h5>

    </div>
</section>


<!-- Start section -->
<section class="blog_det_pg section">
    <div class="box_head ">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-6">
                    <div class="txt_box">
                        <span class="categ">{{$news->category->currentDescription->name ?? ""}}</span>

                        <h1 class="title fw-bold my-4">
                            {{$news->currentDescription->title ?? ""}}
                        </h1>
                        <span class="date"> <i class="fa-light fa-calendar-days"></i>{{date('Y d F', strtotime($news->created_at))}}</span>

                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="img_box">
                        <img src="{{asset($news->image ?? "")}}" class="secImg" alt="" />
                    </div>
                </div>
            </div>

        </div>
    </div>
    <div class="container mt-5">
        <div class="p mb-2">
            {!!$news->currentDescription->description?? ""!!}     
        </div>
    </div>
</section>      

@if(count($otherNews))
<!-- Start section -->
<section class="related_blog_sec blog_pg section ">
    <div class="container">
        <div class="sec_head d-flex justify-content-center mb-5 pb-3 mt-4">
            <h5 class="title_w_vector color-primary me-4 mt-2">    {{__('news.blog')}} </h5>
            <h4 class="label color-secondary fw-bold">
                {{__('media.relatednews')}}
            </h4>
        </div>
        <div class="swiper-container blog_related_swiper">
            <div class="swiper-wrapper">
                @foreach ($otherNews as $value)
                <div class="swiper-slide">
                    <div class="blog_card">
                        <img src="{{($value->image ?? null)?asset($value->image):url('').'/assets/web/images/header-bg-2.jpg'}}" class="secImg" alt="" />
                        <div class="txt_content">
                            <span class="categ">{{$value->category->currentDescription->name ?? ""}}</span>
                            <h3 class="title my-3">{{$value->currentDescription->title ?? ""}}</h3>
                            <span class="date"> <i class="fa-light fa-calendar-days"></i>{{date('Y d F', strtotime($value->created_at))}}</span>
                            <div class="p mt-3">
                                {!! stripText($value->currentDescription->description, 200) !!}
                            </div>
                            <a href="{{route('news.details', $value->id)}}" class="more_butn fw-bold text-center w-fit d-flex justify-content-center align-items-end mt-3 ">
                                <span class="zi_5"> {{__('news.more')}}<i class="far fa-long-arrow-right ms-2"></i></span>
                            </a>
                        </div>
                    </div>
                </div>
                @endforeach
            </div>
            <div class="arrows d-flex justify-content-center align-items-center mt-5">
                <div class="swiper-button-next"></div>
                <a href="{{route('news.all')}}" class="butn light_butn px-5">{{__('main.show_all')}}</a>
                <div class="swiper-button-prev"></div>

            </div>
        </div>
    </div>
    <div class="vector wow slide_ltr"></div>
</section>
@endif
@endsection