@extends('layouts.app')
@include('layouts.footer')

@section('content')

<section id="hero" class="newscover d-flex align-items-center">
    <div class="container position-relative" data-aos="fade-up" data-aos-delay="500">
      <h1>Noticias</h1>
    </div>
</section>

<div class="container">
  @foreach($news as $key => $n)
    @if(($key+1) % 2 == 0 )
      <div class="news">
        <div class="newsContent row">
          <div class="newstext col-sm-12 col-md-6">
            <h3>{!! $n->news_title !!}</h3>
            <p>{!! $n->news_subtitle !!}</p>
            <hr/>
            <h6><span class="badge badge-secondary">{{$n->related->related_name}}</span> {{$n->created_at}}</h6>
            <a href="{{ route('showNews',$n->news_url) }}"><button>LER MAIS</button></a>
          </div>

          <div class="newsimg col-sm-12 col-md-6">
            <img src="{{ asset(config('app.url').'/'.$n->news_img) }}" class="img-fluid" alt="{{$n->news_img_alt}}" />
          </div>
        </div>
      </div>
      
    @else
    <div class="news">
      <div class="newsContent row">
        <div class="newsimg col-sm-12 col-md-6">
          <img src="{{ asset(config('app.url').'/'.$n->news_img) }}" class="img-fluid"  alt="{{$n->news_img_alt}}" />
        </div>
        <div class="newstext col-sm-12 col-md-6">
          <h3>{!! $n->news_title !!}</h3>
          <p>{!! $n->news_subtitle !!}</p>
          <hr />
          <h6><span class="badge badge-secondary">{{$n->related->related_name}}</span> {{$n->created_at}}</h6>
          <a href="{{ route('showNews',$n->news_url) }}"><button>LER MAIS</button></a>
        </div>

      </div>
    </div>
    @endif
    
  @endforeach
</div>

<section id="newsArticles" class="d-flex align-items-center">
  <div class="container">
    <div class="row">
      @foreach($last as $l)
        <div class="cardArticle col-md-3">
          <img src="{{ asset(config('app.url').'/'.$l->news_img) }}" class="img" alt="{{$l->news_img_alt}}" />
          <h6>{!! $l->news_title !!}</h6>
          <p>{!! $l->news_subtitle !!}</p>
          <a href="{{ route('showNews',$l->news_url) }}"><button>LER MAIS</button></a>
        </div>
      @endforeach
    </div>
  </div>
</section>

<div align="center">
  <a href="{{ route('showAllNews') }}"><button class="button-news">Ver mais notícias</button></a>
</div>
@endsection