@extends("myViews.backOffice.layout.backOfficeLayout")

@section("page")
    Utilisateurs
@endsection

@section("pageIcon")
    <span class="fa fa-users"></span>
@endsection



@section("firstLevelLayoutBodyContent")


    <div class="row">


        <div class="col-12">
            <div class="card card-box">

                <div class="card-head">
                    <header>
                        <span class="fa fa-users small"></span>
                        Utilisateurs
                    </header>
                    {{--<div class="tools">
                        <a class="fa fa-repeat btn-color box-refresh" href="javascript:;"></a>
                        <a class="t-collapse btn-color fa fa-chevron-down" href="javascript:;"></a>
                        <a class="t-close btn-color fa fa-times" href="javascript:;"></a>
                    </div>--}}
                </div>

                <div class="card-body ">


                    <div class="table-responsive">
                        <table class="table table-striped table-bordered datatable">
                            <thead>
                            <tr>
                                <th>Utilisateur</th>
                                <th>Email</th>
                                <th>Créé le</th>
                                <th>Statut</th>
                                <th></th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($_personnes as $_personne)
                                <tr>
                                    <td>
                                        {{ $_personne->nomPers." ".$_personne->prenPers }}
                                        ({{ $typePerss[$_personne->typePers]["front"] }})
                                        {{-- @if($_personne->typePers == $typePerss["admin"]["back"])
                                             ( {{ $typePerss["admin"]["front"] }} )
                                         @endif--}}
                                    </td>
                                    <td>{{ $_personne->emailPers}}</td>
                                    <td>{{ $_personne->pers_createdAt->format("d/m/Y H:i") }}</td>
                                    <td>
                                        @if($_personne->pers_deletedAt==null)
                                            <span class="label label-success label-sm">Actif</span>
                                        @else
                                            <span class="label label-danger label-sm">Désactivé</span>
                                        @endif

                                    </td>
                                    <td>

                                        <a href="{{ route("updateUser",["idPers"=>$_personne->idPers]) }}" class="btn btn-warning btn-sm">
                                            <span class="fas fa-user-edit"></span>

                                            Modifier
                                        </a>

                                        @if($_personne->typePers != $typePerss["admin"]["back"])

                                            @if($_personne->pers_deletedAt==null)


                                                <a href="{{ route("deactivateUser",["idPers"=>$_personne->idPers]) }}" data-pers="{{ $_personne->nomPers." ".$_personne->prenPers }}" class="btn btn-danger btn-sm deactivate-user">
                                                    <span class="fas fa-user-slash"></span>

                                                    Désactiver
                                                </a>

                                            @else

                                                <a href="{{ route("reactivateUser",["idPers"=>$_personne->idPers]) }}" data-pers="{{ $_personne->nomPers." ".$_personne->prenPers }}" class="btn btn-success btn-sm reactivate-user">
                                                    <span class=" fas fa-user-check"></span>
                                                    Réactiver
                                                </a>

                                            @endif

                                        @endif

                                    </td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>

                    </div>

                </div>
            </div>
        </div>

    </div>




@endsection

@section("pageJs")
    <script>
        $(document).ready(function(){

            $("body").on("click",".reactivate-user",function(e){

                let pers = $(this).data("pers");

                if(!confirm("Réactiver l'utilisateur "+pers+" ?"))
                    return false;

            });

            $("body").on("click",".deactivate-user",function(e){

                let pers = $(this).data("pers");

                if(!confirm("Désactiver l'utilisateur "+pers+" ?"))
                    return false;
            });


        })
    </script>
@endsection