@extends('layouts.front')
@section('content')

    <section class="ItemfullBlock pt-3 pb-7 pt-md-5 pb-md-9 pt-lg-7 pb-lg-13 pt-xl-11 pb-xl-19">
        <div class="container">
            <div class="row">
                <div class="col-12 col-lg-9 mb-6">
                    <div class="pr-lg-5 pr-xl-15">
                        <div class="row">
                            <div class="col-md-8 col-lg-7 col-xl-6 col-xxl-5 mb-5">
                                <h1 class="display-4 mb-3">
                                    @if(isset($newsCategory) && !empty($newsCategory))
                                        {{$newsCategory->name}}
                                    @else
                                        {{ trans('module.news_title') }}
                                    @endif
                                </h1>
                            </div>
                        </div>
                        <div class="row">
                            @foreach ($news as $new)
                                <div class="col-12 col-md-4">
                                    @include('front.pages.newsCard')
                                </div>
                            @endforeach
                        </div>
                        {{--<nav aria-label="Page navigation">
                            <ul class="pagination justify-content-center pt-2">
                                <li class="page-item disabled">
                                    <a class="page-link" href="javascript:void(0);">Previous</a>
                                </li>
                                <li class="page-item active" aria-current="page">
                                    <a class="page-link" href="javascript:void(0);">1 <span class="sr-only">(current)</span></a>
                                </li>
                                <li class="page-item">
                                    <a class="page-link" href="javascript:void(0);">2</a>
                                </li>
                                <li class="page-item">
                                    <a class="page-link" href="javascript:void(0);">Next <i class="fas fa-chevron-right icn"><span class="sr-only">icon</span></i></a>
                                </li>
                            </ul>
                        </nav>--}}
                    </div>
                </div>
                <div class="col-12 col-lg-3 mb-6">
                    <div class="ml-lg-n5">
                        <aside class="sidebar">
                            <nav class="widget widgetArchiveList mb-6 mb-lg-10">
                                <h3 class="fwMedium mb-5">Categorii</h3>
                                <ul class="list-unstyled pl-0">
                                    <li class="d-flex justify-content-start align-items-center">
                                        <i class="fa fa-chevron-right"></i>
                                        <a href="{{url('stiri')}}" class="active">{{ trans('module.news_filter_all') }}</a>
                                    </li>
                                    @foreach ($newsCategories as $category)
                                        <li class="d-flex justify-content-start align-items-center">
                                            <i class="fa fa-chevron-right"></i>
                                            <a href="{{url('stiri') . '?category=' . $category->domain_name}}">{{ $category->name }}</a>
                                        </li>
                                    @endforeach
                                </ul>
                            </nav>
                        </aside>
                    </div>
                </div>
            </div>
        </div>
    </section>

@endsection