@extends('layouts.public')
@section('content')
<link href="{{ asset('css/blog.css') }}" rel="stylesheet">

<section class="gridviewsection">
   <div class="cont">
      <div class="cont_row">
         <div class="gridview">
            @php $i = 0; $x = 0; $p = 0; @endphp
            @foreach($articles as $key => $article)

            @if($i % 2 == 0 && $i != 0 && $i % 4 != 0)
            @if(isset($jobs[$x]))
            <article>
               <div style="display: flex;padding: 0;flex-wrap: wrap;list-style: none;overflow-y: auto;">
                  <a href="{{route('publicJobsDetail', $jobs[$x]->uuid)}}" rel="bookmark" style="width: 100%; height: 174px; padding: 0px;">
                     <div style="height: 100%;display: block;overflow: hidden;position: relative;">
                        <img src="{{$jobs[$x]->profile_photo}}" style="left: 50%;height: 100%;position: relative;transform: translateX(-50%);">
                     </div>
                  </a>
               </div>
               <h3><a href="{{route('publicJobsDetail', $jobs[$x]->uuid)}}" rel="bookmark">{{$jobs[$x]->title}}</a></h3>
               <p> {!!$jobs[$x]->summary!!}</p>
            </article>
            @endif
            @php $x++; @endphp
            @endif

            @if($i != 0 && $i % 4 == 0  && Auth::check())
            @if(isset($person[$p]))
            <article>
               <div style="display: flex;padding: 0;flex-wrap: wrap;list-style: none;overflow-y: auto;" style="width: 100%; height: 174px; padding: 0px;">
                  <a href="{{route('publicPersonDetail', $person[$p]->uuid)}}" rel="bookmark" style="width: 100%; height: 174px; padding: 0px;">
                     <div style="height: 100%;display: block;overflow: hidden;position: relative;">
                        <img src="{{$person[$p]->profile_photo}}">
                     </div>
                  </a>
               </div>
               <h3><a href="{{route('publicPersonDetail', $person[$p]->uuid)}}" rel="bookmark">{{$person[$p]->name}}</a></h3>
               <p> {!!$person[$p]->executive_summary!!}</p>
            </article>
            @endif

            @php $p++; @endphp
            @endif
            <article>
               <div style="margin: 0px;display: flex;padding: 0;flex-wrap: wrap;list-style: none;overflow-y: auto;">
                  <a href="{{route('blogDetail', $article->slug)}}" rel="bookmark" style="width: 100%; height: 174px; padding: 0px;">
                     <div style="height: 100%;display: block;overflow: hidden;position: relative;">
                        <img src="{{$article->image_1}}" style="left: 50%;height: 100%;position: relative;transform: translateX(-50%);">
                     </div>
                  </a>
               </div>
               <h3><a href="{{route('blogDetail', $article->slug)}}" rel="bookmark">{{$article->title}}</a></h3>
               <p> {!!$article->description!!}</p>
            </article>

            @php $i++; @endphp

            @endforeach

         </div>
         {{ $articles->links() }}
      </div>

   </div>
</section>