@extends('layouts.app')

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

  @php
      $countries = get_terms([
           'taxonomy' => 'icarus_stockist_country',
           'orderby'  => 'name',
           'order'    => 'ASC',
           'hide_empty' => true,
      ]);
  @endphp

  @foreach ($countries as $country)
    @php
        $stockists = get_posts( array(
            'post_type'  => 'icarus_stockist',
            'orderby'    => 'title',
            'sort_order' => 'asc',
            'tax_query' => [
                [
                    'taxonomy' => 'icarus_stockist_country',
                    'terms' => $country->term_id,
                ],
            ],
        ) );
    @endphp

      <div class="grid-x contributors-grid">
        <div class="cell medium-5 b-t">
          <span class="letter">{{$country->name}}</span>
        </div>
        <div class="cell small-12 medium-7 b-t">
          <ul class="contributors-list">
            @foreach ($stockists as $stockist)
              <li class="grid-x">
                <div class="cell medium-7">
                  <span class="title">{!! $stockist->post_title !!}</span>
                </div>
                <div class="cell medium-5">
                    @if (get_field('website', $stockist->ID))
                        <a target="_blank" href="{!! App::add_http(get_field('website', $stockist->ID)) !!}">
                            <div class="toggle"></div>
                        </a>
                    @endif
                </div>
              </li>
            @endforeach
          </ul>
        </div>
      </div>
  @endforeach

  {!! get_the_posts_navigation() !!}
@endsection