@extends('layouts.main')


@section('content')
<div class="row">
    <form class="col-md-12" action="{{route('post_devices_to_user')}}" method="post">
    {{ csrf_field() }}
    {{ method_field('post') }}
    <div class="col-md-6">
        <div class="card">
            <div class="card-header">
                <h4 class="card-title">{{ __('strings.select_an_user') }}</h4>
            </div>   

            <div class="card-body">
                <select name="user_token" class="form-control">
                    @foreach($users as $user) 
                    <option value="{{$user->token}}">{{$user->email}} </option>
                    @endforeach
                </select>
            </div>
        </div>
    </div>
    <div class="col-md-6">
        <div class="card">
            <div class="card-header">
                <h4 class="card-title">{{ __('strings.select_devices') }}</h4>
            </div>            
            <div class="card-body" style="height: 500px; overflow-x: auto;"> 
                <div class="form-group">
                    @foreach($devices as $device)                        
                            <div class="input-group">
                                <label class="display-inline-block custom-control custom-checkbox ml-1">
                                    <input name="devices[]" class="custom-control-input" type="checkbox" value="{{$device->imei}}">
                                    <span class="custom-control-indicator"></span>
                                    <span class="custom-control-description ml-0" data-toggle="tooltip" data-placement="right">{{$device->imei}} / {{$device->type}}</span>
                                 </label>
                            </div>
                    @endforeach
              </div>                             
            </div>            
            <div class="form-actions center p-3">
                <button type="submit" class="btn btn-primary btn-block">
                    {{ __('strings.assign') }}
                </button>
            </div> 
        </div>
    </div>
    </form>
</div>
@endsection


@push('scripts')
@endpush