@extends('layouts.dashboard')

@section('stylesheets')
    
    {!! Html::style('https://cdn.datatables.net/1.10.16/css/jquery.dataTables.css') !!}
    {!! Html::style('css/parsley.css') !!}
    {!! Html::style('assets/global/plugins/select2/css/select2.min.css') !!}
    {!! Html::style('assets/global/plugins/select2/css/select2-bootstrap.min.css') !!}
    
@endsection
@section('content')


<div class="row">
    <div class="col-md-12">
        <!-- BEGIN EXAMPLE TABLE PORTLET-->
        <div class="portlet light bordered margint-15">
            <div class="portlet-body">
                <div class="table-toolbar">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="btn-group">
                                <a href="{{ route('users.create') }}" class="btn sbold yellow-gold" title=""> Ajouter un utilisateur
                                    <i class="fa fa-plus"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
                <table class="table table-striped table-bordered table-hover order-column" id="users_table">
                    <thead>
                        <tr>
                            <th> Nom </th>
                            <th> Téléphone  </th>
                            <th> Email  </th>
                            <th> Ville </th>
                            <th> Etat </th>
                            <th> Actions </th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($users as $user)
                            <tr class="odd gradeX">
                                <td> {{ $user->full_name }} </td>
                                <td> {{ $user->phone }} </td>
                                <td> {{ $user->email }} </td>
                                <td> {{ $user->city }} </td>
                                <td> {!! $user->active !!} </td>
                                <td>
                                    <div class="btn-group">

                                        <button class="btn btn-xs yellow-gold dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false"> Actions
                                            <i class="fa fa-angle-down"></i>
                                        </button>
                                        <ul class="dropdown-menu" role="menu">
                                            <li>
                                                <a href="{{ route('users.show',$user->id) }}">
                                                    <i class="icon-docs"></i> Détails </a>
                                            </li>
                                            <li>
                                                <a href="{{ route('users.edit',$user->id) }}">
                                                    <i class="icon-tag"></i> Modifier </a>
                                            </li>
                                            <li>
                                                {!! Form::open(['route' => 'users.active','class'=>'form-delete']) !!}
                                                    {{ Form::hidden('user_id',$user->id) }}
                                                    <i class="icon-trash"></i>
                                                    @if ($user->validated)
                                                        {!! Form::submit('Désactivé',['class'=>'btn btn-xs danger']) !!}
                                                    @else
                                                        {!! Form::submit('Activé',['class'=>'btn btn-xs red']) !!}
                                                    @endif
                                                {!! Form::close() !!}
                                            </li>
                                            <li>
                                                {!! Form::open(['route'=>['users.destroy', $user->id],'method'=>'DELETE','class'=>'form-delete']) !!}
                                                    <i class="icon-trash"></i>
                                                    {!! Form::submit('Supprimer',['class'=>'btn btn-xs red']) !!}
                                                {!! Form::close() !!}
                                                
                                            </li>
                                        </ul>
                                    </div>
                                </td>
                            </tr>
                        @empty
                            <p>Aucun utilisateur trouvé</p>
                        @endforelse
                        
                    </tbody>
                </table>
            </div>
        </div>
        <!-- END EXAMPLE TABLE PORTLET-->
    </div>
</div>
<div class="modal confirm" id="confirm-delete">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 class="modal-title">Delete confirmation !</h4>
            </div>
            <div class="modal-body">
                <p>Do you really want to delete that user ?</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-sm btn-danger" id="delete-btn-confirm">Confirm</button>
                <button type="button" class="btn btn-sm btn-default" data-dismiss="modal">Cancel</button>
            </div>
        </div>
    </div>
</div>

@endsection
@section('scripts')
    <script type="text/javascript">
        $(document).ready( function () {
            $('#users_table').DataTable();
        } );
    </script>
    {!! Html::script('https://cdn.datatables.net/1.10.16/js/jquery.dataTables.js') !!}
    {!! Html::script('js/custom-script.js') !!}
    {!! Html::script('js/parsley.min.js') !!}
    {!! Html::script('js/fr.js') !!}
    {!! Html::script('assets/global/plugins/select2/js/select2.full.min.js') !!}
    
@endsection