@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">
      @if(Session::has('message'))
          <div class="alert alert-success">
          {{Session::get('message')}}
          </div>
      @endif
    <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">Modifier</th>
          <th scope="col" class="b-col">Supprimer</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>
            <td>
              <form id="form-{{$entreprise->id}}" action="{{route('delete-entreprise')}}">
                @csrf
                <input type="hidden" name="entreprise_id" value="{{$entreprise->id}}">
                <svg onclick="$('#form-{{$entreprise->id}}').submit();" id="trash_line" data-name="trash line" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 32 32">
                  <path id="Tracé_194" data-name="Tracé 194" d="M26.793,35.21H10.539A2.607,2.607,0,0,1,8,32.543V14.97h1.78V32.543a.833.833,0,0,0,.193.607.851.851,0,0,0,.567.287H26.793a.851.851,0,0,0,.567-.287.833.833,0,0,0,.193-.607V14.97h1.78V32.543a2.607,2.607,0,0,1-2.54,2.667Z" transform="translate(-2.666 -4.99)" fill="#181830"/>
                  <path id="Tracé_195" data-name="Tracé 195" d="M29.137,11.11H6.223a.89.89,0,1,1,0-1.78H29.137a.89.89,0,0,1,0,1.78Z" transform="translate(-1.777 -3.11)" fill="#181830"/>
                  <path id="Tracé_196" data-name="Tracé 196" d="M28,17.33h1.78V30.663H28Z" transform="translate(-9.333 -5.777)" fill="#181830"/>
                  <path id="Tracé_197" data-name="Tracé 197" d="M17.33,17.33h1.78V30.663H17.33Z" transform="translate(-5.777 -5.777)" fill="#181830"/>
                  <path id="Tracé_198" data-name="Tracé 198" d="M26.223,6.1H24.53V4.443H19.023V6.1H17.33V4.443A1.779,1.779,0,0,1,19.023,2.67H24.53a1.779,1.779,0,0,1,1.693,1.773Z" transform="translate(-5.777 -0.89)" fill="#181830"/>
                  <path id="Tracé_200" data-name="Tracé 200" d="M0,0H32V32H0Z" fill="none"/>
                </svg>
              </form>
            </td>

        </tr>
        @endforeach
      </tbody>
    </table>
    </div>
  </div>
</div>

@endsection