@extends("layout.pages.app")
@section("content")
    <div style="width: 100%; max-width: 1260px; margin: auto; padding-top: 202px;">
        <h1>Noticias</h1>
        <div style="width: 100%; float: left; margin:10px; display: block; text-align: justify;">
            @foreach($notanteriores as $item)
                <a href="{{route('comunicado.show', base64_encode(base64_encode($item->comunicado)))}}">
                    <div
                        style="width: 100%; max-width: 390px; float: left; margin-bottom: 20px; display: block; text-align: justify;">
                        @if(count($item->fotos))
                            <div
                                style="float: left; width: 100px; height: 100px; margin-right: 10px; background: url({{asset("storage/img/fotos/comunicados") . "/" . $item->fotos->first()->foto}}) 50% 50%; background-size: cover;"></div>
                        @endif
                        <div style="float: left; width: 270px">
                            <p class="date">
                                {{ Date::parse($item->fecha)->format('d') }} de
                                {{ Date::parse($item->fecha)->format('F') }},
                                {{ Date::parse($item->fecha)->format('Y') }}
                            </p>
                            <p style="line-height: 110%; font-size: 1.0em; font-weight: bolder; margin: 0px; text-align: left;">{{$item->titulo}}</p>
                        </div>
                        <div style="clear: both;"></div>
                    </div>
                </a>
            @endforeach
        </div>
    </div>
@endsection