@extends('layouts.main')

@section('content')
<div class="row">
	 <div class="col-md-12">
        <div class="card">
            <div class="card-body">
                <div class="card-block">
                    <span class="avatar img-fluid d-block mx-auto width-35-per"><img src="{{asset("uploads").'/'.$user->photo.'?'.now()}}"  width="150px" alt="avatar">
                        		<a href="#" onclick="document.getElementById('photoFile').click();"><i class="fa fa-refresh fa-2x"></i> {{ __('strings.update') }}</a>
                        		<form action="{{route('user.update_photo',["user_id" => $user->id])}}" method="POST" enctype="multipart/form-data">
								    <input type="file" class="fa fa-refresh fa-lg" name="file" id="photoFile" onchange="this.form.submit();" style="display: none;">
									<input type="hidden" value="{{ csrf_token() }}" name="_token">
                        		</form>
                    </span>

                    <form class="form" action="{{route('update_user_data',['user' => $user->id])}}" method="post">
                        {{ csrf_field() }}
                        {{ method_field('put') }}
                        <div class="form-body">      
                            <div class="form-group">
                                <label for="email">{{ __('strings.profile.email') }}</label>
                                <input type="email" id="email" class="form-control" placeholder="{{ __('strings.profile.email') }}" name="email" value="{{ $user->email }}" autocomplete="off">
                            </div> 
                            <div class="form-group">
                                <label for="password">{{ __('strings.password') }}</label>
                                <input type="password" id="password" class="form-control" placeholder="{{ __('strings.password') }}" name="password" value="{{ $user->password }}" autocomplete="off">
                            </div>                  	
                            <div class="form-group">
                                <label for="name">{{ __('strings.profile.name') }}</label>
                                <input type="text" id="name" class="form-control" placeholder="{{ __('strings.profile.name') }}" name="name" value="{{ $user->name }}">
                            </div>
                            <div class="form-group">
                                <label for="last_name">{{ __('strings.profile.last_name') }}</label>
                                <input type="text" id="last_name" class="form-control" placeholder="{{ __('strings.profile.last_name') }}" name="last_name" value="{{ $user->last_name }}">
                            </div>
                            <div class="form-group">
                                <label for="street">{{ __('strings.profile.street') }}</label>
                                <input type="text" id="street" class="form-control" placeholder="{{ __('strings.profile.street') }}" name="street" value="{{ $user->street }}">
                            </div>
                            <div class="form-group">
                                <label for="city">{{ __('strings.profile.city') }}</label>
                                <input type="text" id="city" class="form-control" placeholder="{{ __('strings.profile.city') }}" name="city" value="{{ $user->city }}">
                            </div>
                            <div class="form-group">
                                <label for="state">{{ __('strings.profile.state') }}</label>
                                <input type="text" id="state" class="form-control" placeholder="{{ __('strings.profile.state') }}" name="state" value="{{ $user->state }}">
                            </div>
                            <div class="form-group">
                                <label for="country">{{ __('strings.profile.country') }}</label>
                                <input type="text" id="country" class="form-control" placeholder="{{ __('strings.profile.country') }}" name="country" value="{{ $user->country }}">
                            </div>
                        </div>
                        <div class="form-actions center">
                            <a href="#" onclick="window.history.back();" class="btn btn-secondary">  {{__('strings.submit_cancel')}} </a>    
                            <button type="submit" class="btn btn-primary">{{ __('strings.profile.update') }}</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="row">
     <div class="col-sm-12">
        <div class="card">
            <div class="card-body">
                <div class="card-header">
                    <h3 class="card-title">{{ __('strings.user_profiles') }}</small></h3>                   
                </div>
                <div class="card-block">

                    <form class="form" action="{{route('user_permissions',['user' => $user->id])}}" method="post">
                        {{ csrf_field() }}
                        <h3>{{ method_field('put') }}</h3>
                        @foreach($platforms as $p)
                            <div class="input-group">
                                <label class="display-inline-block custom-control custom-checkbox ml-1">
                                    <input name="platforms[]" class="custom-control-input" type="checkbox" value="{{$p->id}}" {{ ($user->platforms->contains('platform',$p->platform)) ? 'checked':''}}>
                                    <span class="custom-control-indicator"></span>
                                    <span class="custom-control-description ml-0" data-toggle="tooltip" data-placement="right" title="{{$p->description}}">{{$p->name}}</span>
                                 </label>
                            </div>
                        @endforeach
                        <div class="form-actions center">
                            <button type="submit" class="btn btn-primary">
                                {{ __('strings.profile.update') }}
                            </button>
                        </div>
                    </form>
                </div>
            </div>
            
        </div>
    </div>
</div>

<div class="row">
     <div class="col-sm-12">
        <div class="card">
            
            <div class="card-body" >
            <div class="card-header">
                <h3 class="card-title">{{ __('strings.assigned_devices') }}</small></h3>                   
            </div>
            <hr>
            <form class="form" action="{{route('detach_devices')}}" method="post">
                <div class="card-block" style="height: 250px; overflow-x: auto;">

                        {{ csrf_field() }}
                        <h3>{{ method_field('post') }}</h3>
                        <input type="hidden" name="user_token" value="{{$user->token}}">
                        @foreach($user->devices as $dev)
                            <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="{{$dev->imei}}" checked>
                                    <span class="custom-control-indicator"></span>
                                    <span class="custom-control-description ml-0" data-toggle="tooltip" data-placement="right" title="{{$dev->imei}}">{{$dev->imei}}</span>
                                 </label>
                            </div>
                        @endforeach
                </div>
                
                    <div class="form-actions center p-3">
                        <button type="submit" class="btn btn-primary">
                            {{ __('strings.profile.update') }}
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection