@extends('master.principal')
@section('header')
<title> Novedades | {{ config('vw.name') }} </title>
@endsection
@section('content')

<div id="headerBreadcrumb" class="header__breadcrumb absolute" style="top: 98px;">
    <a href="{{ route('inicio') }}">inicio</a> / <a href="{{ route('novedades') }}">Novedades</a>
</div>

<div class="trucks--detailed">
	
	<div class="sectionTitle altPadding">
		<div>
			<span>
				<span></span>
			</span>
			<div class="yellowBorder"></div>
		</div>
		<div class="title">
			<span>Novedades</span>
		</div>
	</div>
	
	<div class="card-area row noImg">
		<div id="cardArea" style="width: 100%; padding: 0 15px;">
			<span>
				<div class="row cardArea">
					
                    @foreach($noticias as $noticia)
                    <span class="col-12 col-sm-6 col-lg-4 card-detailed-container news-card-container">
                        <div>
                            <div class="newsTruckCard card card-border">
                                @if(isset($noticia) && $noticia->imagen != null)
                                    <img src="{{ asset('storage/noticias/' . $noticia->id . '/' . $noticia->imagen) }}" class="img-fluid" alt="">
                                @else
                                    <img class="card-img-top lazy" src="/assets/front/img/placeholder-img-medium.png"
                                data-src="/assets/front/img/noticia-thumbnail.jpeg">
                                @endif
                                
                                <div class="card-body body-card">
                                    <h5 class="card-title subtitle-section">{{ $noticia->titulo }}</h5>
                                   
                                    <p class="card-text content-section"> {!! str_limit(strip_tags(html_entity_decode($noticia->texto)), 150) !!}
                                    </p>
                                </div>
                            </div>
                            <div class="button-card-container">
                                <div class="button-card news-truck-card-button">
                                    <a class="btn btn-secondary" href="{{ route('novedad' , $noticia->id) }}">
                                    <h5 class="p-2 text-center">Leer más</h5>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </span>
                    @endforeach                   

				</div>

                
    		</span>
            <div class="row">
                <div class="col justify-content-center d-flex">
                    <div>{{ $noticias->links() }}</div>
                </div>
            </div>
		</div>


    </div>
</div>

@endsection