@extends('front.layouts.app')
@section('css')

@endsection
@section('content')

<div class="page inner-page-layout activity-details">

    <div class="page-content pt-5">

        <div class="activity-pref-wrapper mb-4">

            <div class="container">

                <div class="row">

                    <div class="col-lg-4">
                        <div class="image-wrapper">
                            <!--<img src="/assets/images/thums/thum-03.jpeg" class="activity-image">-->
                            <img src="{{getImage($row->image)}}" class="activity-image" style="object-fit: fill;">
                        </div><!-- image-wrapper -->
                    </div>

                    <div class="col-lg-4">
                        <div class="pref-wrapper">
                            <h1 class="publisher-title mb-3"> {{$row->title}} </h1>
                            <p class="lead"> <i class="fa-regular fa-calendar"></i> {{\Carbon\Carbon::parse($row->day_date)->locale('ar')->translatedFormat('l d F Y')}}</p>
                        </div><!-- pref-wrapper -->
                    </div>

                </div>

            </div>

        </div> <!-- activity-pref-wrapper -->

        <div class="activity-about-wrapper mb-5">

            <div class="container">

                <div class="row d-flex justify-content-center align-items-center mb-4">

                    <div class="col-md-6">
                        <h4 class="color-primary">  المحتوي     </h4>
                    </div> <!-- col-md-6 -->

                    

                </div> <!-- row -->

                <div class="row mb-4">
                    <div class="col-12">
                        <div class="book-pref-text bg-white p-3 rounded lead">
                            <p class="mb-0">
                                {!! $row->description !!}
                            </p>
                        </div>
                    </div>
                </div>


            </div> <!-- container -->

        </div> <!-- book-about-wrapper -->

        <div class="other-books-wrapper mb-2">
            <div class="container">
                <h4 class="color-primary mb-4">  اخبار أخرى    </h4>
                <div class="row">
                                    </div>
            </div>
        </div> <!-- other-books-wrapper -->

        <div class="show-all-btn-wrapper">
            <div class="text-center">
                <a href="{{route('page.news')}}" class="btn btn-primary w-300px"> عرض الكل </a>
            </div>
        </div> <!-- show-all-btn-wrapper -->

    </div><!-- page-content -->

</div> <!-- page -->
> <!-- page -->

@endsection
@section('js')

@endsection