@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.customer') }}</th>
                        <th>{{ __('app.customername') }}</th>
                        <th>{{ __('app.depot') }}</th>
                        <th>{{ __('app.depot_type') }}</th>
                        <th>{{ __('app.depot_active') }}</th>
                        <th>{{ __('app.depot_user') }}</th>
                        <th>{{ __('app.depot_fiche') }}</th>
                    </tr>
                </thead>
                <tfoot>
                    <tr>
                        <th>{{ __('app.customer') }}</th>
                        <th>{{ __('app.customername') }}</th>
                        <th>{{ __('app.depot') }}</th>
                        <th>{{ __('app.depot_type') }}</th>
                        <th>{{ __('app.depot_active') }}</th>
                        <th>{{ __('app.depot_user') }}</th>
                        <th>{{ __('app.depot_fiche') }}</th>
                    </tr>
                </tfoot>
                <tbody>
                    @foreach($depots AS $d)
                    <tr>
                        <td>{{ $d->customer }}</td>
                        <td>{{ $d->customername }}</td>
                        <td>{{ $d->depot_code_divalto }}</td>
                        <td><span class="btn btn-light btn-block">{{ Helper::stockType($d->type) }}</span></td>
                        <td>
                            @if($d->active == 1)
                                <a href="" class="btn btn-block btn-success activedepot active_depot_{{ $d->id }}" data-id="{{ $d->id }}" data-state="1">{{ __('app.active') }}</a>
                            @else
                                <a href="" class="btn btn-block btn-danger activedepot active_depot_{{ $d->id }}"" data-id="{{ $d->id }}" data-state="0">{{ __('app.inactive') }}</a>
                            @endif
                        </td>
                        <td class="text-center">{{ @$nbrel[$d->id]*1 }}</td>
                        <td><a href="{{ route('admin.depot.fiche', ['id' => $d->id]) }}" class="btn btn-info btn-xs btn-block">{{ __('app.depot_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",".activedepot", 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.depots') }}", { 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_depot_"+id).attr('data-state', newstate);
                            if(newstate == 0)
                            {
                                $(".active_depot_"+id).removeClass('btn-success').addClass('btn-danger').text('{{ __("app.inactive") }}' );
                            }
                            else
                            {
                                $(".active_depot_"+id).removeClass('btn-danger').addClass('btn-success').text('{{ __("app.active") }}' );
                            }
                        }
                    });

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

            });

    } );

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