@extends('layouts.app_mobile')

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

@section('content')
<div class="container">
@include('shared.messages')

	<div class="row">
            <div class="col-xs-12 col-sm-12 col-md-12">
		<div class="panel panel-default">
                    <div class="panel-heading">
                        <div class="pull-right">
                            <a type="button" class="btn btn-primary back-btn" href="{{route('mobile_views.home')}}">{{__('texte.mobile_views_arr.forklift_movements.back')}}</a>
                        </div>
                    </div>
                    <div class="panel-body" style="padding:0px;">
                        @if(count($forklift_movements)>0)
                            <table id="myTable" class="table table-bordered" style="font-size:10px;">
                                <tr>
                                    <th>{{__('texte.mobile_views_arr.forklift_movements.storage')}}</th>
                                    <th>{{__('texte.mobile_views_arr.forklift_movements.place')}}</th>                                      
                                    <th></th>
                                </tr>
                            @foreach ($forklift_movements as $forklift_movement)                                
                                <tr>
                                    <td>{{ $forklift_movement->stock->storage->name}}</td>
                                    <td>{{ $forklift_movement->stock->place->address}}</td>
                                    <td style="padding:0px !important;">
                                        <a class="btn btn-success btn-xs" href="{{ route('forklift_movement.start', $forklift_movement->id) }}"><i class="glyphicon glyphicon-check"></i></a>
                                    </td>
                                </tr>
                                
                            @endforeach
                            </table>
                        @else                              
                            <span>{{__('texte.mobile_views_arr.forklift_movements.no_pending_movements')}}</span>                                     
                        @endif
                    </div>
		</div>
            </div>
	</div>

</div>
<script type="text/javascript">
        var es = new EventSource("{{route('orders.show_new_movements')}}");
        es.addEventListener("message", function(e) {
            location.reload();
        }, false);
</script>  
@endsection