@extends('front.layouts.app')

@section('content')

    @include('front.common.breadcrumb')}}

    <!-- about us -->


    <section class="latest-news-section latest-news-section-bg">

        @if(!empty($news))

            <div class="container">

                <div class="row">

                    <div class="col-md-12">

                    </div>

                    <div class="col-12">

                        <div class="for-padd-usss float-left">

                            <a class="card-link thumbnail" href="#" data-toggle="modal" data-image="{!! asset($news->image) !!}" data-target="#image-gallery" data-image-id="">

                                <div class="card border-0 mx-auto">

                                    <div class=" about-image news-detail-img-box  img-box-hah d-flex justify-content-center align-items-center news-detail-padd">

                                        <img class="img-fluid" src="{!! imageUrl(asset($news->image), 555, 347, 95, 2) !!}" alt="Card image">
                                    <!-- <img src="{{ url('assets/front/img/news-detail.png') }}" class="img-fluid" alt="icon"> -->

                                    </div>

                                </div>

                            </a>

                            {{-- <div class="about-image pt-5 pb-3 pl-4 ">--}}

                            {{-- <img src="{{ url(asset($service->image)) }}" class="img-fluid" alt="img">--}}

                            {{-- </div>--}}

                        </div>

                        <div class="for-padd-us">


                            <div class="calander-section1 d-flex">
                                <div class="calander-img-box">
                                <!-- <img class="img-fluid" src="{{ url('assets/front/img/cal.png') }}" alt="Card image"> -->
                                    <i class="fa fa-calendar" aria-hidden="true"></i>

                                </div>
                                <div class="calander-date">
                                    <h4 class="Subscription-text-upper3">{{ \Carbon\Carbon::CreateFromTimeStamp($news->date)->format('d M Y')}}</h4>
                                </div>

                            </div>

                            <div class="inner-services-us">

                                <h2 class="our-sercices-us-tittle1 news-detail-margin">{{ $news->translation->title }}</h2>

                            </div>
                            <!-- <div class="left-news d-flex align-items-center">
                                <div class="flag1">
                                    <div class="d-flex align-items-center justify-content-center alignment">
                                        <h4 class="news-date1">17</h4>
                                        <p class="month1">march</p>
                                    </div>
                                </div>
                                <div class="new-headind-general text-truncate">
                                    <h4 class="news-headind-text1 text-truncate">welcome</h4>
                                </div>
                            </div> -->
                        </div>

                        <div class="about-content-us services-text-settinggg">



                            <p class="about-p-us text-justify">{!! $news->translation->description !!}</p>

                        </div>

                    </div>

                </div>

            </div>

        @else

            <div class="container">

                <div class="col-12">

                    <div class="alert alert-info">

                        {!! __("No record found.") !!}

                    </div>

                </div>

            </div>

            @endif

            </div>



            @include('front.common.model')

    </section>

    <!-- end about us -->

@endsection