@extends('backend.admin-master')
@section('site-title')
    {{__('Dashboard')}}
@endsection
@section('content')
         <!-- Content wrapper -->
         <div class="content-wrapper">
          <!-- Content -->

          <div class="container-xxl flex-grow-1 container-p-y">
            <h4 class="fw-bold py-3 mb-4"><span class="text-muted fw-light">User /</span> Edit User</h4>
{{-- @if ($errors->any())
                @foreach ($errors->all() as $error)
                  <div class="alert alert-danger">{{ $error }}</div>
                @endforeach
                @endif --}}
            <div class="row">
              <div class="col-md-12">

                <div class="card mb-4">
                  
                  <!-- Account -->
              <form id="formAccountSettings" method="POST" action="{{route('superadmin.userupdate')}}" enctype="multipart/form-data">
                
                @csrf
                  <div class="card-body">
                    <div class="d-flex align-items-start align-items-sm-center gap-4">
                      <img
                        src="@if(isset($user_details->profilepic)) {{asset('public/uploads/user_media/user_profile/'.$user_details->profilepic)}} @else../assets/dashboard/assets/img/avatars/userlogo.png @endif"
                        alt="user-avatar"
                        class="d-block rounded"
                        height="100"
                        width="100"
                        id="uploadedAvatar"
                      />
                      <div class="button-wrapper">
                        <label for="upload" class="btn btn-primary me-2 mb-4" tabindex="0">
                          <span class="d-none d-sm-block">Upload new photo</span>
                          <i class="bx bx-upload d-block d-sm-none"></i>
                          <input
                            type="file"
                            id="upload"
                            class="account-file-input"
                            hidden
                            name="profilepic"
                            accept="image/png, image/jpeg"
                          />
                        </label>
                        <button type="button" class="btn btn-outline-secondary account-image-reset mb-4" onclick="resetform();">
                          <i class="bx bx-reset d-block d-sm-none"></i>
                          <span class="d-none d-sm-block">Reset</span>
                        </button>

                        <p class="text-muted mb-0">Allowed JPG, GIF or PNG. Max size of 800K</p>
                      </div>
                    </div>
                  </div>
                  <hr class="my-0" />
                  <div class="card-body">
                      <div class="row">
                        <input
                        class="form-control"
                        type="hidden"
                        id="user_id"
                        name="user_id"
                        value="{{$user_details->id}}"
                      />
                        <div class="mb-3 col-md-6">
                          <label for="firstName" class="form-label">First Name</label>
                          <input
                            class="form-control"
                            type="text"
                            id="firstName"
                            name="name"
                            value="{{$user_details->name ?? old('name')}}"
                            autofocus
                            onkeyup="value=value.replace(/[^\a-\z\A-\Z ]/g,'')"
                          />
                        </div>
                        <div class="mb-3 col-md-6">
                          <label for="lastName" class="form-label">Last Name</label>
                          <input class="form-control" type="text" name="last_name" id="lastName" value="{{$user_details->last_name ?? old('last_name')}}" onkeyup="value=value.replace(/[^\a-\z\A-\Z ]/g,'')"/>
                        </div>
                        <div class="mb-3 col-md-6">
                          <label for="email" class="form-label">E-mail</label>
                          <input
                            class="form-control"
                            type="text"
                            id="email"
                            name="email"
                            value="{{$user_details->email ?? old('email')}}"
                            placeholder=""
                          />
                        </div>

                        <div class="mb-3 col-md-6">
                          <label class="form-label" for="phoneNumber">Contact No</label>
                          <div class="input-group input-group-merge">

                            <input
                              type="tel"
                              id="phoneNumber"
                              name="phone"
                              maxlength="12"
                              class="form-control"
                              placeholder=""
                              value="{{$user_details->phone ?? old('phone')}}"
                              onkeyup="if (/\D/g.test(this.value)) this.value = this.value.replace(/\D/g,'')"
                            />
                          </div> 
                        </div>
                        <div class="mb-3 col-md-6">
                          <label for="educational_qualification" class="form-label">Educational qualification</label>
                          <input
                            type="text"
                            class="form-control"
                            id="educational_qualification"
                            name="educational_qualification"
                            value="{{$user_details->educational_qualification ?? old('educational_qualification')}}"
                          />
                        </div>
                        <div class="mb-3 col-md-6">
                          <label for="professional_qualification" class="form-label">Professional Qualification</label>
                          <input
                            type="text"
                            class="form-control"
                            id="professional_qualification"
                            name="professional_qualification"
                            value="{{$user_details->professional_qualification ?? old('professional_qualification')}}"
                          />
                        </div>
                       <div class="mb-3 col-md-4">
                          <label for="organization" class="form-label">Organization</label>
                          <input
                            type="text"
                            class="form-control"
                            id="organization"
                            name="organization"
                            value="{{$user_details->organization ?? old('organization')}}"
                          />
                        </div>
                        <div class="mb-3 col-md-4">
                          <label for="language" class="form-label">Working Status</label>
                          <select id="working_status" class="select2 form-select" name="working_status" onchange="workingstatus()">
                            <option value="">Select status</option>
                            <option value="student" @if ($user_details->working_status === 'student' || old('working_status') === 'student') selected @endif>Student</option>
                            <option value="salaried" @if ($user_details->working_status === 'salaried' || old('working_status') === 'salaried') selected @endif>Salaried</option>
                            <option value="self_employeed" @if ($user_details->working_status === 'self_employeed' || old('working_status') === 'self_employeed') selected @endif>self-employed professional</option>
                            <option value="business" @if ($user_details->working_status === 'business' || old('working_status') === 'business') selected @endif>Business</option>
                            <option value="housewife" @if ($user_details->working_status === 'housewife' || old('working_status') === 'housewife') selected @endif>Housewife</option>
                            <option value="other" @if ($user_details->working_status === 'other' || old('working_status') === 'other') selected @endif>Other</option>
                          </select>
                          @if($user_details->working_status == 'other')
                            <input
                            style="display: block"
                            type="text"
                            class="form-control mt-3"
                            id="other_working_status"
                            name="other_working_status"
                            value="{{$user_details->other_working_status}}"
                            />
                          @elseif(old('working_status') === 'other')
                          <input
                          type="text"
                          class="form-control mt-3"
                          id="other_working_status"
                          name="other_working_status"
                          value="{{$user_details->other_working_status}}"
                          />
                          @else
                          <input
                          type="text"
                          style="display: none"
                          class="form-control mt-3"
                          id="other_working_status"
                          name="other_working_status"
                          value="{{$user_details->other_working_status}}"
                          />
                          @endif
                        </div>

                        <div class="mb-3 col-md-4">
                          <label class="form-label" for="user_code">User Code</label>
                          <input
                            class="form-control"
                            type="text"
                            id="user_code"
                            name="user_code"
                            placeholder=""
                            value="{{ $user_details->user_code }}"
                            autofocus  
                            readonly                      
                          />
                        </div>

                         <div class="mb-3 col-md-6">
                          <label class="form-label" for="country">Designation</label>
                          <select id="country" class="select2 form-select" name="designation">
                            <option disabled selected>Select Designation</option>
                            <option value="Executive"  @if ($user_details->designation === 'Executive') selected @endif>Executive</option>
                            <option value="Manager" @if ($user_details->designation === 'Manager') selected @endif>Manager</option>
                            <option value="CXO" @if ($user_details->designation === 'CXO') selected @endif>CXO</option>
                            <option value="Director" @if ($user_details->designation === 'Director') selected @endif>Director</option>
                            <option value="Founder" @if ($user_details->designation === 'Founder') selected @endif>Founder</option>
                            
                          </select>
                        </div>

                        <div class="mb-3 col-md-6" @if(Auth::guard('admin')->user()->role != 'superadmin') style="display:none;" @endif>
                          <label class="form-label" for="country">Assign Telecaller</label>
                          <select id="assigned_telecaller_id" class="select2 form-select" name="assigned_telecaller_id">
                            <option value="">Select</option>
                            @foreach($telecallers as $telecaller)
                              @if($user_details->assigned_telecaller_id == $telecaller->id)
                              <option value="{{$telecaller->id}}" selected>{{$telecaller->name}}</option>
                              @else
                              <option value="{{$telecaller->id}}">{{$telecaller->name}}</option>
                              @endif
                            @endforeach
                            
                          </select>
                        </div>

                        <div class="mb-3 col-md-6" @if(Auth::guard('admin')->user()->role != 'superadmin') style="display:none;" @endif>
                          <label class="form-label" for="country">Allocation to RM</label>
                          <select id="assigned_rm_id" class="select2 form-select" name="assigned_rm_id">
                            <option value="0">Select</option>
                            @foreach($rms as $rm)
                              @if($user_details->assigned_rm_id == $rm->id)
                              <option value="{{$rm->id}}" selected>{{$rm->name}}</option>
                              @else
                              <option value="{{$rm->id}}">{{$rm->name}}</option>
                              @endif
                            @endforeach
                            
                          </select>
                        </div>

                       <div class="mb-3 col-md-6">
                          <label class="form-label" for="country">Country</label>
                          <select id="country" class="select2 form-select" name="country_id">
                            <option disabled selected>Select country</option>
                            @foreach($country as $list)
                              @if($user_details->country_id == $list->country_id)
                              <option value="{{$list->country_id}}" selected>{{$list->country_name}}</option>
                              @else
                              <option value="{{$list->country_id}}">{{$list->country_name}}</option>
                              @endif
                            @endforeach
                          </select>
                        </div>

                        <div class="mb-3 col-md-6">
                          <div class="row">
                            <div class="mb-3 col-md-6">
                              <label for="state" class="form-label">State</label>
                              <select id="state" class="select2 form-select" name="state_id">
                                <option value="">Select State</option>
                                @foreach($state as $list)
                                  @if($user_details->state_id == $list->state_id)
                                  <option value="{{$list->state_id}}" selected>{{$list->state_name}}</option>
                                  @else
                                  <option value="{{$list->state_id}}">{{$list->state_name}}</option>
                                  @endif
                                @endforeach
                              </select>
                            </div>
                            <div class="mb-3 col-md-6">
                              <label for="city" class="form-label">City</label>
                              <select id="city" class="select2 form-select" name="city_id">
                                <option value="">Select City</option>
                                @foreach($city as $list)
                                @if($user_details->city_id == $list->city_id)
                                <option value="{{$list->city_id}}" selected>{{$list->city_name}}</option>
                                @else
                                <option value="{{$list->city_id}}">{{$list->city_name}}</option>
                                @endif
                              @endforeach

                              </select>                            

                            </div>
                          </div>
                        </div>
                        <div class="mb-3 col-md-12">
                        <div class="row">
                        <div class="mb-3 col-md-4">
                          <label for="address" class="form-label">Address</label>
                          <input type="text" class="form-control" id="address" name="address" placeholder="" value="{{$user_details->address	?? old('address')}}"/>
                        </div>
                           <div class="mb-3 col-md-4">
                          <label for="zipCode" class="form-label">Zip Code</label>
                          <input
                            type="tel"
                            class="form-control"
                            id="zipCode"
                            name="zipcode"
                            placeholder=""
                            maxlength="6"
                            value="{{$user_details->zipcode ?? old('zipcode')}}"
                            onkeyup="if (/\D/g.test(this.value)) this.value = this.value.replace(/\D/g,'')"
                          />
                        </div>
                        <div class="mb-3 col-md-4">
                          <label for="address" class="form-label">User Type</label> 
                          <select  class="select2 form-select" name="usertype" >
                            <option value=" " disabled>Select User Type</option>
                            <option value="dpuser" {{$user_details->role == 'dpuser' ? 'selected' : '' }}  >DP User </option>
                            <option value="dpbuddy" {{$user_details->role == 'dpbuddy' ? 'selected': ''  }}  >DP Buddy </option>
                            <option value="dpSaarthi" {{$user_details->is_saarthi == '1' ? 'selected'  : ''}}  >DP Saarthi </option>
                          </select>
                    </div>
                      </div>
                    </div>

                        <h6 class="green">Reset Password</h6>
            <hr>
                        <div class="mb-3 col-md-6">
                          <label for="address" class="form-label">New password</label>
                          <input type="password" class="form-control" id="address" name="password" placeholder="" />
                        </div>
                        <div class="mb-3 col-md-6">
                          <label for="state" class="form-label">Confirm Password</label>
                          <input class="form-control" type="password" id="state" name="password_confirmation" placeholder="" />
                        </div>
                      </div>
                      <div class="mb-3 col-md-6">
                        <div class="col-md">
                        <label class="form-label  col-lg-12" for="password">Residential Status</label>
                                  <div class="form-check form-check-inline ">
                                    <input
                                      class="form-check-input"
                                      type="radio"
                                      name="residential"
                                      id="inlineRadio1"
                                      value="Indian"
                                     {{ ( $user_details->residential =='Indian' ) ? 'checked' : '' }}
                                    />
                                    <label class="form-check-label" for="inlineRadio1">Indian Resident</label>
                                  </div>
                                  <div class="form-check form-check-inline">
                                    <input
                                      class="form-check-input"
                                      type="radio"
                                      name="residential"
                                      id="inlineRadio2"
                                      value="NRI"
                                     {{ ( $user_details->residential =='NRI' ) ? 'checked' : '' }}
                                    />
                                    <label class="form-check-label" for="inlineRadio2">Non Indian Resident</label>
                                  </div>
                                </div>
                        </div>

                        <div class="mb-3 col-md-6">
                          <div class="col-md">
                              <label class="form-label  col-lg-12" for="password">Newsletter Subscription : <div class="form-check form-check-inline " style=" position: relative;top: 8px;">
                                <input class="form-check-input" type="checkbox" name="newsletter_subscription" id="newsletter_subscription" value="1" {{ ( $user_details->newsletter_subscription =='1' ) ? 'checked' : '' }} />
                              </div></label>
                                                                      
                            </div>
                          </div>
                      <div class="mt-2">
                        <button type="submit" class="btn btn-primary me-2">Save changes</button>
                        
                            <a href="{{url('superadmin/user-list')}}" class="btn btn-outline-secondary">Cancel</a>
                          
                      </div>
                    </form>
                  </div>
                  <!-- /Account -->
                </div>

                

                

                
              </div>
            </div>
          </div>
          <!-- / Content -->

          <!-- Footer -->
         <footer class="content-footer footer bg-footer-theme">
            <div class="container-xxl d-flex flex-wrap justify-content-between py-2 flex-md-row flex-column">
              <div class="mb-2 mb-md-0">
                ©
                <script>
                  document.write(new Date().getFullYear());
                </script>
                , Developed by
                <a href="https://www.basicmantra.com" target="_blank" class="footer-link fw-bolder">Basic Mantra</a>
              </div>
            </div>
          </footer>
          <!-- / Footer -->

          <div class="content-backdrop fade"></div>
        </div>
        <!-- Content wrapper -->
      </div>
      <!-- / Layout page -->
    </div>

    <!-- Overlay -->
    <div class="layout-overlay layout-menu-toggle"></div>
  </div>

