@extends('web_layout.app')

@section('web.page-title', 'Latest News - New Migrant')

@section('web.main-content')


<!--Page Header Start-->
<section class="page-header">
    <div class="page-header-bg" style="background-image: url({{ asset('web_assets/images/backgrounds/news-page-header-bg.jpg') }})">
    </div>
    <div class="container">
        <div class="page-header__inner">
            <h2>Latest News and Updates</h2>
            <ul class="thm-breadcrumb list-unstyled">
                <li><a href="{{ route('web.home') }}">Home</a></li>
                <li><span>-</span></li>
                <li class="active">News</li>
            </ul>
        </div>
    </div>
</section>
<!--Page Header End-->

<!--Blog One Start-->
<section class="blog-sidebar">
    <div class="container">
        <div class="row">


            <div class="col-xl-8 col-lg-7">

                <div class="blog-sidebar__left">
                    <div class="blog-sidebar__content-box">

                        <div class="row">

                            @if (count($news) > 0)

                                @foreach ($news as $new)

                                    <div class="col-xl-6 col-lg-6 col-md-12">
                                        <div class="blog-one__single">
                                            <div class="blog-one__img-box">
                                                <div class="blog-one__img">
                                                    <img src="{{ asset('web_assets/images/news/'.$new->title_image) }}" alt="">
                                                    <a href="{{ route('web.news.detail', $new->page_url) }}">
                                                        <span class="blog-one__plus"></span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="blog-one__content">
                                                <div class="blog-one__tag-and-user">
                                                    <div class="blog-one__tag">
                                                        <p>
                                                            <a href="{{ route('web.news.category', $new->category->page_url) }}">
                                                                {{ $new->category->title }}
                                                            </a>
                                                        </p>
                                                    </div>

                                                </div>
                                                <h3 class="blog-one__title">
                                                    <a href="{{ route('web.news.detail', $new->page_url) }}">{{ $new->title }}</a>
                                                </h3>
                                                <div class="blog-one__comment-and-arrow">
                                                    <div class="blog-one__comment">
                                                        <p><span class="fas fa-comments"></span> Start Reading</p>
                                                    </div>
                                                    <div class="blog-one__arrow">
                                                        <a href="{{ route('web.news.detail', $new->page_url) }}"><i class="icon-up-right"></i></a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                @endforeach

                            @else

                                <h5 class="mb-4">Currently no news available on {{ $category->title }}.</h5>

                            @endif


                            <h2 class="sidebar__title">You might also like</h2>
                            <ul class="sidebar__post-list list-unstyled">

                                @foreach ($latest_news as $l_new)
                                <li>
                                    <div class="sidebar__post-image">
                                        <img src="{{ asset('web_assets/images/news/thumb/'.$l_new->title_image) }}" alt="">
                                    </div>
                                    <div class="sidebar__post-content">
                                        <h3>
                                            <a href="{{ route('web.news.detail', $l_new->page_url) }}">{{ $l_new->title }}</a>
                                        </h3>
                                    </div>
                                </li>


                                @endforeach

                            </ul>



                        </div>

                    </div>

                </div>


            </div>

            <div class="col-xl-4 col-lg-5 blog-sidebar__col">
                <div class="blog-sidebar__right">
                    <div class="sidebar pb-5">

                        <div class="sidebar__post mt-0">
                            <h3 class="sidebar__title">Latest Updates</h3>
                            <ul class="sidebar__post-list list-unstyled">

                                @foreach ($latest_news as $l_new)

                                <li>
                                    <div class="sidebar__post-image">
                                        <img src="{{ asset('web_assets/images/news/thumb/'.$l_new->title_image) }}" alt="">
                                    </div>
                                    <div class="sidebar__post-content">
                                        <h3>
                                            <a href="{{ route('web.news.detail', $l_new->page_url) }}">{{ $l_new->title }}</a>
                                        </h3>
                                    </div>
                                </li>


                                @endforeach

                            </ul>
                        </div>
                        <div class="sidebar__category">
                            <h3 class="sidebar__title">News Categories</h3>
                            <ul class="sidebar__category-list list-unstyled">

                                @foreach ($news_categories as $n_cat)

                                <li>
                                    <a href="{{ route('web.news.category', $n_cat->page_url) }}">
                                        {{ $n_cat->title }}
                                        <span class="fas fa-caret-right"></span>
                                    </a>
                                </li>

                                @endforeach


                            </ul>
                        </div>

                    </div>
                </div>
            </div>


        </div>
    </div>
</section>
<!--Blog One End-->

@endsection

@section('web.header_script')

@endsection

@section('web.footer_script')


@endsection