@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('internal_transfer.start')}}'>{{__('texte.mobile_views_arr.forklift_transfers.internal_transfer')}}</a>
                        <a type="button" class="btn btn-primary back-btn" href="{{route('mobile_views.home')}}">{{__('texte.mobile_views_arr.forklift_transfers.back')}}</a>
                    </div>
                    <div class="panel-body" style="padding:0px;">
                        @if(count($forklift_transfers)>0)
                            <table id="myTable" class="table table-bordered" style="font-size:10px;">
                                <tr>
                                    <th>{{__('texte.mobile_views_arr.forklift_transfers.storage_from')}}</th>
                                    <th>{{__('texte.mobile_views_arr.forklift_transfers.storage_to')}}</th>                                      
                                    <th></th>
                                </tr>
                            @foreach ($forklift_transfers as $forklift_transfer)                                
                                <tr>
                                    <td>{{ $forklift_transfer->storage_from->name}}</td>
                                    <td>{{ $forklift_transfer->storage_to->name}}</td>
                                    <td style="padding:0px !important;">
                                        <a class="btn btn-success btn-xs" href="{{ route('forklift_transfer.start', $forklift_transfer->id) }}"><i class="glyphicon glyphicon-check"></i></a>
                                    </td>
                                </tr>                                
                            @endforeach
                            </table>
                        @else                              
                            <h3>{{__('texte.mobile_views_arr.forklift_transfers.no_pending_transfers')}}</h3>                                     
                        @endif
                    </div>
		</div>
            </div>
	</div>

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