@extends('app.layouts.main')

@section('header')
<style>
    .hidden { 
        display: none }
</style>
@stop    

@section('content')
    @include('app.partials.breadcrumb')
    @include('app.partials.titre')         
    @include('app.partials.messages')       

    {!! Form::open(['route' => ['post.admin.depot.fiche'], 'class' => 'form-horizontal', 'role' => 'form', 'id' => 'main_form', 'files' => false]) !!}
    {!! Form::hidden('id', $depot->id, ['id' => 'depot_id']) !!}
    <div class="row">
        <div class="col-sm-9">
            <div class="row">
                <div class="col-sm-3 text-center" style="padding:25px">
                    <span style="font-size:18px; color:#000000; font-weight: bold">
                        {{ __('app.depot_code_divalto') }}
                    </span><br>
                    <span style="font-size:36px; color:#ff0000">
                         {{ $depot->depot_code_divalto }}
                    </span>
                   
                </div>
                <div class="col-sm-9">
                    {!! Element::mainbloc('open', __('app.depot_informations'), 'fas fa-table') !!}
                        {!! Twb::admin_text('customer',__('app.depot_customer'),$depot->customer,[], $errors->first('customer')) !!}
                        {!! Twb::admin_text('customername',__('app.depot_customername'),$depot->customername,[], $errors->first('customername')) !!}
                        {!! Twb::admin_select('type', __('app.depot_type'),$depot->type,[],  $errors->first('type'), '','', Helper::arrayStockType()) !!}
                    {!! Element::mainbloc('close') !!}                    
                </div>

            </div>
            
        </div>    
        <div class="col-sm-3">
            {!! Element::mainbloc('open', __('app.depot_attrs'), 'fas fa-table') !!}
                {!! Twb::admin_text('depot_code_divalto',__('app.depot_code_divalto'),$depot->depot_code_divalto,[], $errors->first('depot_code_divalto')) !!}
                {!! Twb::admin_text('days_consignations',__('app.days_consignations'),$depot->days_consignations,[], $errors->first('days_consignations')) !!}
                {!! Twb::admin_text('delivery_delay',__('app.delivery_delay'),$depot->delivery_delay,[], $errors->first('delivery_delay')) !!}
                {!! Twb::admin_select('is_rollpack', __('app.depot_is_rollpack'),$depot->is_rollpack,[],  $errors->first('is_rollpack'), '','', ['1' => __('app.yes'),'0' => __('app.no')]) !!}
               {!! Twb::admin_select('active', __('app.depot_active'),$depot->active,[],  $errors->first('active'), '','', ['1' => __('app.active'),'0' => __('app.inactive')]) !!}
               {!! Form::button(__('app.update'), ['type' => 'submit','','class' => 'btn btn-block btn-lg btn-success','id' => 'updateButton' ]) !!}
            {!! Element::mainbloc('close') !!}
        </div>    
    </div>
    {!! Form::close() !!}

    <div class="row">
        <div class="col-sm-9">
            {!! Element::mainbloc('open', __('app.depot_users'), 'fas fa-table') !!}
                <div class="table-responsive">
                    <table class="table table-bordered tableConso" id="dataTable1" width="100%" cellspacing="0">
                        <thead>
                            <tr>
                                <th>{{ __('app.user_login') }}</th>
                                <th>{{ __('app.user_lang') }}</th>
                                <th>{{ __('app.user_active') }}</th>                             
                                <th>{{ __('app.user_fiche') }}</th>
                                <th>{{ __('app.delete_relation') }}</th>
                            </tr>
                        </thead>
                        <tfoot>
                            <tr>
                                <th>{{ __('app.user_login') }}</th>
                                <th>{{ __('app.user_lang') }}</th>
                                <th>{{ __('app.user_active') }}</th>                             
                                <th>{{ __('app.user_fiche') }}</th>
                                <th>{{ __('app.delete_relation') }}</th>
                            </tr>
                        </tfoot>
                        <tbody>
                            @foreach($users AS $u)
                            <tr id="user_{{ $u->id }}">
                                <td>{{ $u->login }}</td>
                                <td>{{ $u->lang }}</td>
                                <td>
                                    @if($u->active == 1)
                                        <a href="#" class="btn btn-block btn-success activeuser active_user_{{ $u->id }}" data-id="{{ $u->id }}" data-state="1">{{ __('app.active') }}</a>
                                    @else
                                        <a href="#" class="btn btn-block btn-danger activeuser active_user_{{ $u->id }}" data-id="{{ $u->id }}" data-state="0">{{ __('app.inactive') }}</a>
                                    @endif
                                </td>                                
                                <td><a href="{{ route('admin.user.fiche', ['id' => $u->id]) }}" class="btn btn-info btn-block">{{ __('app.fiche') }}</a></td>
                                <td><a href="#" class="btn btn-warning btn-block detachUser" data-id="{{ $u->id }}">{{ __('app.detach_relation') }}</a></td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            {!! Element::mainbloc('close') !!}

            {!! Element::mainbloc('open', __('app.depot_minmax'), 'fas fa-table') !!}
            <div class="table-responsive">
                <table class="table table-bordered tableConso" id="dataTable1" width="100%" cellspacing="0">
                    <thead>
                        <tr>
                            <th>{{ __('app.article_reference') }}</th>
                            <th>{{ __('app.article_designation') }}</th>                       
                            <th>{{ __('app.article_min') }}</th>                             
                            <th>{{ __('app.article_max') }}</th>
                            <th>{{ __('app.delete_relation') }}</th>
                        </tr>
                    </thead>
                    <tfoot>
                        <tr>
                            <th>{{ __('app.article_reference') }}</th>
                            <th>{{ __('app.article_designation') }}</th>                       
                            <th>{{ __('app.article_min') }}</th>                             
                            <th>{{ __('app.delete_relation') }}</th>
                            <th>{{ __('app.delete_relation') }}</th>
                        </tr>
                    </tfoot>
                    <tbody>
                        @foreach($articles AS $a)
                        <tr id="article_{{ $a->id }}">
                            <td>{{ $a->reference }}</td>
                            <td>{{ $a->designation }}</td>
                            <td>{!! Form::number('min',@$minmax_array[$a->id]['min'], ['data-product' => $a->id, 'data-type' => 'min','class' => 'form-control changeminmax', 'min' => '0', 'id' => 'min_'.$a->id]) !!}</td>
                            <td>{!! Form::number('max',@$minmax_array[$a->id]['max'], ['data-product' => $a->id, 'data-type' => 'max','class' => 'form-control changeminmax', 'min' => '0', 'id' => 'max_'.$a->id]) !!}</td>
                            <td>
                                @if(isset($array_products_in_stock[$a->id]))
                                    <span class="btn btn-danger btn-block">{{ __('app.in_stock') }}</span>
                                @else
                                    <a href="#" class="btn btn-warning btn-block detachArticle" data-id="{{ $a->id }}">{{ __('app.detach_relation') }}</a>
                                @endif
                            </td>
                        @endforeach
                    </tbody>
                </table>
            </div>
            {!! Element::mainbloc('close') !!}
        </div>    
        <div class="col-sm-3">
            {!! Element::mainbloc('open', __('app.add_users'), 'fas fa-table') !!}
               {!! Twb::admin_text('user',__('app.search_user'),"",['autocomplete' => "off", "id" => "existing_user", "data-id" => $depot->id], $errors->first('user')) !!}
               <div id="existing_login">
                   
               </div>
            {!! Element::mainbloc('close') !!}
                    </div>    
    </div>

    <div class="alert alert-danger">
        {!! Element::mainbloc('open', __('app.depot_delete'), 'fas fa-table') !!}
            {{ __('app.danger_delete_depot')}}
            <div class="text-right">
                {!! Form::button(__('app.delete_depot'), ['type' => 'button','','class' => 'btn btn-lg btn-danger','id' => 'deleteButton' ]) !!}
            </div>            
        {!! Element::mainbloc('close') !!}
    </div>
   
    
