@extends('layouts.app')

@section('content')
  @include('partials.page-header')

  @php
      $alphas = range('A', 'Z');
      $letter_keyed_posts = array();
  @endphp

  @while (have_posts()) @php the_post() @endphp
    @php
        $first_letter = strtoupper( substr( get_the_title(), 0, 1 ) );

        if ( ! array_key_exists( $first_letter, $letter_keyed_posts ) ) {
            $letter_keyed_posts[ $first_letter ] = array();
        }

         $letter_keyed_posts[ $first_letter ][] = get_post(get_the_ID());
    @endphp
  @endwhile

  @foreach ($letter_keyed_posts as $key => $value)
    <div class="grid-x contributors-grid">
      <div class="cell medium-5 b-t">
        <span class="letter">{{$key}}</span>
      </div>
      <div class="cell small-12 medium-7 b-t">
        <ul class="contributors-list">
          @foreach ($value as $val)
            <li class="grid-x accordion-line  @if (get_post($val->ID)->post_content != "") has-content @endif">
              <div class="cell medium-7">
                <span class="title">{!! $val->post_title !!}</span>
              </div>
              <div class="cell medium-4">
                <span class="cat">{!! get_the_terms($val->ID, 'icarus_contributor_cat')[0]->name !!}</span>
              </div>
              @if (get_post($val->ID)->post_content != "")
                <div class="toggle"></div>

                <div class="cell small-copy content">
                  @php
                      $content_post = get_post($val->ID);
                      $content = $content_post->post_content;
                      $content = apply_filters('the_content', $content);
                      $content = str_replace(']]>', ']]&gt;', $content);
                  @endphp
                  {!! $content !!}
                </div>
              @endif
            </li>
          @endforeach
        </ul>
      </div>
    </div>
  @endforeach

  {!! get_the_posts_navigation() !!}
@endsection