@extends('web.layouts.container')
@section('content')
    <section class="news-det section">
        <div class="container">
            <div class="img-box mt-5">
                <img src="{{asset($new->image)}}" alt="" class="sec-img"/>
                @if($new->file)
                <a download href="{{asset($new->file)}}" class="butn white_butn">
                    <img src="{{asset('assets/web/images/icons/pdf.svg')}}" alt="" class="icon_pdf ms-0 me-2"/> {{__('articles.download_pdf')}}
                </a>
                @endif
            </div>
            <div class="card-body col-lg-11 mt-4 wow left_to_right_apperance no_scale">
                <div class="prof_box d-flex align-items-center mb-4">
                    <img src="{{asset('assets/web/images/icon.png')}}" alt="" class="icon"/>
                    <div class="prof_data">
                        <span class="span"><small>{{__('articles.updated_on')}}</small></span>
                        <p class="date mb-0">{{date('d M Y', strtotime($new->created_at))}}</p>

                    </div>
                </div>
                <h1 class="title color-secondary mb-4">
                    {{$new->title}}
                </h1>
                <h5 class="subtitle color-primary mb-4">{{$new->catName}}</h5>
                <div class="new_desc_container">
                    {!! $new->description !!}
                </div>
            </div>
        </div>
        <img src="{{asset('assets/web/images/pattern-2.png')}}" alt="" class="bg"/>
    </section>
@endsection

@section('inner_js')

    <script>
        $(document).ready( function () {
            $('.new_desc_container p').addClass('det')
        })
    </script>
@endsection