@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="#createUser">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">Code Borne</th>
            <th scope="col">Rôle</th>
            <th scope="col">Société</th>
        </tr>
        </thead>
        <tbody>
        @if($users)
            @foreach($users as $user)
                <tr>
                    <th scope="row">{{$user->id}}</th>
                    <td>{{$user->prenom}}</td>
                    <td>{{$user->nom}}</td>
                    <td>{{$user->mail}}</td>
                    <td>{{$user->code}}</td>
                    <td>{{$user->role->nom}}</td>
                    <td>{{$user->society->nom}}</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("employe.edit", ['id' => $user->id])}}">Editer</a>
                                <a class="dropdown-item" href="{{ route('employe.destroy',$user->id) }}"
                                   onclick="event.preventDefault();
                                       document.getElementById('delete-user-form-{{$user->id}}').submit();">
                                    {{ __('Supprimer') }}
                                </a>
                                <form id="delete-user-form-{{$user->id}}"
                                      action="{{ route('employe.destroy', $user->id) }}" method="POST">
                                    @csrf
                                    @method('DELETE')
                                </form>
                            </div>
                        </div>
                    </td>
                </tr>
            @endforeach
        @endif
        </tbody>
    </table>

    {{--    Create User    --}}
    <div class="modal fade" id="createUser" 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 utilisateur</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    @include('components/createEmployeesForm', ['route' => route('employe.store'), 'method' => 'POST'])
                </div>
            </div>
        </div>
    </div>

@endsection()