@extends('layouts.guest')


@section('content')
<div class="row">
        <div class="col-md-12">
        <div class="card">   
            <div class="card-body">

                <div class="col-md-6">
                        <div class="card-header">
                            <h1 class="form-section">{{ __('strings.profile') }}</h1>
                        </div>  
                            <div class="form-body">
                                <div class="col-md-4">                            
                                    <div class="form-group">
                                        <label for="id">Id</label>
                                        <input type="text" class="form-control form-control-plaintext" placeholder="Id" name="id" value="{{$invUser->id ?? ''}}" disabled>
                                    </div>  
                                </div><div class="col-md-4">      
                                    <div class="form-group">
                                        <label for="user">Token</label>
                                        <input type="text" class="form-control" name="user" value="{{$invUser->token ?? ''}}" required disabled>
                                    </div> 
                                </div>
                                <div class="col-md-4">      
                                    <div class="form-group">
                                        <label for="user">{{ __('strings.user') }}</label>
                                        <input type="text" class="form-control" name="user" value="{{$invUser->user ?? ''}}" required disabled>
                                    </div> 
                                </div>
                                <div class="col-md-4">      
                                    <div class="form-group">
                                        <label for="company">{{ __('strings.company') }}</label>
                                        <input type="text" class="form-control" name="company" value="{{$invUser->company ?? ''}}" disabled>
                                    </div>
                                </div>
                                <div class="col-md-4">      
                                    <div class="form-group">
                                        <label for="company">{{ __('strings.lang') }}</label>
                                        <input type="text" class="form-control" name="company" value="{{$invUser->lang ?? ''}}" disabled >
                                    </div>
                                </div>
                                
                                <div class="col-md-4">
                                    <div class="form-group">                                    
                                    <label for="enabled" class="form-control-label ts-label">{{ __('strings.enabled') }}</label>
                                    <div class="form-control-plaintext toggle-switch" data-ts-color="primary">
                                        <input type="checkbox" id="enabled" name="enabled" {{$invUser->enabled ? 'checked' : ''}} hidden="hidden" disabled>
                                        <label for="enabled" class="ts-helper"></label>
                                    </div>
                                    </div>
                                </div>
                            </div>
                </div>
                
            

                <div class="col-md-6">
                    <div class="card-header">
                        <h1 class="form-section">{{ __('strings.devices') }}</h1>
                    </div>
                        <div class="table-responsive" style="height:500px;">
                            <table id="devices" class="table cell-borders">
                                <thead class="thead-inverse">
                                    <tr>
                                        <th>Imei</th>
                                        <th>Alias</th> 
                                        <th>{{__('strings.carrier')}}</th> 
                                        <th>{{__('strings.bill')}}</th> 
                                        <th>{{__('strings.commodity')}}</th> 
                                        <th>{{__('strings.plates')}}</th> 
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($invUser->devices as $device)
                                    <tr>            
                                            <td>{{$device->IMEI}}</td>
                                            <td>{{$device->ALIAS}} </td> 
                                            <td>{{$device->CARRIER}} </td> 
                                            <td>{{$device->INVOICE}} </td> 
                                            <td>{{$device->COMMODITY}} </td> 
                                            <td>{{$device->PLATES}} </td> 
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                        <hr>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection


@push('scripts')
<script>
var table;
$(document).ready( function () {
    table = $('#devices').DataTable({
        paging: false
    });
} );

</script>

@endpush