@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">Nom Complet</th>
            <th scope="col">Prenom</th>
            <th scope="col">Nom</th>
            <th scope="col">Email</th>
            <th scope="col">Téléphone</th>
            <th scope="col">Code</th>
            <th scope="col">Sms</th>
            <th scope="col">Visitable</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->nomComplet}}</td>
                    <td>{{$user->prenom}}</td>
                    <td>{{$user->nom}}</td>
                    <td>{{$user->mail}}</td>
                    <td>{{$user->telephone}}</td>
                    <td>{{$user->code}}</td>
                    <td><label class="control control-checkbox">
                            <input type="checkbox" name="checkbox1" {{$user->sms ? 'checked' : ''}} disabled>
                            <div class="control-indicator"></div>
                        </label></td>
                    <td>
                        <label class="control control-checkbox">
                            <input type="checkbox" name="checkbox1" {{$user->visitePossible ? 'checked' : ''}} disabled>
                            <div class="control-indicator"></div>
                        </label>
                    </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("users.edit", ['id' => $user->id])}}">Editer</a>
                                {{--                                {!! Form::open(['route' => ['user.destroy', $user->id], 'class' => 'mb-4', 'method' => 'delete']) !!}--}}

                                <a class="dropdown-item" href="{{ route('users.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('users.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">
                    @if ($errors->any())
                        <div class="alert alert-danger">
                            <ul>
                                @foreach ($errors->all() as $error)
                                    <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                        </div>
                    @endif
                    @include('components/createUserForm', ['route' => route('users.store'), 'method' => 'POST'])
                </div>
            </div>
        </div>
    </div>

@endsection()