@extends('site.app')
@section('pageTitle', __('menu.news'))
@section('content')
@if (isset($banner) && $banner->image)
    <div class="novedades-banner-area" style="background-image: url('/assets/images/banners/{{$banner->image}}');">>
        <div class="container">
            <div class="row">
                <div class="col-lg-11 col-lg-offset-1">
                    <div class="novedades-banner-text cmn-style">
                        <h2>{{__('menu.news')}}</h2>
                        <span><a href="{{route('site.index')}}">{{__('menu.home')}}</a></span>
                        <a href="{{route('site.blog.index')}}">{{__('menu.news')}}</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endif

 <!-- Description Area-->
 <div class="description-area">
	<div class="container">
		<div class="row">
			<div class="sameHeight col-lg-7 col-lg-offset-1 col-md-8">
                <div class="description-left-area">
                    @foreach($categories as $category)
                        @foreach($category->blogs as $blog)
                            <div class="single-description-area">
                                <div class="single-description-img">
                                    <div class="single-description-left-img">
                                        <img src="{{ $blog->cover }}" alt="{{ $blog->transTitle }}" style="height: 100%;
                                        object-fit: cover;">
                                        <div class="single-text-before">
                                            <h6>{{ $blog->created_at->isoFormat('DD') }}</h6>
                                            <p>{{ $blog->created_at->isoFormat('MMM') }}</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="single-description-text">
                                    <a href="{{route('site.blog.index',['blog_category_id' => [$category->id]])}}" title="{{ $category->transName }}"><h6><i class="far fa-file"></i> {{ $category->transName }}</h6></a>
                                    <h3><a href="{{route('site.blog.detail', $blog->slug)}}">{{ $blog->transTitle }}</a></h3>
                                    <p>{!! strlen($blog->transContent) > 180 ? substr($blog->transContent, 0, 180) . '...' : $blog->transContent !!}</p>
                                    <div class="var-mas-btn">
                                        <a href="{{route('site.blog.detail', $blog->slug)}}" title="{{ $blog->transName }}">
                                            <span> {{__('home.news_view_more')}}<i class="fa fa-long-arrow-alt-right"></i></span>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    @endforeach
                </div>
			</div>
			<div class="sameHeight col-lg-4 col-md-4">
                    <div class="sidebar-area">
                        @if ($categories->isNotEmpty())
                            {!! Form::model($_GET,['method'=>'GET']) !!}
                                <form action="{{ route('site.blog.index') }}" method="GET">
                                    <div class="mb-3">
                                        <h4>{{__('home.filter')}}</h4>
                                        @if (App::getLocale() == 'es')
                                            {!! Form::text('title', null, ['class' => 'form-control', 'id' => 'title', 'placeholder' => trans('filter.alert')]) !!}
                                        @else
                                            {!! Form::text('titleEN', null, ['class' => 'form-control', 'id' => 'titleEN', 'placeholder' => trans('filter.alert')]) !!}
                                        @endif
                                    </div>
                                    <div class="mb-3">
                                        <h3>{{__('home.category')}}</h3>
                                        @foreach ($categories as $category)
                                            <div class="custom-control form-check custom-checkbox py-1 d-flex">
                                                {!! Form::checkbox('blog_category_id[]', $category->id, in_array($category->id, $_GET['blog_category_id'] ?? []), ['class'=>'form-check-input']) !!}
                                                {!! Form::label('blog_category_id', $category->transName, ['class'=>'form-check-label mb-0']) !!}
                                            </div>
                                        @endforeach
                                    </div>
                                    <div class="filter-button">
                                        <button type="submit"><i class="fa fa-search"></i> {{__('home.search')}}</button>
                                        <a href="{{route('site.blog.index')}}">{{__('home.trash')}}</a>
                                    </div>
                                </form>
                            {!! Form::close() !!}
                        @endif
                        @if ($relateds->isNotEmpty())
                            <div class="side-noticias">
                                <h4>{{__('home.more-read')}}</h4>
                                <div class="side-noticias-area">
                                    @foreach ($relateds as $related)
                                        <div class="side-noticias-single">
                                            <a href="{{route('site.blog.detail', $related->slug)}}" title="{{$related->transTitle}}">
                                                <div class="side-noticias-left">
                                                    <img src="{{$related->cover}}" alt="{{$related->transTitle}}" style="height: 40px; object-fit: cover;">
                                                </div>
                                                <div class="side-noticias-right">
                                                    <p>{!!$related->transTitle!!}</p>
                                                    <h6><span><i class="fa fa-calendar-alt"></i></span>{{ $related->created_at->isoFormat('MMM DD YYYY') }}</h6>
                                                </div>
                                            </a>
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                        @endif
                        @if ($units->isNotEmpty())
                            <div class="side-dropdown ">
                                <h4>{{__('menu.business')}}</h4>
                                <ul>
                                    @foreach ($units as $unit )
                                        <li><p>{{$unit->name}} <span><i class="fa fa-chevron-down"></i></span></p>
                                            <ul>
                                                @foreach ($unit->subcategories as $subcategory )
                                                    <li>
                                                        <a href="{{route('site.units.detail', $subcategory->slug)}}" title="{{ $subcategory->transName}}">
                                                            {{ $subcategory->transName}}
                                                        </a>
                                                    </li>
                                                @endforeach
                                            </ul>
                                        </li>
                                    @endforeach
                                </ul>
                            </div>
                        @endif
                        @if($rseTabs->isNotEmpty())
                            <div class="sidebar-social">
                                <h4>{{__('home.csr')}}</h4>
                                @foreach ($rseTabs as $rseTab)
                                    <ul>
                                        <li>
                                            <a href="{{route('site.rse')}}#{{$rseTab->slug}}" title="{{$rseTab->transName}}">{{$rseTab->transName}}</a>
                                        </li>
                                    </ul>
                                @endforeach
                            </div>
                        @endauth
                    </div>
                </div>
            </div>
		</div>
	</div>
</div>

<div class="pagination-area tcenter">
    <div class="container">
        <div class="row">
            <div class="col-xs-12">
                <div class="paginas-inner">
                    {{ $categories->links('vendor.pagination.bootstrap-4') }}
                </div>
            </div>
        </div>
    </div>
</div>

@endsection