@extends('app.layouts.main')

@section('header')

@stop    

@section('content')
    @include('app.partials.breadcrumb')
    @include('app.partials.tabs')         
    @include('app.partials.messages')           
    {!! Element::mainbloc('open', __('app.depots_liste'), 'fas fa-table') !!}
        
        <div class="table-responsive">
            <table class="table table-bordered tableDepot" id="dataTable1" width="100%" cellspacing="0">
                <thead>
                    <tr>
                        <th>{{ __('app.user_login') }}</th>
                        <th>{{ __('app.depot_active') }}</th>
                        <th>{{ __('app.user_isadmin') }}</th>
                        <th>{{ __('app.user_depots') }}</th>
                        <th>{{ __('app.user_fiche') }}</th>
                    </tr>
                </thead>
                <tfoot>
                    <tr>
                        <th>{{ __('app.user_login') }}</th>
                        <th>{{ __('app.depot_active') }}</th>
                        <th>{{ __('app.user_isadmin') }}</th>
                        <th>{{ __('app.user_depots') }}</th>
                        <th>{{ __('app.user_fiche') }}</th>
                    </tr>
                </tfoot>
                <tbody>
                    @foreach($users AS $u)
                    <tr>
                        <td>{{ $u->login }}</td>
                        <td>
                            @if($u->active == 1)
                                <a href="" class="btn btn-block btn-success activedepot active_user_{{ $u->id }}" data-id="{{ $u->id }}" data-state="1">{{ __('app.active') }}</a>
                            @else
                                <a href="" class="btn btn-block btn-danger activedepot active_user_{{ $u->id }}"" data-id="{{ $u->id }}" data-state="0">{{ __('app.inactive') }}</a>
                            @endif
                        </td>
                         <td>
                            @if($u->is_admin == 1)
                                <a href="" class="btn btn-block btn-success activedepot active_user_{{ $u->id }}" data-id="{{ $u->id }}" data-state="1">{{ __('app.active') }}</a>
                            @else
                                <a href="" class="btn btn-block btn-danger activedepot active_user_{{ $u->id }}"" data-id="{{ $u->id }}" data-state="0">{{ __('app.inactive') }}</a>
                            @endif
                        </td>
                        <td class="text-center">{{ @$nbrel[$u->id]*1 }}</td>
                        <td><a href="{{ route('admin.user.fiche', ['id' => $u->id]) }}" class="btn btn-info btn-xs btn-block">{{ __('app.user_fiche') }}</a></td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        

    {!! Element::mainbloc('close') !!}
@stop


@section('footer')
<script>  
(function($) {
    var token = '{{ csrf_token() }}';   
        $(document).ready( function () {
            $('.tableDepot').DataTable({
                  "paging":   false,
                  "info":     false,
                  "initComplete": function(settings, json) {
                    $('#dataTable1_filter label input').focus();
                  },
                  "language": {
                    "search": "{!! __('app.filter') !!}",
                 }
            });

            $("html").on("click",".activeuser", function(e) {
                e.preventDefault();
                var id = $(this).attr('data-id');
                var state = $(this).attr('data-state');
                var newstate = state == 1 ? 0 : 1;

                (new PNotify({
                    title: '{{ __("app.ajax.confirmation") }}',
                    text: '{{ __("app.ajax.areyousure") }}',
                    icon: 'glyphicon glyphicon-question-sign',
                    hide: false,
                    confirm: {
                        confirm: true
                    },
                    buttons: {
                        closer: false,
                        sticker: false
                    },
                    history: {
                        history: false
                    }
                })).get().on('pnotify.confirm', function() {
                    $.post( "{{ route('app.ajax.users') }}", { action:'changeActive', id: id, state: state, newstate: newstate, _token:token }).done(function( data ) 
                    {
                        var items = data.split("\n");
                        new PNotify({
                            title: items[1],
                            text: items[2],
                            type: items[0],
                            shadow: true,
                            hide: true,
                            delay: 5000,
                            mouse_reset: true,
                            nonblock: {
                                nonblock: true,
                                nonblock_opacity: .2,
                            }
                        });
                        if(items[0] == "error")
                        {

                        }
                        else
                        {   
                            $(".active_user_"+id).attr('data-state', newstate);
                            if(newstate == 0)
                            {
                                $(".active_user_"+id).removeClass('btn-success').addClass('btn-danger').text('{{ __("app.inactive") }}' );
                            }
                            else
                            {
                                $(".active_user_"+id).removeClass('btn-danger').addClass('btn-success').text('{{ __("app.active") }}' );
                            }
                        }
                    });

                }).on('pnotify.cancel', function() { 
                 
                });

            });

    } );

})( jQuery );
</script>
@stop