@extends('layout.layout')
@section('breadcrumb')
  Modification d'entreprise
@endsection
@section('content')
<div class="container-fluid mt-3" id="report">
  <div class="row justify-content-center  g-5 mb-0">
    <div class="col-6 d-flex">
      <button type="button" id="tfFormules" class="pageNav active">Nom de l'entreprise :</button>
    </div>
    <div class="col-6 d-flex">
        <button type="button" id="tfFormules" class="pageNav active">Liste des établissements :</button>
    </div>
    <div class="col-6 mt-4">
            
        <form action="" method="post">
            @csrf
            <div class="mb-3" style="margin-bottom:10px">
                
                <input type="text" class="form-control" name="nameEntreprise" value="{{$entreprise->nom}}" required>
            </div>
            <input type="hidden" name="action" value="edit-entrepreise"/>
            <input type="hidden" name="entreprise_id" value="{{$entreprise->id}}"/>
            <button type="submit" class="submitModal m-0 mt-4">
                <svg class="me-2" xmlns="http://www.w3.org/2000/svg" width="24" height="20" viewBox="0 0 33.595 23.995">
                    <path id="Tracé_211" data-name="Tracé 211" d="M40.1,12.7a2.42,2.42,0,0,1,0,3.4L20.9,35.3a2.42,2.42,0,0,1-3.4,0L7.9,25.7a2.4,2.4,0,1,1,3.4-3.4l7.9,7.91L36.7,12.7A2.42,2.42,0,0,1,40.1,12.7Z" transform="translate(-7.202 -12.003)" fill="#fff" fill-rule="evenodd"/>
                </svg>
                Modifier le nom de l'entreprise
            </button>
        </form>
            
        
    </div>
    <div class="col-6 mt-4">
            @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" style="margin-top:-9px">
            <thead>
                <tr>
                <th scope="col" class="b-col">Entreprise</th>
                <th scope="col" class="b-col">Action</th>
                </tr>
            </thead>
            <tbody>
            @foreach($entreprise->etablissements()->get() as $etablissement)
                <tr>
                    <td>{{$etablissement->nom}}</td>
                    <td>
                        <div class="d-flex align-items-center justify-content-center">
                            <div class="me-3">
                                <a href="#" data-bs-toggle="modal" data-bs-target="#etablissement-{{$etablissement->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>
                            </div>
                            <div>
                                <form action="{{route('delete-etablissement')}}" method="post">
                                    @csrf
                                    <input type="hidden" name="entreprise_id" value="{{$etablissement->id}}"/>
                                    <button type="submit" style="background-color:transparent; border:0px; padding:0;">
                                        <svg 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>
                                    </button>
                                </form>
                            </div>
                        </div>
                        
                    </td>
                </tr>
                <div id="etablissement-{{$etablissement->id}}" class="modal fade" tabindex="-1" aria-labelledby="etablissementLabel-{{$etablissement->id}}" aria-hidden="true">
                <div class="modal-dialog modal-md modal-dialog-centered">
                    <div class="modal-content">
                    <div class="closeWrap text-end">
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                        <form action="{{ route('edit-etablissement', $entreprise->id) }}" method="post">
                        @csrf
                        <div class="mb-3">
                            <label for="nameEtablissement-{{$etablissement->id}}" class="form-label">Nom de l'établissement :</label>
                            <input type="text" class="form-control mt-4" id="nameEtablissement-{{$etablissement->id}}" name="nameEtablissement" value="{{$etablissement->nom}}" required>
                        </div>
                        <input type="hidden" name="action" value="edit-etablissement"/>
                        <input type="hidden" name="etablissement_id" value="{{$etablissement->id}}"/>
                        <button type="submit" class="submitModal">
                        <svg class="me-2" xmlns="http://www.w3.org/2000/svg" width="24" height="20" viewBox="0 0 33.595 23.995">
                            <path id="Tracé_211" data-name="Tracé 211" d="M40.1,12.7a2.42,2.42,0,0,1,0,3.4L20.9,35.3a2.42,2.42,0,0,1-3.4,0L7.9,25.7a2.4,2.4,0,1,1,3.4-3.4l7.9,7.91L36.7,12.7A2.42,2.42,0,0,1,40.1,12.7Z" transform="translate(-7.202 -12.003)" fill="#fff" fill-rule="evenodd"/>
                        </svg>
                            Modifier
                        </button>
                        </form>
                    </div>
                    </div>
                </div>
                </div>

            @endforeach
            </tbody>
        </table>
        <form action="{{route('add-etablissement')}}" method="post">
            @csrf
            <div class="mb-3" style="margin-bottom:10px">
                <label for="exampleInputEmail1" class="form-label">Nom de l'etablissement :</label>
                <input type="text" class="form-control" name="nameEtablissement" required>
            </div>
            <input type="hidden" name="action" value="add-etablissement"/>
            <input type="hidden" name="entreprise_id" value="{{$entreprise->id}}"/>
            <button type="submit" class="actionBtn">
            <svg id="add_line" data-name="add line" xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 37.881 37.881">
                <path id="Tracé_201" data-name="Tracé 201" d="M32.973,19.3H21.4V7.72a1.05,1.05,0,0,0-2.1,0V19.3H7.719a1.044,1.044,0,0,0-1.05,1.05.952.952,0,0,0,1.05.986H19.3V32.974a1.05,1.05,0,0,0,2.1,0V21.4H32.973a1.05,1.05,0,1,0,0-2.1Z" transform="translate(-1.406 -1.406)" fill="#fff"/>
                <path id="Tracé_203" data-name="Tracé 203" d="M0,0H37.881V37.881H0Z" fill="none"/>
            </svg>

            Ajouter un établissement
        </button>
        </form>
        
    </div>
  </div>
</div>
@endsection