@extends('web.layouts.container')

@section('content')
    <section class="ceo-pg section bg-babyBlue">
        <div class="container">
            <img src="{{asset($new->image)}}" alt="" class="sec-img p-3 bg-white"/>
            <div class="card-body col-lg-10 m-auto wow left_to_right_apperance">
                <h2 class="fw-bold color-dark mb-4">{{$new->currentDescription->title}}</h2>
                <div class="dateTime d-flex">
                    <p class="date me-5">
                        <i class="bi bi-calendar4-week me-2 color-dark"></i> {{date('d M Y ', strtotime($new->created_at))}}
                    </p>
                    <p class="date me-2">
                        <i class="bi bi-clock me-2 color-dark"></i> {{date('h:i A', strtotime($new->created_at))}}
                    </p>
                </div>
                <div class="desc_container">
                    {!! $new->currentDescription->description !!}
                </div>
            </div>
        </div>
    </section>
@endsection

@section('inner_js')

    <script>
        $(document).ready(function () {
            $('.desc_container p').addClass('.det lh-lg')
        })
    </script>

@endsection
