@extends('dashboard.layout.partials.dashboard')
@section('content')

<div class="container-fluid">
 <div class="stretch-card col-xl-8 mx-auto"> <!--col-md-6 grid-margin -->
                <div class="card">
                  <br>
                  <br>
                  <h4 style="text-align: center !important;">Edit Users  </h4>

                  <div class="card-body shadow">
                    
                   <form class="forms-sample" method="POST" action="{{route('users.update',$user->id)}}">
                     @csrf()
                     @method('PUT')
                      <div class="form-group">
                        <label for="user_name">User Name</label>
                        <input type="text" class="form-control" name="user_name" autocomplete="off" id="user_name" value="{{old('user_name', $user->name)}}">
                      </div>

                      <div class="form-group">
                        <label for="user_email">User Email</label>
                        <input type="text" class="form-control" name="user_email" autocomplete="off" id="user_email" placeholder="User Email" value="{{old('user_email', $user->email)}}">
                      </div>
                    
                       <div class="form-group">
                        <label for="role_id">Role</label>
                        <select type="text" class="form-control" name="role_id" autocomplete="off" id="role_id">
                          @foreach($role as $roles)
                          <option value="{{$roles->id}}" {{($roles->id == $user->role_id) ? 'selected' : '' }}>{{$roles->role_name}}</option>
                          @endforeach
                        </select>
                      </div>
                   
                       @php
                       $sub_cat=App\Models\SubRole::all();
                       @endphp
                       <div class="form-group">
                        <label for="sub_role_id">Role Category</label>
                        <select type="text" class="form-control" name="sub_role_id" autocomplete="off" id="sub_role_id">
                           @foreach($sub_cat as $item)
                           <option value='{{$item->id}}' {{($item->id == $user->sub_role_id) ? 'selected' : '' }}>{{ $item->sub_role_name}}</option>
                           @endforeach
                        </select>
                      </div>
                      
                      
                      
                      <div class="form-group">
                        <label for="role_id">User Status</label>
                        <select type="text" class="form-control" name="activation" autocomplete="off" >
                          <option>Select User Status</option>
                          <option value="1" {{($user->activation == 1) ? 'selected' : '' }}>Active</option>
                          <option value="0" {{($user->activation == 0) ? 'selected' : '' }}>In active</option>
                        </select>
                      </div>

                    <button type="submit" class="btn btn-gradient-danger me-2">Submit</button>
                      <a class="btn btn-light" href="{{ url()->previous() }}">Cancel</a>
                    </form>
                  </div>
                </div>
              </div>
              </div>

@endsection

@section('javascript')

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
 
$(document).ready(function() {
    
var role_id =  $("#role_id option:selected").val(); 

// $.ajax({
                
//                 type: "get",
//                 url: "{{ url('/get/selected/subroles/') }}",
//                 data: {
                   
//                     role_id: role_id
//                 },
//                 cache: false,
//                 dataType: "json",
//                 success: function(response) {
//                     var sub_role_id = @json($user->sub_role_id);
//                      var res = response;
//                      var foundElement = res.find(item => item.id === sub_role_id);
                   
//                     for(let i = 0; i < response.length; i++){
                        
//                          if(foundElement.id == response[i].id){
                             
//                          $("#sub_role_id").append('<option value="' + response[i].id + '" selected>' + response[i].sub_role_name+ '</option>');
                       
//                          }else
//                          {
//                               $("#sub_role_id").append('<option value="' + response[i].id + '" >' + response[i].sub_role_name + '</option>');
//                          }
//                     }
                    
                  

//                 }
//             });
  
// });

 function roleFunction()
 {

  var role_id =  $("#role_id option:selected").val();

    $.ajax({
                    url: 'http://devstaging.a2zcreatorz.com/FutureParts/get/subroles/' + role_id,
                    type: 'GET',
                    dataType: 'json',
                    success: function(response) {
                        
                     $("#sub_role_id").append('<option>'+'Select Role Category'+'</option>');
                     
                   $.each(response, function(key, value) {

                         $("#sub_role_id").append('<option value="' + value.id + '">' + value.sub_role_name + '</option>');  
                     });

                    }
                });

 } 
</script>
@endsection