@extends('web.layouts.container')
@section('breadcrumb')
    <nav class="nav-breadcrumb" aria-label="breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{LaravelLocalization::getLocalizedURL(getCurrentLocale(), url('/'), [], true)}}">{{__('main.home_page')}}</a></li>
            <li class="breadcrumb-item active" aria-current="page">{{__('articles.inner_page')}}</li>
        </ol>
    </nav>
@endsection
@section('content')
    <main>
        <!--start blog-->
        <section class="blog">
            <div class="container">
                <div class="row">

                    @if($articles->count())
                        @foreach($articles as $key => $article)
                            <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                <a href="{{route('ourNews.show', [$article->id, $article->category_id])}}">
                                    <div class="card">
                                        <div class="image-content">
                                            <img src="{{asset($article->image ?? "images/blog-1.jpg")}}" alt="blog-1.jpg">
                                            <span class="badge">{{$article->category_name}}</span>
                                            <span class="right-line"></span>
                                            <span class="middle-line"></span>
                                        </div>
                                        <div class="card-body">
                                            <h6>{{$article->name}}</h6>
                                            <p class="date">{{date('M d, Y h:i A', strtotime($article->created_at))}}</p>
                                            <p>{!! $article->category_name !!} </p>
                                            <span class="more">
                                         <i class="fas fa-long-arrow-alt-right"></i>
                                         {{__('articles.read_more')}}
                                     </span>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        @endforeach
                    @endif

