@extends('layouts.admin')

@section('title', 'Groupement')

@section('content')
    <div class="row">
        <div class="col-sm-4 col-3">
            <h4 class="page-title">Groupement > Utilisateurs</h4>
        </div>
        <div class="col-sm-8 col-9 text-right m-b-20">
            <a href="#!" class="btn btn-danger btn-sm float-right btn-rounded"
                onclick="if (confirm('Etes-vous sûr de vouloir supprimer cet élément ?')) {
                    event.preventDefault(); document.getElementById('{{ 'groupement'.$groupement->id }}').submit();
                }" >
                <i class="fa fa-trash"></i>
            </a>
            {!! Form::model($groupement, ['method' => 'DELETE', 'id'=>'groupement'.$groupement->id, "url" => route('admin-cnp.groupements.destroy', $groupement)]) !!}
                @csrf
            {!! Form::close() !!}
            <a href="{{ route('admin-cnp.groupements.edit', $groupement) }}" class="btn btn-primary btn-sm float-right btn-rounded mr-1">
                <i class="fa fa-edit"></i>
            </a>
        </div>
    </div>

    <div class="row">
        <div class="col-sm-12">
            @if (session('success'))
                <div class="alert alert-success alert-dismissible fade show" role="alert">
                    {{ session('success') }}
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                </div>
            @endif
        </div>
    </div>

    @include('admin.groupements.profile-header')

    <div class="profile-tabs">
        <ul class="nav nav-tabs nav-tabs-bottom">
            <li class="nav-item">
                <a class="nav-link" href="{{ route('admin-cnp.groupements.show', $groupement) }}">Membres</a>
            </li>
            <li class="nav-item">
                <a class="nav-link active" href="#utilisateures" data-toggle="tab" >Utilisateurs</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="{{ route('admin-cnp.groupements.demandes', $groupement) }}">Demandes</a>
            </li>
        </ul>

        <div class="tab-content">
            <div class="tab-pane show active" id="utilisateures">
                <div class="row">
                    <div class="col-md-12">
                        <div class="card-box">
                            <h3 class="card-title">
                                Utilisateures
                                <a href="{{ route('admin-cnp.groupements.utilisateurs.create', $groupement) }}" class="btn btn-primary btn-sm float-right btn-rounded mr-1">
                                    <i class="fa fa-plus"></i> Nouvel utilisateur
                                </a>
                            </h3>
                            <div class="experience-box">
                                <div class="table-responsive">
                                    <table class="table table-striped custom-table">
                                        <thead>
                                            <tr>
                                                <th>Prénom & Nom</th>
                                                <th>Email</th>
                                                <th>Admin</th>
                                                <th>Suspendu</th>
                                                <th>Créé le</th>
                                                <th>Par</th>
                                                <th class="text-right"></th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @forelse ($users as $user)
                                                <tr>
                                                    <td>
                                                        {{--  <img width="28" height="28" src="assets/img/user.jpg" class="rounded-circle m-r-5" alt="">   --}}
                                                        {{ $user->name }}
                                                    </td>
                                                    <td>{{ $user->email }}</td>
                                                    <td>
                                                        <a href="#!" class="custom-badge {{ $user->admin ? 'status-green' : 'status-red' }}"
                                                            onclick="if (confirm('Etes-vous sûr de vouloir effectuer cette action  ?')) {
                                                                event.preventDefault(); document.getElementById('{{ 'admin'.$user->id }}').submit();
                                                            }">
                                                            {{ $user->admin ? 'Oui' : 'Non' }}
                                                        </a>
                                                        {!! Form::model($user, ['method' => 'POST', 'id'=>'admin'.$user->id, "url" => route('admin-cnp.user.admin', $user)]) !!}
                                                            @csrf
                                                        {!! Form::close() !!}
                                                    </td>
                                                    <td>
                                                        <a href="#!" class="custom-badge {{ $user->suspended ? 'status-red' : 'status-green'}}"
                                                            onclick="if (confirm('Etes-vous sûr de vouloir effectuer cette action ?')) {
                                                                event.preventDefault(); document.getElementById('{{ 'suspended'.$user->id }}').submit();
                                                            }">
                                                            {{ $user->suspended ? 'Oui' : 'Non'}}
                                                        </a>
                                                        {!! Form::model($user, ['method' => 'POST', 'id'=>'suspended'.$user->id, "url" => route('admin-cnp.user.suspended', $user)]) !!}
                                                            @csrf
                                                        {!! Form::close() !!}
                                                    </td>
                                                    <td>{{ date("d M Y H:i", strtotime($user->created_at)) }}</td>
                                                    <td>{{ $user->user ? $user->user->name : '' }}</td>
                                                    <td class="text-right">
                                                        <a href="#!" class=""
                                                            onclick="if (confirm('Etes-vous sûr de vouloir supprimer cet élément ?')) {
                                                                event.preventDefault(); document.getElementById('{{ 'user'.$user->id }}').submit();
                                                            }" >
                                                            <i class="fa fa-times fa-lg m-r-5 text-danger"></i>
                                                        </a>
                                                        {!! Form::model($user, ['method' => 'DELETE', 'id'=>'user'.$user->id, "url" => route('admin-cnp.user.destroy', $user)]) !!}
                                                            @csrf
                                                        {!! Form::close() !!}
                                                    </td>
                                                </tr>
                                            @empty
                                                <tr><td colspan="7">{{"Pas encore d'utilisateurs"}}</td></tr>
                                            @endforelse
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection