@extends('layout.layout')
@section('breadcrumb')
  Établissements
@endsection
@section('content')

<div class="container-fluid mt-3" id="report">
  <div class="row justify-content-center align-items-center g-5 mb-0">
    <div class="col-6 d-flex">
      <button type="button" id="tfFormules" class="pageNav active">Liste des entreprises :</button>
    </div>
    <div class="col-6 text-end">
      <a href="{{route('add-etablissement')}}">
      <button type="button" class="addNew">
        <div class="addIcon" >
          <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 22.664 22.663">
            <path id="Tracé_201" data-name="Tracé 201" d="M27.5,16.67H18.332V7.5a.831.831,0,0,0-1.663,0V16.67H7.5a.827.827,0,0,0-.831.831.754.754,0,0,0,.831.781h9.169V27.5a.831.831,0,1,0,1.663,0V18.333H27.5a.831.831,0,1,0,0-1.663Z" transform="translate(-6.168 -6.17)" fill="#123055" stroke="#123055" stroke-width="1"/>
          </svg>                          
        </div>
        Ajouter une entreprise
      </button>
      </a>
    </div>
    <div class="col-12">
    <table class="table tf-strip border-light tf-table tf-spaced">
      <thead>
        <tr>
          <th scope="col" class="db-col">Entreprise</th>
          <th scope="col" class="b-col">Établissements</th>
          <th scope="col" class="b-col">Action</th>
        </tr>
      </thead>
      <tbody>
        @foreach($entreprises as $entreprise)
        <tr>
          <td class="fw-bold">{{$entreprise->nom}}</td>
          <td>
            @if(count($entreprise->etablissements()->get())==0)
            Aucune Etablissements
            @endif
            @foreach($entreprise->etablissements()->get() as $etablissement)
            {{$etablissement->nom}}<br>
            @endforeach
          </td>
          <td>
            <a href="{{route('edit-etablissement',$entreprise->id)}}">
              <svg id="edit_line" data-name="edit line" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 32 32">
                <path id="Tracé_111" data-name="Tracé 111" d="M31.138,8.2l-5.22-5.24a1.839,1.839,0,0,0-2.593,0L4.825,21.429,3.138,28.722a1.817,1.817,0,0,0,.36,1.533,1.838,1.838,0,0,0,1.42.687,1.81,1.81,0,0,0,.38,0l7.367-1.687L31.138,10.8A1.847,1.847,0,0,0,31.138,8.2ZM11.778,27.656,4.872,29.1l1.573-6.773L20.285,8.542l5.333,5.333ZM26.812,12.589,21.478,7.256l3.093-3.08,5.24,5.333Z" transform="translate(-1.032 -0.809)" fill="#181830"/>
                <path id="Tracé_113" data-name="Tracé 113" d="M0,0H32V32H0Z" fill="none"/>
              </svg>
            </a>
          </td>
        </tr>
        @endforeach
      </tbody>
    </table>
    </div>
  </div>
</div>

@endsection