@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_unlocks.back')}}</a>
                        </div>
                    </div>
                    <div class="panel-body" style="padding:0px;">
                        @if(count($forklift_unlocks)>0)
                            <table id="myTable" class="table table-bordered" style="font-size:10px;">
                                    <tr>
                                        <th>{{__('texte.mobile_views_arr.forklift_unlocks.product')}}</th>
                                        <th>{{__('texte.mobile_views_arr.forklift_unlocks.quantity_short')}}</th>
                                        <th>{{__('texte.mobile_views_arr.forklift_unlocks.measure')}}</th>
                                        <th></th>
                                    </tr>
                            @foreach ($forklift_unlocks as $forklift_unlock)
                                @if(isset($forklift_unlock->stock))
                                <tr>
                                    <td>{{ $forklift_unlock->stock->product->name}}</td>
                                    <td>{{ $forklift_unlock->quantity_ordered ?? 0}}</td>
                                    <td>{{ $forklift_unlock->measure==1 ? $forklift_unlock->stock->product->package->name : __('texte.mobile_views_arr.forklift_unlocks.count')}}</td>
                                    <td style="padding:0px !important;">
                                        <a class="btn btn-success btn-xs" href="{{ route('forklift_unlock.start', $forklift_unlock->id) }}?page={{ request('page', 1) }}"><i class="glyphicon glyphicon-check"></i></a>
                                    </td>
                                </tr>
                                @endif
                            @endforeach
                            </table>
                        @else                              
                            <span>{{__('texte.mobile_views_arr.forklift_unlocks.no_pending_unlocks')}}</span>                                     
                        @endif
                    </div>
		</div>
            </div>
	</div>

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