<div class="table-responsive">
  <table class="table table-bordered" style="width: 100%">
    <thead>
      <tr>
      <th class="text-center">N°</th>
      <th>{{ ucfirst($title) }}</th>
      <th>Période</th>
      <th>Elèves responsable</th>
      <th>Educateurs</th>
      </tr>
    </thead>
    <tbody>
      @php $i = 1; @endphp
      @forelse ($data as $item)
        <tr>
          <th class="text-center">{{ $i < 10 ? '0'.$i++:$i++ }}</th>
          <td>
            {{ ucfirst($item->activit) }}
          </td>
          <td>
            Du {{ date('d/m/Y', strtotime($item->date_dbt)).' au '.date('d/m/Y', strtotime($item->date_fin)) }}
          </td>
          <td>
            {{ strtoupper($item->inscription->student->first_name).' '.ucwords($item->inscription->student->last_name) }}
          </td>
          <td>
            {{ ($item->user->sexe == 'F' ? 'Mme':'Mr').' '.strtoupper($item->user->first_name).' '.ucwords($item->user->last_name) }}
          </td>
        </tr> 
      @empty
        <tr>
          <td colspan="5" class="text-center">Underdefined data</td>
        </tr>
      @endforelse
    </tbody>
  </table>
</div>