@extends('templates.prefeitura3.layout2')

@section('content')
<style>
    .card { border: none!important;}
</style>
    <div style=" background-color: #F9F9F9 ; height: auto; padding-top: 20px; padding-bottom: 20px; " >
        <div class="container"  style="background-color: #F8F8F8; border: #EBEBEB solid 2px; padding: 40px; border-radius: 15px; border-top:6px solid var( --backgroud-header);">
            <div class="row" style="background-color: #F2F2F2; margin-bottom: 20px; padding: 20px; border: #EBEBEB solid 2px; border-radius: 10px;" >
                <div class="col-md-4">
                    <i class="fa fa-newspaper-o" style="font-size: 25px; color:var( --backgroud-header);  font-weight: bold;" aria-hidden="true"></i> <span style="font-size: 25px; font-weight: bold; color: #000000; padding-left: 10px;" > Notícias</span>
                </div>
                <div class="col-md-8" style="text-align: right;">
                    <span style="color:var( --backgroud-header); border-right: 2px solid var( --backgroud-header); font-weight: bold; padding-right: 20px; ">Acesso rápido</span>
                    @php $linkscont = 0; @endphp
                    @foreach($links as $link)
                            <a href="{{$link->url}}" @if($link->outraba == 'on')target="_blank" @endif class="btn  span_noti "  style=" color: #ADADAD; font-size: 20px; ">
                                <i class=" fa {{$link->icon}} " aria-hidden="true" style="padding-right: 5px;"></i>
                            </a>
                        @php $linkscont++ @endphp
                    @endforeach
                </div>
            </div>
            <div class="row" style="">
                <div class="div col-md-12"style=" height: auto; margin-bottom:20px; " >
                    <div class="row">
                        <div class="col-md-6">
                            <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel" style="margin-top: 20px; margin-bottom: 10px ">
                                @php
                                    $noticiacont = 0;
                                    $noticiacont2 = 0;
                                @endphp
                                <div class="carousel-inner">
                                    @foreach($noticias as $noticia)
                                        <div class="carousel-item   @if($noticiacont2 == 0)  active @endif" style="height: 320px; ">
                                            <img class="d-block w-100" src="{{asset($noticia->img)}}" alt="{{$noticia->titulo}}" style="border-radius: 10px;">
                                            <a class="btn btn-default" style="  border-radius: 15px; position: absolute!important; top: 30px; background-color: #FFF; left: 20px;
                                             z-index: 10000!important; padding-top:3px; padding-bottom:3px; ">{{App\Category::find($noticia->category_id)->name}}</a>
                                            <div class="carousel-caption d-none d-md-block titulonoticia" style="width: 60%; right: 0%; position: absolute; left: 0%;padding-top:10px; top: 50%; text-align: left; margin-left: 30px; padding-bottom:10px;">
                                                <a href="{{routeTenant('site.noticias',['pg'=>$noticia->url])}}" style="z-index: 10000!important;"> <h5 style="color: #FFF;">{{$noticia->titulo}}</h5></a>
                                                <i class="fa fa-clock-o" aria-hidden="true"></i>  <span style="color: #FFF;">{{$noticia->created_at->format('d/m/Y')}}</span>
                                            </div>
                                        </div>
                                        @php $noticiacont2++ @endphp
                                    @endforeach
                                </div>
                                <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" style="z-index: 10!important; top: 40%; height: 30px!important; " data-slide="prev">
                                    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                                    <span class="sr-only">Previous</span>
                                </a>
                                <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" style="z-index: 10!important; top: 40%; height: 30px!important; "  data-slide="next">
                                    <span class="carousel-control-next-icon" aria-hidden="true"></span>
                                    <span class="sr-only">Next</span>
                                </a>
                            </div>
                        </div>
                        <div class="col-md-5 offset-md-1 noticias_title" >
                            <h5  style="color: #646464; font-size: 17px; margin-top: -12px; margin-bottom: 10px; margin-left: 18px;">Mais lidas</h5>
<div style="padding: 20px!important;  background-color: #FFF; border: solid #EBEBEB 1px; border-radius: 10px;">
                            @foreach($noticia2s as $noticia)
                                    <div class="row">
                                        <div class="col-md-5"style="padding-left: 0; padding-right: 0;">
                                                                    <div class="img-canvas" style="  ">
                                                                        <a href="{{url('noticia/'.$noticia->url) }}">
                                                                            <img src="{{asset($noticia->img)}}" class="img-thumbnail"
                                                                                 alt="{{$noticia->titulo}}" title="{{$noticia->titulo}} ">
                                                                            </a>
                                                                    </div>
                                        </div>
                                        <div class="col-md-7"style="padding-left: 0; padding-right: 0; text-align: justify;">
                                            <span class="title_noticia2">{{App\Category::find($noticia->category_id)->name}}</span>   <span style="color: #ADADAD; border-left:#ADADAD solid 2px; padding-left: 10px;  font-size: 12px;"><i class="fa fa-clock-o" aria-hidden="true"></i> {{$noticia->created_at->format('d/m/Y')}}</span>
                                            <h3 style="font-size: 16px; padding: 10px 20px 10px 20px; font-weight: bold;">{{$noticia->titulo}}</h3>
                                        </div>
                                    </div>
                                <hr>
                            @endforeach
                        </div>
                    </div>
                    </div>
                </div>
            </div>
            <div class="row">
            <div class="col-md-12" style="margin-bottom: 10px;"><h6 style="color: #646464;">Últimas notícias</h6></div>
            </div>
            <div class="row" style="background-color: #FFFFFF; padding: 20px;">
@php $cont = 1; @endphp
                @foreach($noticia3s as $noticia)
                <div class="col-md-3" style="@if($cont < count($noticia3s) ) border-right: 2px solid #EBEBEB; @endif">
                    <div class="card" style="width: 80%; margin-left: 10%;">
                        <a href="{{routeTenant('site.noticias',['pg'=>$noticia->url])}}" >
                            <img class="card-img-top" src="{{asset($noticia->img)}}" alt="Card image cap">
                        </a>
                        <div class="card-body">
                            <h6 class="card-title" style="color: var(--backgroud-header);">{{App\Category::find($noticia->category_id)->name}}</h6>
                            <a href="{{routeTenant('site.noticias',['pg'=>$noticia->url])}}" >
                            <p class="card-text" style="color: #000; font-weight: bold;">{{$noticia->titulo}}</p>
                            </a>
                            <span style="color: #ADADAD; font-size: 13px;">{{$noticia->created_at->format('d/m/Y')}}</span>
                        </div>
                    </div>
                </div>
                    @php $cont++; @endphp
                @endforeach
                <div class="col-md-12" style="text-align: center; margin-top: 30px;"> <a href="#" class="btn btn-primary">Ver mais</a></div>
            </div>
        </div>
    </div>
@endsection
@section('post-script')
@endsection