@extends('layouts.master')
@section('content')
<section class="content home">
  <div class="block-header">
    <div class="row">
        <div class="col-lg-5 col-md-5 col-sm-12">
          <h2>Edit User
          <small>Welcome to WBI</small>
          </h2>
        </div>            
        <div class="col-lg-7 col-md-7 col-sm-12 text-right">
          <ul class="breadcrumb float-md-right">
              <li class="breadcrumb-item"><a href="#"><i class="zmdi zmdi-home"></i>ASSAM-WBI</a></li>
              <li class="breadcrumb-item active">Edit User</li>
          </ul>
        </div>
    </div>
  </div>
  <div class="container-fluid">
    <div class="row">
      <div class="col-lg-12 col-md-12 col-sm-12">
        <div class="card">
          <div class="header">
            <h2><strong>Edit </strong> User 
          </div>
          <div class="body">
            <div class="row clearfix">
              <div class="col-md-12 col-lg-12">
                <form method="POST" action="{{ route('add-user.update',$user->id) }}">
                  @csrf
                  @method('PUT')
                  <input type="hidden" name="id" value="{{ $user->id }}">
                  <div class="form-group">
                              <label for="input-6">Name</label>
                              <input type="text" class="form-control form-control-rounded @error('name') is-invalid @enderror" id="name" name="name" value="{{ $user->name }}" placeholder="Enter Your Name"  autofocus>
                              @error('name')
                              <span class="invalid-feedback" role="alert">
                              <strong>{{ $message }}</strong>
                              </span>
                              @enderror 
                           </div>
                           <div class="form-group">
                              <label for="input-7">Email</label>
                              <input type="email" class="form-control form-control-rounded @error('email') is-invalid @enderror" id="input-7" name="email" value="{{ $user->email }}" placeholder="Enter Your Email Address">
                              @error('email')
                              <span class="invalid-feedback" role="alert">
                              <strong>{{ $message }}</strong>
                              </span>
                              @enderror
                           </div>
                           <div class="form-group">
                              <label for="input-8">Mobile</label>
                              <input type="number" class="form-control form-control-rounded @error('mobile') is-invalid @enderror" name="mobile" id="input-8" value="{{ $user->mobile }}" placeholder="Enter Your Mobile Number">
                              @error('mobile')
                              <span class="invalid-feedback" role="alert">
                              <strong>{{ $message }}</strong>
                              </span>
                              @enderror
                           </div>
                           <div class="mb-2">
                              <label for="input-9">Role</label>
                              <select name="role_id" id="role_id" class="form-control form-control-rounded @error('role_id') is-invalid @enderror" onchange="ShowDiv(this.value)">
                                 <option value="">--Select Role--</option>
                                 @foreach($roles as $key => $value)
                                 <option value="{{ $value['id'] }}" @if($user->role_id == $value['id']) selected @endif>{{ $value['name'] }}</option>
                                 @endforeach
                              </select>
                              @error('role_id')
                              <span class="invalid-feedback" role="alert">
                              <strong>{{ $message }}</strong>
                              </span>
                              @enderror
                           </div>
                           <div class="mb-2" id="division" style="display:none;">
                              <label for="input-9">Divison</label>
                              <select name="division_id" id="division_id" class="form-control form-control-rounded @error('division_id') is-invalid @enderror">
                                 <option value="">--Select Division--</option>
                                 @foreach($division as $key => $value)
                                 <option value="{{ $value['id'] }}" @if($user->division_id == $value['id']) selected @endif>{{ $value['name'] }}</option>
                                 @endforeach
                              </select>
                              @error('division_id')
                              <span class="invalid-feedback" role="alert">
                              <strong>{{ $message }}</strong>
                              </span>
                              @enderror
                           </div>
                           <div class="mb-2" id="circle" style="display:none;">
                              <label for="input-9">Circle</label>
                              <select name="circle_id" id="circle_id" class="form-control form-control-rounded @error('circle_id') is-invalid @enderror">
                                 <option value="">--Select Circle--</option>
                                 @foreach($circle as $key => $value)
                                 <option value="{{ $value['id'] }}" @if($user->circle_id == $value['id']) selected @endif>{{ $value['name'] }}</option>
                                 @endforeach
                              </select>
                              @error('circle_id')
                              <span class="invalid-feedback" role="alert">
                              <strong>{{ $message }}</strong>
                              </span>
                              @enderror
                           </div>
                           <div class="mb-2" id="zone" style="display:none;">
                              <label for="input-9">Zone</label>
                              <select name="zone_id" id="zone_id" class="form-control form-control-rounded @error('zone_id') is-invalid @enderror">
                                 <option value="">--Select Zone--</option>
                                 @foreach($zone as $key => $value)
                                 <option value="{{ $value['id'] }}" @if($user->zone_id == $value['id']) selected @endif>{{ $value['name'] }}</option>
                                 @endforeach
                              </select>
                              @error('zone_id')
                              <span class="invalid-feedback" role="alert">
                              <strong>{{ $message }}</strong>
                              </span>
                              @enderror
                           </div>
                           <div class="mb-2" id="registration_type" style="display:none;">
                              <label for="input-9">Registration Type</label>
                              <select name="registration_type" id="registration_type" class="form-control form-control-rounded @error('registration_type') is-invalid @enderror">
                                 <option value="">--Select Registration Type--</option>
                                 <option value="Regular" @if($user->registration_type == "Regular") selected @endif>Regular</option>
                                 <option value="Autonomous" @if($user->registration_type == "Autonomous") selected @endif>Autonomous</option>
                              </select>
                              @error('registration_type')
                              <span class="invalid-feedback" role="alert">
                              <strong>{{ $message }}</strong>
                              </span>
                              @enderror
                           </div>
                  <div class="form-group">
                    <button type="submit" class="btn btn-primary btn-sm btn-round">Update</button>
                  </div>
                </form>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-lg-12">@include('layouts.footer')</div>
		</div>
	</div>
</section> 
@endsection
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
<script type="text/javascript">
  $(document).ready(function(){
    ShowDiv(, true);
  });
</script>
<script type="text/javascript">
  function ShowDiv(role_id, flag = false){
    if(!flag){
      document.getElementById('division_id').value = '';
      document.getElementById('circle_id').value = '';
      document.getElementById('zone_id').value = '';
      // document.getElementById('registration_type').value = 'Regular';
    }
    document.getElementById('division').style.display = role_id == 7 ? 'block' : 'none';
    document.getElementById('circle').style.display = role_id == 6 ? 'block' : 'none';
    document.getElementById('zone').style.display = role_id == 5 || role_id == 9 ? 'block' : 'none';
    // document.getElementById('registration_type').style.display = role_id == 2 || role_id == 3 || role_id == 4 ? 'block' : 'none';
  }
</script>