@extends('layouts.main')


@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.update_invited_user') }}</h1>
                        </div>  
                        <form class="form" action="{{route('guest_users_update_post', ['user_id' => $invUser])}}" method="post">
                            {{ csrf_field() }}
                            {{ method_field('post') }}
                            <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">{{ __('strings.user') }}</label>
                                        <input type="text" class="form-control" name="user" value="{{$invUser->user ?? ''}}" required>
                                    </div> 
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label for="password">{{ __('strings.password') }}</label>
                                        <input type="password" class="form-control"  name="password"  value="{{$invUser->password ?? ''}}" required autocomplete="off">
                                    </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 ?? ''}}" >
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label for="single-select">{{ __('strings.lang') }}</label>
                                        <select name="lang" class="form-control">
                                            <option value="es" {{$invUser->lang == 'es' ? 'selected':''}} >{{ __('strings.es') }}</option>
                                            <option value="en" {{$invUser->lang == 'en' ? 'selected':''}} >{{ __('strings.en') }}</option>
                                        </select>
                                    </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">
                                        <label for="enabled" class="ts-helper"></label>
                                    </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-12 form-actions">                            
                                <a href="#" onclick="window.history.back();" class="btn btn-secondary">  {{__('strings.submit_cancel')}} </a>       
                                <button type="submit" class="btn btn-primary">{{ __('strings.submit_update') }}</button>
                            </div>
                        </form>
                </div>
                
            

                <div class="col-md-6">
                    <div class="card-header">
                        <h1 class="form-section">{{ __('strings.invited_user_devices') }}</h1>
                    </div>
                    <form class="form" action="{{route('guest_devices_post', ['user_id' => $invUser])}}" method="post">
                        {{ csrf_field() }}
                        <div class="table-responsive" style="height:500px;">
                            <table id="devices" class="table cell-borders">
                                <thead class="thead-inverse">
                                    <tr>
                                        <th></th>
                                        <th>Imei</th>
                                        <th>Alias</th> 
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach(App\ClientDevice::where('ID_CLIENT', Auth::user()->ID)->get() as $device)
                                    @if ($invUser->devices->contains($device->IMEI))
                                        <tr>                                                                   
                                            <td>
                                                <input type="checkbox"  name="devices_id[]" value="{{$device->IMEI}}" onchange="onCheckClick(this)" checked >
                                            </td>
                                            <td>{{$device->IMEI}}</td>
                                            <td>{{$device->ALIAS}} </td> 
                                        </tr>
                                    @else
                                        <tr>                                                                   
                                            <td>
                                                <input type="checkbox"  name="devices_id[]" value="{{$device->IMEI}}"  onchange="onCheckClick(this)">
                                            </td>
                                            <td>{{$device->IMEI}}</td>
                                            <td>{{$device->ALIAS}}</td> 
                                        </tr>
                                    @endif
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                        <hr>
                        <span class="float-sm-right">
                                <button type="submit" class="btn btn-primary btn-">
                                    {{ __('strings.submit_update') }}
                                </button>
                            </span>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection


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

function onCheckClick(check){
    table.search("").draw();
}
</script>

@endpush