<style>
  .wrapper.mb-3 canvas {
  border: 1px solid;
}

</style>	
<script src="https://cdn.jsdelivr.net/npm/signature_pad@2.3.2/dist/signature_pad.min.js"></script>
<script>

          var canvas = document.querySelector("canvas");

          // Adjust canvas coordinate space taking into account pixel ratio,
          // to make it look crisp on mobile devices.
          // This also causes canvas to be cleared.
          function resizeCanvas() {
              // When zoomed out to less than 100%, for some very strange reason,
              // some browsers report devicePixelRatio as less than 1
              // and only part of the canvas is cleared then.
              var ratio =  Math.max(window.devicePixelRatio || 1, 1);
              canvas.width = canvas.offsetWidth * ratio;
              canvas.height = canvas.offsetHeight * ratio;
              canvas.getContext("2d").scale(ratio, ratio);
          }

          window.onresize = resizeCanvas;
          resizeCanvas();

          var signaturePad = new SignaturePad(canvas, {
            backgroundColor: 'rgb(255, 255, 255)' // necessary for saving image as JPEG; can be removed is only saving as PNG or SVG
          });


          
          var dataURL = canvas.toDataURL();
    
</script>
<script>
    function uploadEx() {
      var canvas = document.getElementById("canvas");
      var dataURL = canvas.toDataURL("image/png");
      document.getElementById('hidden_data').value = dataURL;
      alert(dataURL);
    };
  </script>

  <!-- / Layout wrapper -->
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
  <script>
      $("#upload").on('change', function() {
          if (typeof(FileReader) != "undefined") {
              var reader = new FileReader();
              reader.onload = function(e) {
                  $("#uploadedAvatar").attr('src', e.target.result);
              }
              reader.readAsDataURL($(this)[0].files[0]);
          } else {
              alert("This browser does not support FileReader.");
          }
      });

      function resetform() {
          var ipat = "{{ asset('public/uploads/user_media/user_profile/' . $user_details->profilepic) }}";
          $("#uploadedAvatar").attr('src', ipat);
      }
  </script>

  <script>
     function workingstatus(){

      var other =$('#working_status').val(); 
      //alert(other); 
      if(other == "other"){
         $('#other_working_status').show();
      }else{
         $('#other_working_status').hide(); 
      }
    }
  </script>

  <script>
    jQuery(document).ready(function(){
      jQuery('#country').change(function(){
        let cid=jQuery(this).val();
        //alert(cid);
        jQuery('#city').html('<option value="">Select City</option>')
        jQuery.ajax({
          url:'/getState',
          type:'post',
          data:'cid='+cid+'&_token={{csrf_token()}}',
          success:function(result){
           // alert(result);
            jQuery('#state').html(result)
          }
        });
      });
      
      jQuery('#state').change(function(){
        let sid=jQuery(this).val();
        jQuery.ajax({
          url:'/getCity',
          type:'post',
          data:'sid='+sid+'&_token={{csrf_token()}}',
          success:function(result){
            jQuery('#city').html(result)
          }
        });
      });
      
      jQuery('#deactivate').click(function(){
        let user_id = {{Auth::User()->id}};
        //alert(user_id);
      if (confirm('Are you sure you want to deactivate your account ?')) {
        jQuery.ajax({
          url:'/deactivate-user',
          type:'post',
          data:'user_id='+user_id+'&_token={{csrf_token()}}',
          success:function(result){
            $('#smallModal_3').modal('show');
            $('#smallModal_3').on('hidden.bs.modal', function () {
              window.location.href = '/';
            })
          }
        });
      }
      });
    });
      
    </script>
@endsection