@extends('layout.main')

@section('content')

<div class="container-fluid">
    <div class="row justify-content-center">
      <div class="col-12">
        <h2 class="page-title">{{__('nav.edit_user')}}</h2>
        <p class="text-muted"></p>
        
        <div class="row">
          <div class="col-md-12">
            <div class="card shadow mb-4">
              {{-- <div class="card-header">
                <strong class="card-title">Form row</strong>
              </div> --}}
              <div class="card-body">
                <form action="{{route('users.update',$user->id)}}" method="POST" enctype="multipart/form-data">
                    @csrf
                    @method('PUT')
                  <div class="form-row">
                    <div class="form-group col-md-12">
                      <label for="inputEmail4">{{__('nav.full_name')}}</label>
                      <input type="text" value="{{ old('name',$user->name)}}" name="name" class="form-control @error('name')error-message @enderror" id="inputEmail5">
                      @error('name')<div class="invalid-feedback">  {{$message}}</div>@enderror
                    </div>
                    <!--<div class="form-group col-md-6">-->
                    <!--  <label for="inputPassword4">{{__('nav.username')}}</label>-->
                    <!--  <input type="text" value="{{ old('username',$user->username)}}" name="username" class="form-control  @error('username')error-message @enderror" id="inputPassword5">-->
                    <!--  @error('username')<div class="invalid-feedback">  {{$message}}</div>@enderror-->
                    <!--</div>-->
                    <div class="form-group col-md-12">
                        <label for="inputEmail4">{{__('nav.email')}}</label>
                        <input type="email" value="{{ old('email',$user->email)}}"  name="email" class="form-control @error('email')error-message @enderror" id="inputEmail5">
                        @error('email')<div class="invalid-feedback">  {{$message}}</div>@enderror
                    </div>
                    <div class="form-group col-md-6">
                    <label for="inputAddress">{{__('nav.phone')}}</label>
                    <input type="text" value="{{ old('phone',$user->phone)}}" name="phone" class="form-control @error('phone')error-message @enderror" id="inputAddress5" placeholder="+25_____">
                    @error('phone')<div class="invalid-feedback">  {{$message}}</div>@enderror
                    </div>                      
                      <div class="form-group col-md-3">
                        <label for="inputAddress2">{{__('nav.role')}}</label>
                            <select name="roles[]" class="form-control select2 @error('roles')error-message @enderror" id="simple-select2" multiple>
                                <option value=""></option>
                                @foreach($roles as $role)
                                <option value="{{$role}}"   @if(is_array($userRole) && in_array($role, $userRole)) 
                                selected 
                            @endif>{{$role}}</option>
                                @endforeach
                              </optgroup>
                            </select>
                        @error('roles')<div class="invalid-feedback">  {{$message}}</div>@enderror
                      </div>
                      <div class="form-group col-md-3">
                        <div class="card border-0 bg-transparent">
                          <label for="inputAddress2">{{__('nav.profile')}}</label>
                          <input 
                          name="avatar"
                          accept="image/*"
                          onchange="document.getElementById('image_3').src = window.URL.createObjectURL(this.files[0])"
                        class="form-control mb-3" id="formFileSm" type="file">
                          <img id="image_3" src="@if($user->avatar){{ Storage::url($user->avatar)}} @else{{asset('dashboard/assets/products/p4.jpg')}}@endif" width="150px" alt="..." aria-hidden="true" class="rounded">
                        </div>
                      </div>
                  </div>
                  
                  <button type="submit" class="btn btn-primary">{{__('nav.submit')}}</button>
                </form>
              </div> <!-- /. card-body -->
            </div> <!-- /. card -->
          </div> <!-- /. col -->
        </div> <!-- /. end-section -->
        
      </div> <!-- .col-12 -->
    </div> <!-- .row -->
  </div> <!-- .container-fluid -->

@endsection

@push('scripts')

@endpush