@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> Add User</h4>

    <div class="row">
      <div class="col-md-12">

        <div class="card mb-4">
          {{-- <h5 class="card-header">Profile Details</h5> --}}
          <!-- Account -->
          <form id="formAccountSettings" method="POST" action="{{route('superadmin.add-user')}}" method="POST" enctype="multipart/form-data">
            @csrf
            <div class="card-body">
              <div class="d-flex align-items-start align-items-sm-center gap-4">
                <img
                src="{{asset('../assets/dashboard/assets/img/avatars/userlogo.png')}}"
                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">
                <div class="mb-3 col-md-6">
                  <label for="firstName" class="form-label">First Name<sup style="color:red;">*</sup></label>
                  <input
                  class="form-control"
                  type="text"
                  id="name"
                  placeholder=""
                  name="name"
                  value="{{$edit_profile->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<sup style="color:red;">*</sup></label>
                  <input class="form-control" type="text" name="last_name" id="last_name" value="{{$edit_profile->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<sup style="color:red;">*</sup></label>
                  <input
                  class="form-control"
                  type="text"
                  id="email"
                  name="email"
                  value="{{$edit_profile->email ?? old('email')}}"
                  placeholder=""
                  />
                </div>

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

                    <input
                    type="tel"
                    id="phoneNumber"
                    name="phone"
                    maxlength="12"
                    class="form-control"
                    placeholder=""
                    value="{{$edit_profile->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="address" class="form-label">Password <sup style="color:red;">*</sup></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 <sup style="color:red;">*</sup></label>
                  <input class="form-control" type="password" id="state" name="password_confirmation" placeholder="" />
                </div>
              </div>


              <div class="col-lg-12">

                <label class="form-label" for="password" style="padding-right:9px;">Join As : <sup style="color:red;">*</sup></label></label>

                <div class="form-check form-check-inline ">

                  <input
                  class="form-check-input"
                  type="radio"
                  name="inlineRadioOptions"
                  onclick="individualUser()"
                  id="inlineRadio1"
                  value="Individual User"
                  {{ ( old('inlineRadioOptions')=='Individual User' ) ? 'checked' : '' }}
                  
                  />
                  <label class="form-check-label" for="inlineRadio1">Individual User</label>
                </div>
                <div class="form-check form-check-inline">
                  <input
                  class="form-check-input"
                  type="radio"
                  name="inlineRadioOptions"
                  onclick="Professionals()"
                  id="inlineRadio2"
                  value="Professionals"
                  {{ ( old('inlineRadioOptions')=='Professionals' ) ? 'checked' : '' }}
                  
                  />
                  <label class="form-check-label" for="inlineRadio2">Professionals</label>
                </div> 
              </div>


              <div style="display: none;" id="buddy_area">

              <div class="my-3 col-md-12">
              <label class="form-label" for="basic-default-phone">Professional Information<sup style="color:red;">*</sup></label>
              <div class="col-sm-12">
               <select class="form-select" id="exampleFormControlSelect1" aria-label="Default select example" name="professional_information" >
                <option value="">Select Professional Information</option>
                <option value="CA in practice" {{ old('professional_information') == 'CA in practice' ? 'selected' : '' }}> CA in practice</option>
                <option value="CA not in practice" {{ old('professional_information') == 'CA not in practice' ? 'selected' : '' }}> CA not in practice </option>
                <option value="Investment Banker" {{ old('professional_information') == 'Investment Banker' ? 'selected' : '' }}> Investment Banker </option>
                <option value="Wealth Advisor" {{ old('professional_information') == 'Wealth Advisor' ? 'selected' : '' }}> Wealth Advisor </option>
                <option value="Family Office Advisor" {{ old('professional_information') == 'Family Office Advisor' ? 'selected' : '' }}> Family Office Advisor </option>
                <option value="Bank professional" {{ old('professional_information') == 'Bank professional' ? 'selected' : '' }}> Bank professional </option>
                <option value="CWA/CS/MBA/Lawyer" {{ old('professional_information') == 'CWA/CS/MBA/Lawyer' ? 'selected' : '' }}> CWA/CS/MBA/Lawyer </option>
                <option value="Loan Advisor" {{ old('professional_information') == 'Loan Advisor' ? 'selected' : '' }}> Loan Advisor </option>
                <option value="Insurance Agent" {{ old('professional_information') == 'Insurance Agent' ? 'selected' : '' }}> Insurance Agent </option>
                <option value="Real Estate Consultant" {{ old('professional_information') == 'Real Estate Consultant' ? 'selected' : '' }}> Real Estate Consultant </option>
              </select>
            </div>

             <div class="my-3 col-md-12">
              <label for="address" class="form-label">Interested in <sup style="color:red;">*</sup></label><br>
                <div class="form-check form-check-inline ">
                              <input class="form-check-input interestcheckbox" type="checkbox" id="ib" value="1" name="interested_in[]" {{ (is_array(old('interested_in')) and in_array('1', old('interested_in'))) ? ' checked' : '' }}/>
                              <label class="form-check-label" for="ib">Investment Banking</label>
                            </div>
                            <div class="form-check form-check-inline">
                              <input class="form-check-input interestcheckbox" type="checkbox" id="si" value="2" name="interested_in[]" {{ (is_array(old('interested_in')) and in_array('2', old('interested_in'))) ? ' checked' : '' }}/>
                              <label class="form-check-label" for="si">Startup Investment</label>
                            </div>
                            
                            <div class="form-check form-check-inline ">
                              <input class="form-check-input interestcheckbox" type="checkbox" id="sl" value="3,4,5" name="interested_in[]" {{ (is_array(old('interested_in')) and in_array('3,4,5', old('interested_in'))) ? ' checked' : '' }}/>
                              <label class="form-check-label" for="sl">Secured Loans</label>
                            </div>
                            <div class="form-check form-check-inline">
                              <input class="form-check-input interestcheckbox" type="checkbox" id="usl" value="6,7,8" name="interested_in[]" {{ (is_array(old('interested_in')) and in_array('6,7,8', old('interested_in'))) ? ' checked' : '' }}/>
                              <label class="form-check-label" for="usl">Unsecured Loans</label>
                            </div>
                            <div class="form-check form-check-inline">
                              <input class="form-check-input interestcheckbox" type="checkbox" id="insurance" value="9,10,11" name="interested_in[]" {{ (is_array(old('interested_in')) and in_array('9,10,11', old('interested_in'))) ? ' checked' : '' }}/>
                              <label class="form-check-label" for="insurance">Insurance</label>
                            </div>

                          <label class="form-label my-3  col-lg-12 green" for="password">Investment products</label>
                            <div class="form-check form-check-inline">
                             <input class="form-check-input interestcheckbox" type="checkbox" id="pms" value="12" name="interested_in[]" {{ (is_array(old('interested_in')) and in_array('12', old('interested_in'))) ? ' checked' : '' }}/>
                             <label class="form-check-label" for="pms">PMS</label>
                           </div>
                          <div class="form-check form-check-inline">
                             <input class="form-check-input interestcheckbox" type="checkbox" id="mf" value="13" name="interested_in[]" {{ (is_array(old('interested_in')) and in_array('13', old('interested_in'))) ? ' checked' : '' }}/>
                             <label class="form-check-label" for="mf">Mutual Funds</label>
                           </div>
                           <div class="form-check form-check-inline">
                             <input class="form-check-input interestcheckbox" type="checkbox" id="sm" value="14" name="interested_in[]" {{ (is_array(old('interested_in')) and in_array('14', old('interested_in'))) ? ' checked' : '' }}/>
                             <label class="form-check-label" for="sm">Stock Market </label>
                           </div>
               <div class="form-check form-check-inline">
                             <input class="form-check-input interestcheckbox" type="checkbox" id="fis" value="15" name="interested_in[]" {{ (is_array(old('interested_in')) and in_array('15', old('interested_in'))) ? ' checked' : '' }}/>
                             <label class="form-check-label" for="fis">Fixed Income Securities</label>
                           </div>
               <div class="form-check form-check-inline">
                             <input class="form-check-input interestcheckbox" type="checkbox" id="aif" value="16" name="interested_in[]" {{ (is_array(old('interested_in')) and in_array('16', old('interested_in'))) ? ' checked' : '' }}/>
                             <label class="form-check-label" for="aif">Alternate Investment Funds</label>
                           </div>

                           <div class="col-lg-12">
                  <div class="form-check form-check-inline">
                   <input class="form-check-input interestcheckbox" type="checkbox" id="os" value="17" name="interested_in[]" {{ (is_array(old('interested_in')) and in_array('17', old('interested_in'))) ? ' checked' : '' }}/>
                   <label class="form-check-label" for="os">Other Services</label>
                 </div>
     
                </div>
              </div>
          </div>


             <div class="my-3 col-md-12">
                <p class="green mt-3">You may opt to choose a different name or entity to register as a DP Buddy : <sup style="color:red;">*</sup></p>

                 <div class="form-check form-check-inline ">
                            <input
                              class="form-check-input"
                              type="radio"
                              name="make_buddy_names"
                              id="inlineRadio3"
                              onclick="buddyName()"
                              value="Use Same Name"
                              {{ ( old('make_buddy_names')=='Use Same Name' ) ? 'checked' : '' }}
                            />
                            <label class="form-check-label" for="inlineRadio3">Use Same Name</label>
                          </div>
                          <div class="form-check form-check-inline">
                            <input
                              class="form-check-input"
                              type="radio"
                              name="make_buddy_names"
                              id="inlineRadio4"
                              onclick="diffbuddyName()"
                              value="Use Different Name"
                              {{ ( old('make_buddy_names')=='Use Different Name' ) ? 'checked' : '' }}
                            />
                            <label class="form-check-label" for="inlineRadio4">Use Different Name</label>
                          </div>
             </div>
    <div class="mb-3 col-md-12">
                            <label for="firstName" class="form-label">DP Buddy name :<sup style="color:red;">*</sup></label>
                            <input class="form-control" type="text" id="buddy_Name" name="buddy_name" value="{{old('buddy_name')}}" autofocus onkeyup="value=value.replace(/[^\a-\z\A-\Z ]/g,'')"/>
              <span style="color:red;" id="buddy_Name_e"></span>
              </div>


 <label class=" col-form-label" for="basic-default-name">Upload PAN Card<sup style="color:red;"></sup></label>
             <div class="row mb-3">

                          <div class="col-lg-6">
                            <input class="form-control" type="file" id="UploadPANCard" name="pan_card"/>
                          </div>
              <div class="col-lg-6">
                            <input class="form-control" type="text" name="pan_no" id="pan_no" value="{{old('pan_no')}}" maxlength="10"/>
                          </div>
              <span style="color:red;" id="UploadPANCard_e"></span>
              <span style="color:red; margin-top:5px;" id="pan_no_e"></span>
             
              </div>


              <label class=" col-form-label" for="basic-default-name">Upload GST Certificate<sup style="color:red;"></sup></label>              
              <div class="row mb-3">
                          
                         <div class="col-lg-6">
                            <input class="form-control" type="file" id="UploadGSTCertificate" name="gstin"/>
                          </div>
             <div class="col-lg-6">
                            <input class="form-control" type="text" name="gstin_no" id="gstin_no"  value="{{old('gstin_no')}}"/>
                          </div>
             <span style="color:red;" id="UploadGSTCertificate_e"></span>
             <span style="color:red;" id="gstin_no_e"></span>
              
              </div>


              <label class=" col-form-label" for="basic-default-name">Upload Address Proof</label>            
             <div class="row mb-3">
                          
                           <div class="col-lg-6">
                            <input class="form-control" type="file" id="UploadAddressProof" name="address_proof_docu"/>
                          </div>
               <div class="col-lg-6">
                            <input class="form-control" type="text" name="address_proof" id="address_proof" value="{{old('address_proof')}}"/>
                          </div>
              <span style="color:red;" id="UploadAddressProof_e"></span>
              <span style="color:red;" id="address_proof_e"></span>
             
              </div>

              </div>




            <div class="mt-2">
              <button type="submit" class="btn btn-primary me-2" id="submit">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 src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
<script>

function Professionals() {
  $('#buddy_area').show();
}

function individualUser(){
  $('#buddy_area').hide();
}

function buddyName(){
 var name = $('#name').val();
 var lastName = $('#last_name').val();

 $('#buddy_Name').val(name+ ' ' + lastName);
 
}
function diffbuddyName(){
  $('#buddy_Name').val('');
}

var professional = "