@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" style="text-align:center;">
                        <a class='btn btn-success' href='{{route('forklift_supply.start')}}'>{{__('texte.mobile_views_arr.forklift_unlocks.supply')}}</a>
                        <a type="button" class="btn btn-primary back-btn" href="{{route('mobile_views.home')}}">{{__('texte.mobile_views_arr.forklift_unlocks.back')}}</a>
                    </div>
                    
                    <div class="panel-body" style="padding:0px;">
                        @if(count($forklift_unlocks)>0)
                            <table id="myTable" class="table table-bordered" style="font-size:13px;">
                                    <tr>
                                        <th>{{__('texte.mobile_views_arr.forklift_unlocks.product')}}</th>
                                        <th>{{__('texte.mobile_views_arr.forklift_unlocks.quantity_short')}}</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 style="padding:0px !important;">
                                        <a class="btn btn-success btn-xs" href="{{ route('forklift_unlock.start', $forklift_unlock->id) }}"><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('show_new_unlocks')}}");
        es.addEventListener("message", function(e) {
            location.reload();
        }, false);
</script>  
@endsection