@extends('layouts.app')

@section('content')

<style>
  tr {
    border-bottom: 1px solid #000;
  }
  tbody tr:last-child {
    border-bottom: none;
  }
  td {
      padding-left: 10px; /* ou margin-left: 10px; */
    }
</style>

<div class="font-authentic">Ceci est du texte avec la police Authentic Sans 90</div>
<div class="font-authentic-60">Ceci est du texte avec la police Authentic Sans 60</div>
<div class="font-caslon">Ceci est du texte avec la police Caslon normal</div>
<div class="font-caslon italic">Ceci est du texte avec la police Caslon italique</div>

  <table class="table-fixed">
    <thead>
      <tr class="border-jlg-white w-4/5 h-64 top-12 fixed flex items-stretch justify-around text-center text-lg uppercase">
        <th class="bg-jlg-dark-blue w-1/5 flex items-end justify-start"></th>
        <th class="bg-jlg-dark-blue w-1/5 flex items-end justify-start">Images</th>
        <th class="bg-jlg-dark-blue w-1/5 flex items-end justify-start">Voix Off et In</th>
        <th class="bg-jlg-dark-blue w-1/5 flex items-end justify-start">Bande Son</th>
        <th class="bg-jlg-dark-blue w-1/5 flex items-end justify-start">Ecrits</th>
      </tr>
    </thead>
    <tbody>
      <?php
        $args = array(
          'post_type' => 'post',
          'posts_per_page' => -1,
          'meta_key' => 'Index',
          'meta_type' => 'NUMERIC',
          'orderby' => 'meta_value',
          'order' => 'ASC'
        );
        $query = new WP_Query($args);
        if ($query->have_posts()) :
          while ($query->have_posts()) : $query->the_post();
      ?>
          <tr class="border-jlg-white font-authentic-60">
            <td class="w-1/5 bg-red-400 pr-4 pt-1 pb-8 text-right">{{ get_post_meta(get_the_ID(), 'Minutage', true) }}</td>
            <td class="w-1/5 py-8">{{ get_post_meta(get_the_ID(), 'Images', true) }}</td>
            <td class="w-1/5 py-8">{{ get_post_meta(get_the_ID(), 'VoixOffIn', true) }}</td>
            <td class="w-1/5 py-8">{{ get_post_meta(get_the_ID(), 'BandeSon', true) }}</td>
            <td class="w-1/5 py-8">{{ get_post_meta(get_the_ID(), 'Ecrits', true) }}</td>
          </tr>
       <?php
          endwhile;
        endif;
        wp_reset_postdata();
      ?>
    </tbody>
  </table>


  @if (! have_posts())
    <x-alert type="warning">
      {!! __('Sorry, no results were found.', 'sage') !!}
    </x-alert>

    {!! get_search_form(false) !!}
  @endif


@endsection