@extends('backend.admin-withouterrmaster')
@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">Superadmin /</span> Consultant Account Manager</h4>
              @if(session('success') == "Opps! You do not have access")    
			
              @elseif(session()->has('success'))
                <div class="alert alert-success alert-dismissable custom-success-box">
                  <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
                  <strong> {{session('success')}} </strong>
                </div>	
              @endif
@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">
                    <h5 class="card-header">Edit Consultant Account Manager</h5>
                    <!-- Account -->
                <form id="formAccountSettings" method="POST" action="{{route('superadmin.update_consultants', $consultant->id)}}" enctype="multipart/form-data">
                  @method('PUT')
                  @csrf
                    <hr class="my-0" />
                    <div class="card-body">
                        <div class="row">
                          <div class="mb-3 col-md-6 offset-md-3">
                            <label for="firstName" class="form-label">Name<sup style="color:red;">*</sup></label>
                           <!-- <input
                              class="form-control"
                              type="text"
                              id="firstName"
                              name="name"
                              value="{{$consultant->name}}"
                              placeholder=""
                              onkeyup="value=value.replace(/[^\a-\z\A-\Z ]/g,'')"
                            />!-->
                              <select class="select2 form-select" name="name">
                              <option value="" disabled selected>Select Product Manager</option>
                               @foreach($products_admins as $pa)
                              <option value="{{$pa->id}}"  @if ($consultant->id_admin === $pa->id) selected @endif>{{$pa->name}}</option>
                              @endforeach 
                            </select>
                          </div>
                          <div class="mb-3 col-md-6 offset-md-3">
                            <label for="email" class="form-label">E-mail<sup style="color:red;">*</sup></label>
                            <input
                              class="form-control"
                              type="text"
                              id="email"
                              name="email"
                              value="{{$consultant->email}}"
                              placeholder=""
                            />
                          </div>

                          <div class="mb-3 col-md-6 offset-md-3">
                            <label class="form-label" for="phoneNumber">Contact Number<sup style="color:red;">*</sup></label>
                            <div class="input-group input-group-merge">

                              <input
                                type="tel"
                                id="phoneNumber"
                                name="mobile"
                                maxlength="12"
                                class="form-control"
                                placeholder=""
                                value="{{$consultant->mobile}}"
                                onkeyup="if (/\D/g.test(this.value)) this.value = this.value.replace(/\D/g,'')"
                              />
                            </div> 
                          </div>
						              <div class="mb-3 col-md-6 offset-md-3"> 
                            <label for="language" class="form-label">Department</label><sup style="color:red;">*</sup>
                           <select class="form-select" name="department"  id="exampleFormControlSelect2" aria-label="Multiple select example">
                          <option disabled selected>Select Department </option>
                          <option value="PMS" {{ $consultant->department == 'PMS' ? 'selected' : '' }}>PMS</option>
                          <option value="AIF" {{ $consultant->department == 'AIF' ? 'selected' : '' }}>AIF</option>
                          <option value="stock-market" {{ $consultant->department == 'stock-market' ? 'selected' : '' }}>Stock-Market</option>
                          <option value="FIS" {{ $consultant->department == 'FIS' ? 'selected' : '' }}>FIS</option>
                          <option value="home-loan" {{ $consultant->department == 'home-loan' ? 'selected' : '' }}>Home Loan</option>
                          <option value="lap" {{ $consultant->department == 'lap' ? 'selected' : '' }}>LAP</option>
                          <option value="business-finance" {{ $consultant->department == 'business-finance' ? 'selected' : '' }}>Business Finance</option>
                          <option value="personal-loan" {{ $consultant->department == 'personal-loan' ? 'selected' : '' }}>Personal Loan</option>
                          <option value="business-loan" {{ $consultant->department == 'business-loan' ? 'selected' : '' }}>Business Loan</option>
                          <option value="CreditCard" {{ $consultant->department == 'CreditCard' ? 'selected' : '' }}>Credit Card</option>
                          {{--<option value="ai" {{ $consultant->department == 'ai' ? 'selected' : '' }}>AI</option>
                          <option value="ib" {{ $consultant->department == 'ib' ? 'selected' : '' }}>IB</option> --}}
                            <option value="Life_Insurance" {{ $consultant->department == 'Life_Insurance' ? 'selected' : '' }}>Life Insurance</option>
                            <option value="Health_insurance" {{ $consultant->department == 'Health_insurance' ? 'selected' : '' }}>Health Insurance</option>
                            <option value="General_insurance" {{ $consultant->department == 'General_insurance' ? 'selected' : '' }}>General Insurance</option>
                            <option value="IBDeals" {{ $consultant->department == 'IBDeals' ? 'selected' : '' }}>IBDeals</option>
                            <option value="AiDeals" {{ $consultant->department == 'AiDeals' ? 'selected' : '' }}>AiDeals</option>
                            </select>
                          </div>

                          <div class="mb-3 col-md-6 offset-md-3" style="display: none;"> 
                              <label for="language" class="form-label">Status</label><sup style="color:red;">*</sup>
                              <select class="form-select active_inactive_select" name="active"  id="active_inactive_select" aria-label="Multiple select example">
                                  <option value="1"  {{ $consultant->active == '1' ? 'selected' : '' }}>Active</option>
                                  <option value="0"  {{ $consultant->active == '0' ? 'selected' : '' }}>InActive</option>
                              </select>
                          </div>
                          <div class="mb-3 col-md-3 offset-md-3 active_inactive_div"  style="display: none;" {{ $consultant->active == '1' ? 'style=display:none;' : '' }}>
                            <label for="email" class="form-label">InActive From</label>
                            <input
                              class="form-control"
                              type="date"
                              id="date"
                              name="inactive_from"
                              value="{{$consultant->inactive_from}}"
                              placeholder=""
                            />
                          </div>
                          <div class="col-md-3 active_inactive_div"  style="display: none;"  {{ $consultant->active == '1' ? 'style=display:none;' : '' }}>
                            <label for="email" class="form-label">InActive To</label>
                            <input
                              class="form-control"
                              type="date"
                              id="date"
                              name="inactive_to"
                              value="{{$consultant->inactive_to}}"
                              placeholder=""
                            />
                          </div>
                          
                        <div class="col-md-6 offset-md-3">
                          <button type="submit" class="btn btn-primary me-2">Submit</button>
                            {{-- @php
                            $role = Auth::User()->role;			
                            @endphp
                            @if($role=='dpuser')
                              <a href="{{route('user.dashboard')}}" class="btn btn-outline-secondary">Cancel</a>
                            @elseif($role=='dpbuddy')
                              <a href="{{route('buddy.dashboard')}}" class="btn btn-outline-secondary">Cancel</a>
                            @elseif($role=='dpSaarthi')
                              <a href="{{route('saarthi.dashboard')}}" class="btn btn-outline-secondary">Cancel</a>
                            @else
                              <a href="{{route('dpbuddy.dashboard')}}" class="app-brand-link">
                                <img src="{{asset('assets/dashboard/assets/img/elements/logo.jpg')}}"/>
                              </a>
                            @endif --}}
                        </div>
                         </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">
               </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>
       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 = '/';
              })
            }
          });
        }
        });


        jQuery('.active_inactive_select').change(function(){
          $('.active_inactive_div').hide();
          $('.active_inactive_div input').removeAttr('required');
          var vll = $(this).val();
          if(vll==0) {
            $('.active_inactive_div').show();
            $('.active_inactive_div input').attr('required', 'required');
          }
        });
      });
        
      </script>
@endsection