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

  <main>
        
        <!-- ----------  inner header ----------- -->   
        
        @include('web.pages.components.headerNav')

        <!-- ---------- news page ----------- -->   
        <section class="news_details_section section_padding">
            <div class="container">
                <div class="row">
                    <div class="col-lg-8">
                        <div class="news_details_card">
                            <div class="share_post">
                                <h2>{{__('web.share')}}</h2>
                                <div class="socail_icons">
                                    <div class="addthis_inline_share_toolbox_jmgj"></div>
                                </div>
                            </div>
                            <div class="img">
                                <img src="{{asset($new->image)}}" alt="">
                            </div>
                            <div class="info">
                                <div class="top_inf">
                                    <div class="date">
                                        <i class="bi bi-calendar2 icon"></i>
                                        <span>{{date('d/m/Y',strtotime($new->created_at))}}</span>
                                    </div>
                                    <div class="author">
                                        <div class="img">
                                            <img src="{{asset($new->user)}}" alt="">
                                        </div>
                                        <span> {{$new->descriptions()->user}} </span>
                                    </div>
                                </div>
                                <h5 class="title">
                                    {{$new->descriptions()->title}}
                                </h5>
                                <div class="text">
                                    {!! $new->descriptions()->description !!}
                               </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="side_latest_news">
                            <div class="sub_title">
                                <h3> {{__('web.latest_news')}} </h3>
                            </div>
                            @foreach($news as $row)
                                <a href="{{url(getCurrentLocale().'/news/'.$row->id)}}" class="latest_card">
                                    <div class="img">
                                        <img src="{{asset($row->image)}}" alt="">
                                    </div>
                                    <div class="info">
                                        <div class="date">
                                            <i class="bi bi-calendar2 icon"></i>
                                            <span>{{date('d/m/Y',strtotime($row->created_at))}}</span>
                                        </div>
                                        <h6> {{$row->descriptions()->title}} </h6>
                                    </div>
                                </a>
                            @endforeach
                        </div>
                        
                    </div>
                </div>
            </div>
        </section>
    </main>
    <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5fd089b2799fc48d"></script>
    
    @push('js')
    <script>
        
            setTimeout(() => {
$('#at4-share').remove()
}, "1000")
    </script>
    @endpush
@stop