@stop


@section('footer')
<script>  
(function($) {
    var token = '{{ csrf_token() }}';
    $("html").on('keyup','#existing_user', function() {

        var id = $(this).attr("data-id");
        var value = $(this).val();
        if(value.length >= 2) {
            $.post( "{{ route('app.ajax.depots') }}", { action:'searchUsers', id: id, content: value, _token:token }).done(function(data) {
                if(data.length > 0)
                {
                    $("#existing_login").html(data);
                }
            });
        }
        else
        {
            $('#existing_login').html('');
        }
    });

    $("html").on("click",".addExistingUser", function(e) {
        e.preventDefault();
        var depot = $("#depot_id").val();
        var user = $(this).attr('data-user');

        (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:'addExistingUser', user: user, depot: depot, _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
                {   
                    location.reload();
                }
            });

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

    });

    $("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.depots') }}", { action:'changeActiveUser', 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() { 
         
        });
    });

    $("html").on("click",".detachUser", function(e) {
        e.preventDefault();
        var user = $(this).attr('data-id');
        var depot = $("#depot_id").val();

        (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:'detachUser', user: user, depot:depot, _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
                {   
                    $("#user_"+user).remove();
                }
            });

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

    $("html").on("click",".detachArticle", function(e) {
        e.preventDefault();
        var article = $(this).attr('data-id');
        var depot = $("#depot_id").val();

        (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:'detachArticle', article: article, depot:depot, _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
                {   
                    $("#article_"+article).remove();
                }
            });

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

    $("html").on("click","#deleteButton", function(e) {
        e.preventDefault();
        var depot = $("#depot_id").val();

        (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:'delete', depot:depot, _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
                {   
                    window.location.href = "{{ route('admin.depot.liste') }}"
                }
            });

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

    $("html").on("change",".changeminmax", function() {
        var depot_id    = $("#depot_id").val();
        var article_id  = $(this).attr('data-product');
        var type        = $(this).attr('data-type');
        var value       = $(this).val();

        $.post( "{{ route('app.ajax.depots') }}", { action:'minmax', depot_id:depot_id, article_id:article_id, type:type, value:value, _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
            {   
                $("#min_"+article_id).val(items[3]);
                $("#max_"+article_id).val(items[4]);
            }
        });


    });

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