@extends('layouts.main')

@section('content')
<div class="row" >
    <div class="col-md-12" >
            <div class="card">   
            <div class="card-header">
                <h1 class="form-section">{{ __('strings.select_testers') }}</h1>
            </div>     
            <hr>
            <div class="card-body">
                <div class="dashboard-widget-content">
                    <div class="col-md-12 col-sm-12 col-xs-12">
                        <form class="form" action="{{route('save_test_devices')}}" method="post">
                            {{ csrf_field() }}
                            <div style="height: 500px; overflow: auto;">                                               
                                <table id="testers-table"  class="table table-hover">     
                                    <thead>
                                        <tr>
                                            <th>IMEI</th>
                                            <th>{{__('strings.last_report')}}</th>
                                            <th>USER</th>
                                            <th></th>
                                        </tr>
                                    </thead>                                             
                                    <tbody>
                                        @foreach($devices as $device)
                                        <tr>
                                            <td>{{$device->ALIAS == NULL ? $device->IMEI : $device->ALIAS}}</td>
                                            <td> <script> document.write(moment.utc({!! '"' . ($device['trama']['CREATED_AT'] ?? 'null') . '"' !!}).local().fromNow()) </script>  </td>
                                            <td>{{$device['tester']['USER']}}</td>
                                            <td><input type='checkbox' class='flat' name="testDevices[]" value='{{$device->IMEI}}'></td>
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                            <div class="col-md-6"> 
                            <div class="form-group">
                                <button type="submit" class="btn btn-primary">{{ __('strings.submit_update') }}</button>
                            </div>
                        </div>
                        </form>
                    </div>
                </div>
            </div>            
        </div>
    </div>
 </div>
<p></p>
@endsection