@extends('layout.index')
@section('content')
<div class="row" style="margin-top:40px">
    <div class="col-md-6">
    <h2>Modifier</h2>
        <form action="" method="post">
            @csrf
            <div class="mb-3" style="margin-bottom:10px">
                <label for="exampleInputEmail1" class="form-label">Nom de l'entreprise :</label>
                <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="btn btn-success">Modifier</button>
        </form>
    </div>
    <div class="col-md-6">
    <h2>Liste des etablissement</h2>
    @if(Session::has('message'))
    <div class="alert alert-success">
    {{Session::get('message')}}
    </div>
    @endif
      <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="btn btn-primary">Ajouter</button>
    </form>
    
      <table class="table" style="margin-top:20px">
        <thead>
            <tr>
            <th scope="col">Entreprise</th>
            <th scope="col">Action</th>
            </tr>
        </thead>
        <tbody>
        @foreach($entreprise->etablissements()->get() as $etablissement)
            <tr>
                <td>{{$etablissement->nom}}</td>
                <td>
                    <a href="#" data-toggle="modal" data-target="#etablissement-{{$etablissement->id}}"><i class="fas fa-edit"></i></a>
                    <form action="{{route('delete-etablissement')}}" method="post">
                    @csrf
                    <input type="hidden" name="entreprise_id" value="{{$etablissement->id}}"/>
                    <i onclick="$('form').submit();" class="fas fa-trash text-danger"></i>
                    </form>
                </td>
            </tr>
            <div id="etablissement-{{$etablissement->id}}" class="modal fade" role="dialog">
                <div class="modal-dialog">

                    <!-- Modal content-->
                    <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                        <h4 class="modal-title">Modifier Etablissement</h4>
                    </div>
                    <div class="modal-body">
                        <form action="{{route('edit-etablissement',$entreprise->id)}}" 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" 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="btn btn-success">Modifier</button>
                        </form>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                    </div>
                    </div>

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