@extends('layouts.app_mobile')

@section('link')
    <link href="{{ asset('css/mobile.css') }}" rel="stylesheet">
@endsection

@section('style')
<style>
    .btn-disabled{
        pointer-events: none;
    }
</style>
@endsection

@section('content')
    <div class="gray-bg dashbard-1">  
        @include('shared.messages')        
        <div class="row screen-content">  
            @permission('mobile_views-picker_orders-read')
            <div class="element_div">
                <a id="picker_orders" class='btn btn-success btn-disabled' href='{{route('orders.picker.index')}}'>{{__('texte.mobile_views_arr.home.picker_orders')}}</a>
            </div>    
            @endpermission
            @permission('mobile_views-forklift_orders-read')
            <div class="element_div">
                <a id="forklift_orders" class='btn btn-success' style="padding:6px 0px !important;" href='{{route('orders.forklift.index')}}'>{{__('texte.mobile_views_arr.home.forklift_orders')}}</a>
            </div> 
            @endpermission
            @permission('mobile_views-forklift_unlocks-read')
            <div class="element_div">
                <a id="forklift_unlocks" class='btn {{count($forklift_unlocks)==0 ? 'btn-success' : 'btn-danger'}}' href='{{route('forklift.index_unlocks')}}'>{{__('texte.mobile_views_arr.home.index_unlocks')}}</a>
            </div>  
            @endpermission
            @permission('mobile_views-forklift_movements-read')
            <div class="element_div">
                <a id="forklift_transfers" class='btn {{count($forklift_transfers)==0 ? 'btn-success' : 'btn-danger'}}' href='{{route('forklift.index_transfers')}}'>{{__('texte.mobile_views_arr.home.index_movements')}}</a>
            </div>  
            @endpermission
            @permission('mobile_views-supply-read')
            <div class="element_div">
                <a class='btn btn-success' href='{{route('forklift_supply.start')}}'>{{__('texte.mobile_views_arr.home.stock_unlock')}}</a>
            </div>  
            @endpermission
            @permission('mobile_views-internal_transfer-read')
            <div class="element_div">
                <a class='btn btn-success' href='{{route('internal_transfer.start')}}'>{{__('texte.mobile_views_arr.home.internal_transfer')}}</a>
            </div>  
            @endpermission
            @permission('mobile_views-repackaging-read')
            <div class="element_div">
                <a class='btn btn-success' href='{{route('repackaging.start')}}'>{{__('texte.mobile_views_arr.home.repackaging')}}</a>
            </div>  
            @endpermission
            @permission('mobile_views-input-read')
            <div class="element_div">
                <a class='btn btn-success' href='{{route('stocks.create_mobile')}}'>{{__('texte.mobile_views_arr.home.input')}}</a>
            </div>  
            @endpermission
            @permission('mobile_views-return-read')
            <div class="element_div">
                <a class='btn btn-success' href='{{route('stocks.create_mobile_return')}}'>{{__('texte.mobile_views_arr.home.return')}}</a>
            </div>  
            @endpermission
            @permission('mobile_views-reference-read')
            <div class="element_div">
                <a class='btn btn-success' href='{{route('reference')}}'>{{__('texte.mobile_views_arr.home.reference')}}</a>
            </div>  
            @endpermission
            @permission('mobile_views-inventory-read')
            <div class="element_div">
                <a class='btn btn-success' href='{{route('inventory.start')}}'>{{__('texte.mobile_views_arr.home.inventory')}}</a>
            </div>  
            @endpermission
            @permission('place_problem-route-list')
            <div class="element_div">
                <a class='btn {{count($place_problems)==0 ? 'btn-success' : 'btn-danger'}}' href='{{route('place_problems.index')}}'>{{__('texte.mobile_views_arr.home.place_problems')}}</a>
            </div>  
            @endpermission
        </div>
        <h3>
            {{auth()->user()->name}}
            <a href="{{ route('logout') }}" style="float:right;" onclick="event.preventDefault();document.getElementById('logout-form').submit();">
                <i class="fa fa-sign-out"></i> {{__('texte.mobile_views_arr.home.exit')}}
            </a>
        </h3>
        <form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
            {{ csrf_field() }}
        </form>
    </div> 
