@extends("layouts.app")

@section('content')

    <div class="row mb-2">
        <div class="col-xl-12 col-12">
            <button class="btn btn-primary" href="#" data-toggle="modal" data-target="#createIntervenant">Ajouter
            </button>
        </div>
    </div>
    <table class="table table-striped">
        <thead class="">
        <tr>
            <th scope="col">#</th>
            <th scope="col">Prenom</th>
            <th scope="col">Nom</th>
            <th scope="col">Email</th>
            <th scope="col">Société</th>
            <th scope="col">Téléphone</th>
            <th scope="col">Code</th>
        </tr>
        </thead>
        <tbody>
        @if($intervenants)
            @foreach($intervenants as $intervenant)
                <tr>
                    <th scope="row">{{$intervenant->id}}</th>
                    <td>{{$intervenant->prenom}}</td>
                    <td>{{$intervenant->nom}}</td>
                    <td>{{$intervenant->mail}}</td>
                    <td>{{$intervenant->societe}}</td>
                    <td>{{$intervenant->telephone}}</td>
                    <td>{{$intervenant->code}}</td>
                    <td>
                        <div class="dropdown d-inline-block">
                            <button type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true"
                                    aria-expanded="false" data-display="static">
                                <i class="mdi mdi-dots-vertical text-secondary" style="font-size: 20px;"></i>
                            </button>
                            <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                                <a class="dropdown-item"
                                   href="{{route("intervenants.edit", ['id' => $intervenant->id])}}">Editer</a>
                                <a class="dropdown-item" href="{{ route('intervenants.destroy',$intervenant->id) }}"
                                   onclick="event.preventDefault();
                                       document.getElementById('delete-user-form-{{$intervenant->id}}').submit();">
                                    {{ __('Supprimer') }}
                                </a>
                                <form id="delete-user-form-{{$intervenant->id}}"
                                      action="{{ route('intervenants.destroy', $intervenant->id) }}" method="POST">
                                    @csrf
                                    @method('DELETE')
                                </form>
                            </div>
                        </div>
                    </td>
                </tr>
            @endforeach
        @endif
        </tbody>
    </table>
    {{--    Create User    --}}
    <div class="modal fade" id="createIntervenant" tabindex="-1" role="dialog"
         aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalCenterTitle">Ajouter un intervenant</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    @if ($errors->any())
                        <div class="alert alert-danger">
                            <ul>
                                @foreach ($errors->all() as $error)
                                    <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                        </div>
                    @endif
                    <form action="{{route('intervenants.store')}}" method="POST">
                        @csrf
                        <div class="form-row mb-2">
                            <div class="col-lg-6 col-12">
                                <div class="input-group">
                                    <div class="input-group-prepend">
														<span class="input-group-text">
															<i class="mdi mdi-account"></i>
														</span>
                                    </div>
                                    <input type="text" name="nom" class="form-control" placeholder="Nom"
                                           aria-label="Nom" required value="{{old('nom')}}">
                                </div>

                            </div>
                            <div class="col-lg-6 col-12">
                                <div class="input-group">
                                    <div class="input-group-prepend">
														<span class="input-group-text">
															<i class="mdi mdi-account"></i>
														</span>
                                    </div>
                                    <input type="text" name="prenom" class="form-control"
                                           placeholder="Prenom"
                                           aria-label="Prenom" required value="{{old('prenom')}}">
                                </div>
                            </div>
                        </div>
                        <div class="form-row">
                            <div class="col-lg-6 col-12">
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text" id="inputGroupPrepend2">@</span>
                                    </div>
                                    <input type="text" name="mail" class="form-control"
                                           id="validationDefaultUsername"
                                           placeholder="E-mail" aria-describedby="inputGroupPrepend2"
                                           required value="{{old('mail')}}">
                                </div>
                            </div>
                            <div class="col-lg-6 col-12 mb-2">
                                <div class="input-group">
                                    <div class="input-group-prepend">
														<span class="input-group-text">
															<i class="mdi mdi-cellphone"></i>
														</span>
                                    </div>
                                    <input type="text" name="telephone" class="form-control"
                                           placeholder="Téléphone"
                                           aria-label="Téléphone" required value="{{old('telephone')}}">
                                </div>
                            </div>

                        </div>
                        <div class="form-row">
                            <div class="col-lg-6 col-12 mb-2">
                                <div class="input-group">
                                    <div class="input-group-prepend">
														<span class="input-group-text">
															<i class="mdi mdi-houzz"></i>
														</span>
                                    </div>
                                    <input type="text" name="societe" class="form-control"
                                           placeholder="Société"
                                           aria-label="Société" required value="{{old('societe')}}">
                                </div>
                            </div>
                        </div>
                        <button type="submit" class="btn btn-primary float-right">Créer</button>
                    </form>
                </div>
            </div>
        </div>
    </div>

@endsection()