{{--                    <div class="col-lg-8 col-md-8 col-sm-12 col-xs-12">--}}
{{--                        <a href="#">--}}
{{--                            <div class="card">--}}
{{--                                <div class="image-content">--}}
{{--                                    <img src="images/blog-1.jpg" alt="">--}}
{{--                                    <span class="badge">Marketing</span>--}}
{{--                                    <span class="right-line"></span>--}}
{{--                                    <span class="middle-line"></span>--}}
{{--                                </div>--}}
{{--                                <div class="card-body">--}}
{{--                                    <h6>How to enhance education quality management system</h6>--}}
{{--                                    <p class="date">August 26, 2019 8:00AM</p>--}}
{{--                                    <p>--}}
{{--                                        هنالك العديد من الأنواع المتوفرة لنصوص لوريم إيبسوم، ولكن الغالبية تم تعديلها بشكل ما هنالك العديد من الأنواع المتوفرة لنصوص لوريم إيبسوم،--}}
{{--                                        هنالك العديد من الأنواع المتوفرة لنصوص لوريم إيبسوم، ولكن الغالبية تم تعديلها بشكل ما هنالك العديد من الأنواع المتوفرة لنصوص لوريم إيبسوم،--}}
{{--                                        هنالك العديد من الأنواع المتوفرة لنصوص لوريم إيبسوم، ولكن الغالبية تم تعديلها بشكل ما هنالك العديد من الأنواع المتوفرة لنصوص لوريم إيبسوم،--}}
{{--                                    </p>--}}
{{--                                    <span class="more">--}}
{{--                                        <i class="fas fa-long-arrow-alt-right"></i>--}}
{{--                                        قراءة المزيد--}}
{{--                                    </span>--}}
{{--                                </div>--}}
{{--                            </div>--}}
{{--                        </a>--}}
{{--                    </div>--}}
{{--                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">--}}
{{--                        <a href="#">--}}
{{--                            <div class="card">--}}
{{--                                <div class="image-content">--}}
{{--                                    <img src="images/blog-2.jpg" alt="">--}}
{{--                                    <span class="badge">Marketing</span>--}}
{{--                                    <span class="right-line"></span>--}}
{{--                                    <span class="middle-line"></span>--}}
{{--                                </div>--}}
{{--                                <div class="card-body">--}}
{{--                                    <h6>How to enhance education quality management system</h6>--}}
{{--                                    <p class="date">August 26, 2019 8:00AM</p>--}}
{{--                                    <p>--}}
{{--                                        هنالك العديد من الأنواع المتوفرة لنصوص لوريم إيبسوم، ولكن الغالبية تم تعديلها بشكل ما هنالك العديد من الأنواع المتوفرة لنصوص لوريم إيبسوم،--}}
{{--                                    </p>--}}
{{--                                    <span class="more">--}}
{{--                                         <i class="fas fa-long-arrow-alt-right"></i>--}}
{{--                                         قراءة المزيد--}}
{{--                                     </span>--}}
{{--                                </div>--}}
{{--                            </div>--}}
{{--                        </a>--}}
{{--                    </div>--}}
{{--                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">--}}
{{--                        <a href="#">--}}
{{--                            <div class="card">--}}
{{--                                <div class="image-content">--}}
{{--                                    <img src="images/blog-3.jpg" alt="">--}}
{{--                                    <span class="badge">Marketing</span>--}}
{{--                                    <span class="right-line"></span>--}}
{{--                                    <span class="middle-line"></span>--}}
{{--                                </div>--}}
{{--                                <div class="card-body">--}}
{{--                                    <h6>How to enhance education quality management system</h6>--}}
{{--                                    <p class="date">August 26, 2019 8:00AM</p>--}}
{{--                                    <p>--}}
{{--                                        هنالك العديد من الأنواع المتوفرة لنصوص لوريم إيبسوم، ولكن الغالبية تم تعديلها بشكل ما هنالك العديد من الأنواع المتوفرة لنصوص لوريم إيبسوم،--}}
{{--                                    </p>--}}
{{--                                    <span class="more">--}}
{{--                                        <i class="fas fa-long-arrow-alt-right"></i>--}}
{{--                                        قراءة المزيد--}}
{{--                                    </span>--}}
{{--                                </div>--}}
{{--                            </div>--}}
{{--                        </a>--}}
{{--                    </div>--}}
{{--                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">--}}
{{--                        <a href="#">--}}
{{--                            <div class="card">--}}
{{--                                <div class="image-content">--}}
{{--                                    <img src="images/blog-4.jpg" alt="">--}}
{{--                                    <span class="badge">Marketing</span>--}}
{{--                                    <span class="right-line"></span>--}}
{{--                                    <span class="middle-line"></span>--}}
{{--                                </div>--}}
{{--                                <div class="card-body">--}}
{{--                                    <h6>How to enhance education quality management system</h6>--}}
{{--                                    <p class="date">August 26, 2019 8:00AM</p>--}}
{{--                                    <p>--}}
{{--                                        هنالك العديد من الأنواع المتوفرة لنصوص لوريم إيبسوم، ولكن الغالبية تم تعديلها بشكل ما هنالك العديد من الأنواع المتوفرة لنصوص لوريم إيبسوم،--}}
{{--                                    </p>--}}
{{--                                    <span class="more">--}}
{{--                                            <i class="fas fa-long-arrow-alt-right"></i>--}}
{{--                                            قراءة المزيد--}}
{{--                                        </span>--}}
{{--                                </div>--}}
{{--                            </div>--}}
{{--                        </a>--}}
{{--                    </div>--}}
{{--                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">--}}
{{--                        <a href="#">--}}
{{--                            <div class="card">--}}
{{--                                <div class="image-content">--}}
{{--                                    <img src="images/blog-5.jpg" alt="">--}}
{{--                                    <span class="badge">Marketing</span>--}}
{{--                                    <span class="right-line"></span>--}}
{{--                                    <span class="middle-line"></span>--}}
{{--                                </div>--}}
{{--                                <div class="card-body">--}}
{{--                                    <h6>How to enhance education quality management system</h6>--}}
{{--                                    <p class="date">August 26, 2019 8:00AM</p>--}}
{{--                                    <p>--}}
{{--                                        هنالك العديد من الأنواع المتوفرة لنصوص لوريم إيبسوم، ولكن الغالبية تم تعديلها بشكل ما هنالك العديد من الأنواع المتوفرة لنصوص لوريم إيبسوم،--}}
{{--                                    </p>--}}
{{--                                    <span class="more">--}}
{{--                                            <i class="fas fa-long-arrow-alt-right"></i>--}}
{{--                                            قراءة المزيد--}}
{{--                                        </span>--}}
{{--                                </div>--}}
{{--                            </div>--}}
{{--                        </a>--}}
{{--                    </div>--}}
{{--                    <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">--}}
{{--                        <a href="#">--}}
{{--                            <div class="card">--}}
{{--                                <div class="image-content">--}}
{{--                                    <img src="images/blog-2.jpg" alt="">--}}
{{--                                    <span class="badge">Marketing</span>--}}
{{--                                    <span class="right-line"></span>--}}
{{--                                    <span class="middle-line"></span>--}}
{{--                                </div>--}}
{{--                                <div class="card-body">--}}
{{--                                    <h6>How to enhance education quality management system</h6>--}}
{{--                                    <p class="date">August 26, 2019 8:00AM</p>--}}
{{--                                    <p>--}}
{{--                                        هنالك العديد من الأنواع المتوفرة لنصوص لوريم إيبسوم، ولكن الغالبية تم تعديلها بشكل ما هنالك العديد من الأنواع المتوفرة لنصوص لوريم إيبسوم،--}}
{{--                                    </p>--}}
{{--                                    <span class="more">--}}
{{--                                          <i class="fas fa-long-arrow-alt-right"></i>--}}
{{--                                          قراءة المزيد--}}
{{--                                      </span>--}}
{{--                                </div>--}}
{{--                            </div>--}}
{{--                        </a>--}}
{{--                    </div>--}}
{{--                    <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">--}}
{{--                        <a href="#">--}}
{{--                            <div class="card">--}}
{{--                                <div class="image-content">--}}
{{--                                    <img src="images/blog-3.jpg" alt="">--}}
{{--                                    <span class="badge">Marketing</span>--}}
{{--                                    <span class="right-line"></span>--}}
{{--                                    <span class="middle-line"></span>--}}
{{--                                </div>--}}
{{--                                <div class="card-body">--}}
{{--                                    <h6>How to enhance education quality management system</h6>--}}
{{--                                    <p class="date">August 26, 2019 8:00AM</p>--}}
{{--                                    <p>--}}
{{--                                        هنالك العديد من الأنواع المتوفرة لنصوص لوريم إيبسوم، ولكن الغالبية تم تعديلها بشكل ما هنالك العديد من الأنواع المتوفرة لنصوص لوريم إيبسوم،--}}
{{--                                    </p>--}}
{{--                                    <span class="more">--}}
{{--                                         <i class="fas fa-long-arrow-alt-right"></i>--}}
{{--                                         قراءة المزيد--}}
{{--                                     </span>--}}
{{--                                </div>--}}
{{--                            </div>--}}
{{--                        </a>--}}
{{--                    </div>--}}
{{--                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">--}}
{{--                        <a href="#">--}}
{{--                            <div class="card">--}}
{{--                                <div class="image-content">--}}
{{--                                    <img src="images/blog-4.jpg" alt="">--}}
{{--                                    <span class="badge">Marketing</span>--}}
{{--                                    <span class="right-line"></span>--}}
{{--                                    <span class="middle-line"></span>--}}
{{--                                </div>--}}
{{--                                <div class="card-body">--}}
{{--                                    <h6>How to enhance education quality management system</h6>--}}
{{--                                    <p class="date">August 26, 2019 8:00AM</p>--}}
{{--                                    <p>--}}
{{--                                        هنالك العديد من الأنواع المتوفرة لنصوص لوريم إيبسوم، ولكن الغالبية تم تعديلها بشكل ما هنالك العديد من الأنواع المتوفرة لنصوص لوريم إيبسوم،--}}
{{--                                    </p>--}}
{{--                                    <span class="more">--}}
{{--                                             <i class="fas fa-long-arrow-alt-right"></i>--}}
{{--                                             قراءة المزيد--}}
{{--                                         </span>--}}
{{--                                </div>--}}
{{--                            </div>--}}
{{--                        </a>--}}
{{--                    </div>--}}
{{--                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">--}}
{{--                        <a href="#">--}}
{{--                            <div class="card">--}}
{{--                                <div class="image-content">--}}
{{--                                    <img src="images/blog-3.jpg" alt="">--}}
{{--                                    <span class="badge">Marketing</span>--}}
{{--                                    <span class="right-line"></span>--}}
{{--                                    <span class="middle-line"></span>--}}
{{--                                </div>--}}
{{--                                <div class="card-body">--}}
{{--                                    <h6>How to enhance education quality management system</h6>--}}
{{--                                    <p class="date">August 26, 2019 8:00AM</p>--}}
{{--                                    <p>--}}
{{--                                        هنالك العديد من الأنواع المتوفرة لنصوص لوريم إيبسوم، ولكن الغالبية تم تعديلها بشكل ما هنالك العديد من الأنواع المتوفرة لنصوص لوريم إيبسوم،--}}
{{--                                    </p>--}}
{{--                                    <span class="more">--}}
{{--                                          <i class="fas fa-long-arrow-alt-right"></i>--}}
{{--                                          قراءة المزيد--}}
{{--                                      </span>--}}
{{--                                </div>--}}
{{--                            </div>--}}
{{--                        </a>--}}
{{--                    </div>--}}
{{--                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">--}}
{{--                        <a href="#">--}}
{{--                            <div class="card">--}}
{{--                                <div class="image-content">--}}
{{--                                    <img src="images/blog-4.jpg" alt="">--}}
{{--                                    <span class="badge">Marketing</span>--}}
{{--                                    <span class="right-line"></span>--}}
{{--                                    <span class="middle-line"></span>--}}
{{--                                </div>--}}
{{--                                <div class="card-body">--}}
{{--                                    <h6>How to enhance education quality management system</h6>--}}
{{--                                    <p class="date">August 26, 2019 8:00AM</p>--}}
{{--                                    <p>--}}
{{--                                        هنالك العديد من الأنواع المتوفرة لنصوص لوريم إيبسوم، ولكن الغالبية تم تعديلها بشكل ما هنالك العديد من الأنواع المتوفرة لنصوص لوريم إيبسوم،--}}
{{--                                    </p>--}}
{{--                                    <span class="more">--}}
{{--                                              <i class="fas fa-long-arrow-alt-right"></i>--}}
{{--                                              قراءة المزيد--}}
{{--                                          </span>--}}
{{--                                </div>--}}
{{--                            </div>--}}
{{--                        </a>--}}
{{--                    </div>--}}
                </div>
            </div>
        </section>
    </main>
@endsection


@section('inner_js')
    <script>
        $(document).ready(function () {
            $('.navs-container').addClass('page-heading')
        })
    </script>
@endsection