<script type="text/javascript">    
    
    $(document).ready(function(){
        get_picker_orders();
        get_forklift_orders();
        
        $('#picker_orders').on('click', function(){
            $(this).addClass('not-active');
        });
        
        setInterval(function() {
            get_forklift_unlocks();
        }, 30000);

        setInterval(function() {
            get_forklift_movements();
        }, 30000);
        
        setInterval(function() {
            get_forklift_transfers();
        }, 30000);

        setInterval(function() {
            get_picker_orders();
        }, 30000);

        setInterval(function() {
            get_forklift_orders();
        }, 30000);    
        
    });
    
    var done_get_forklift_unlocks=1;
    
    function get_forklift_unlocks(){
        if(done_get_forklift_unlocks==1){            
            done_get_forklift_unlocks=0;
            
            $.ajax({
                headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        url: '/get_forklift_unlocks',
                        type: 'POST',

                success: function(response){
                            if(response.warning){
                                alert(response.warning);
                            }
                            else{
                               if(response==0){
                                   $('#forklift_unlocks').addClass('btn-success').removeClass('btn-danger');
                               }
                               else{
                                   $('#forklift_unlocks').removeClass('btn-success').addClass('btn-danger');
                               }
                            }
                            done_get_forklift_unlocks=1;
                        }
            });
        }
    }
    
    var done_get_forklift_movements=1;
    
    function get_forklift_movements(){
        if(done_get_forklift_movements==1){
            done_get_forklift_movements=0;
            $.ajax({
                headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        url: '/get_forklift_movements',
                        type: 'POST',

                success: function(response){
                            if(response.warning){
                                alert(response.warning);
                            }
                            else{
                               if(response==0){
                                   $('#forklift_movements').addClass('btn-success').removeClass('btn-danger');
                               }
                               else{
                                   $('#forklift_movements').removeClass('btn-success').addClass('btn-danger');
                               }
                            }
                            done_get_forklift_movements=1;
                        }
            });
        }
    }
    
    var done_get_forklift_transfers=1;
    
    function get_forklift_transfers(){
        if(done_get_forklift_transfers==1){
            done_get_forklift_transfers=0;
            $.ajax({
                headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        url: '/get_forklift_transfers',
                        type: 'POST',

                success: function(response){
                            if(response.warning){
                                alert(response.warning);
                            }
                            else{
                               if(response==0){
                                   $('#forklift_transfers').addClass('btn-success').removeClass('btn-danger');
                               }
                               else{
                                   $('#forklift_transfers').removeClass('btn-success').addClass('btn-danger');
                               }
                            }
                            done_get_forklift_transfers=1;
                        }
            });
        }
    }
    
    var done_get_picker_orders=1;
    
    function get_picker_orders(){
        if(done_get_picker_orders==1){
            done_get_picker_orders=0;
            $.ajax({
                headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        url: '/get_picker_orders',
                        type: 'POST',

                success: function(response){
                            if(response.warning){
                                alert(response.warning);
                            }
                            else{
                               if(response==0){
                                   $('#picker_orders').addClass('btn-success').addClass('btn-disabled').removeClass('btn-danger');
                               }
                               else{
                                   $('#picker_orders').removeClass('btn-success').removeClass('btn-disabled').addClass('btn-danger');
                               }
                            }
                            done_get_picker_orders=1;
                        }
            });
        }
    }
    
    var done_get_forklift_orders=1;
    
    function get_forklift_orders(){
        if(done_get_forklift_orders==1){
            done_get_forklift_orders=0;
            
            $.ajax({
                headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        url: '/get_forklift_orders',
                        type: 'POST',

                success: function(response){
                            if(response.warning){
                                alert(response.warning);
                            }
                            else{
                               if(response==0){
                                   $('#forklift_orders').addClass('btn-success').removeClass('btn-danger');
                               }
                               else{
                                   $('#forklift_orders').removeClass('btn-success').addClass('btn-danger');
                               }
                            }
                            done_get_forklift_orders=1;
                        }
            });
        }
    }
</script>
@endsection