@extends('layouts.buddy-screens')
@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">Account Settings /</span> Account</h4>
            @if ($errors->any())
            @foreach ($errors->all() as $error)
              <div class="alert alert-danger">{{ $error }}</div>
            @endforeach
            @endif
            @if (session('success'))
            <div class="alert alert-success">
                {{ session('success') }}
            </div>
          @endif
            <div class="row">
              <div class="col-md-12">
                
                <div class="card mb-4">
                  <h5 class="card-header">Personal Details</h5>
                  <!-- Account -->
                  <form id="formAccountSettings" method="POST" action="{{route('update_user',$edit_profile->id)}}" enctype="multipart/form-data">
                    @method('PUT')
                  @csrf
                  <div class="card-body">
                    <div class="d-flex align-items-start align-items-sm-center gap-4">
                      <img
                      src="@if(isset($edit_profile->profilepic)) {{asset('public/uploads/user_media/user_profile/'.$edit_profile->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"
                            name="profilepic"
                            hidden
                            accept="image/png, image/jpeg"
                          />
                        </label>
                        <button type="reset" 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 type="hidden" name="role" value="{{$edit_profile->role}}"/>
                        <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="firstName"
                            name="name"
                            value="{{$edit_profile->name ?? old('name')}}"
                            onkeyup="value=value.replace(/[^\a-\z\A-\Z ]/g,'')"
                            autofocus
                          />
                        </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="lastName"     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" id="buddy_regi">
                          <label for="firstName" class="form-label">DP Buddy Registered Name<sup style="color:red;">*</sup></label>
                          <input
                            class="form-control"
                            type="text"
                            
                            name="buddy_regi_name"
                            value="{{$edit_profile->buddy_regi_name ?? old('name')}}"
                            autofocus
                          />
                        </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">Phone Number<sup style="color:red;">*</sup></label>
                          <div class="input-group input-group-merge">
                           
                            <input
                              type="tel"
                              id="phoneNumber"
                              name="phone"
                              maxlength="12"
                              onkeyup="if (/\D/g.test(this.value)) this.value = this.value.replace(/\D/g,'')"
                              value="{{$edit_profile->phone ?? old('phone')}}"
                              class="form-control"
                              placeholder=""
                            />
                          </div>
                        </div>
           <div class="mb-3 col-md-6">
                          <label class="form-label" for="phoneNumber">Alternate Phone Number</label>
                          <div class="input-group input-group-merge">
                           
                            <input
                              type="tel"
                              id="phoneNumber"
                              maxlength="12"
                              onkeyup="if (/\D/g.test(this.value)) this.value = this.value.replace(/\D/g,'')"
                              name="phone_2"
                              value="{{$edit_profile->phone_2 ?? old('phone_2')}}"
                              class="form-control"
                              placeholder=""
                            />
                          </div>
                        </div>
                        <div class="mb-3 col-md-12">
                          <div class="row">
            <div class="mb-3 col-md-4">
                          <label class="form-label" for="country">Country of residence<sup style="color:red;"></sup></label>
                          <select id="country" class="select2 form-select" name="country_id">
                            <option disabled selected>Select country</option>
                            @foreach($country as $list)
                            @if($edit_profile->country_id == $list->country_id ||($edit_profile->country_id=='' && $list->country_id=='101') )
                            <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-4">
                          <label for="state" class="form-label">State<sup style="color:red;">*</sup></label>
                          <select id="state" class="select2 form-select" name="state_id">
                            <option value="">Select State</option>
                            @foreach($state as $list)
                              @if($edit_profile->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-4">
                          <label for="zipCode" class="form-label">City<sup style="color:red;">*</sup></label>
                          <select id="city" class="select2 form-select" name="city_id">
                            <option value="">Select City</option>
                            @foreach($city as $list)
                            @if($edit_profile->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-6">
                          <label for="zipCode" class="form-label">Zip Code<sup style="color:red;">*</sup></label>
                          <input
                            type="tel"
                            class="form-control"
                            id="zipCode"
                            name="zipcode"
                            value="{{$edit_profile->zipcode ?? old('zipcode')}}"
                            placeholder=""
                            maxlength="6"
                            onkeyup="if (/\D/g.test(this.value)) this.value = this.value.replace(/\D/g,'')"
                          />
                        </div>
                        <div class="mb-3 col-md-6">
                          <label for="language" class="form-label">Educational Qualification<sup style="color:red;"></sup></label>
                          <select id="language" class="select2 form-select" name="educational_qualification">
                            <option value="">Select Education</option>
                            <option value="Graduate" {{ ($edit_profile->educational_qualification ?? '') == 'Graduate' ? 'selected' : '' }}>Graduate</option>
                            <option value="Post Graduate" {{ ($edit_profile->educational_qualification ?? '') == 'Post Graduate' ? 'selected' : '' }}>Post Graduate</option>
                            <option value="Others" {{ ($edit_profile->educational_qualification ?? '') == 'Others' ? 'selected' : '' }}>Others</option>
                          </select>
                        </div>
                      </div>
          
                      
                    {{-- </form> --}}
                  </div>
                  <!-- /Account -->
                </div>
        
         <div class="card mb-3">
                  <h5 class="card-header">Work Related</h5>
                  <div class="card-body">
                    
                    {{-- <form id="formAccountDeactivation" onsubmit="return false"> --}}
          <div class="row mb-3">
          <div class="mb-3 col-md-6">
                          <label for="firstName" class="form-label">Professional Role<sup style="color:red;">*</sup></label>
                          <select class="form-select form-control" id="exampleFormControlSelect1" aria-label="Default select example" name="professional_role">
                        <option value="">Select Professional Role</option>
                        <option value="CA in practice" {{($edit_profile->professional_role ?? '') == 'CA in practice' ? 'selected' : '' }}> CA in practice</option>
                        <option value="CA not in practice" {{($edit_profile->professional_role ?? '') == 'CA not in practice' ? 'selected' : '' }}> CA not in practice </option>
                        <option value="Investment Banker" {{($edit_profile->professional_role ?? '') == 'Investment Banker' ? 'selected' : '' }}> Investment Banker </option>
                        <option value="Wealth Advisor" {{($edit_profile->professional_role ?? '') == 'Wealth Advisor' ? 'selected' : '' }}> Wealth Advisor </option>
                        <option value="Family Office Advisor" {{($edit_profile->professional_role ?? '') == 'Family Office Advisor' ? 'selected' : '' }}> Family Office Advisor </option>
                        <option value="Bank professional" {{($edit_profile->professional_role ?? '') == 'Bank professional' ? 'selected' : '' }}> Bank professional </option>
                        <option value="CWA/CS/MBA/Lawyer" {{($edit_profile->professional_role ?? '') == 'CWA/CS/MBA/Lawyer' ? 'selected' : '' }}> CWA/CS/MBA/Lawyer </option>
                        <option value="Loan Advisor" {{($edit_profile->professional_role ?? '') == 'Loan Advisor' ? 'selected' : '' }}> Loan Advisor </option>
                        <option value="Insurance Agent" {{($edit_profile->professional_role ?? '') == 'Insurance Agent' ? 'selected' : '' }}> Insurance Agent </option>
                        <option value="Real Estate Consultant" {{($edit_profile->professional_role ?? '') == 'Real Estate Consultant' ? 'selected' : '' }}> Real Estate Consultant </option>
                      </select>
                        </div>
            <div class="mb-3 col-md-6">
            <label for="firstName" class="form-label">Organisation Name<sup style="color:red;"></sup></label>
                          <input
                            class="form-control"
                            type="text"
                            id="firstName"
                            name="organization"
                            value="{{$edit_profile->organization ?? old('organization')}}"
                            placeholder=""
                            autofocus
                          />
                        </div>
            </div>
              <div class="row mb-3">
                     <div class="mb-3 col-md-6">
                          <label for="firstName" class="form-label">Total years of work experience :<sup style="color:red;">*</sup></label>
                          <input class="form-control" type="text" id="firstName" name="work_experience" value="{{$edit_profile->work_experience ?? old('work_experience')}}"
                          autofocus placeholder="" />
                        </div>
           
             <div class="mb-3 col-md-6">
                          <label for="firstName" class="form-label">Website if any :</label>
                            <input class="form-control" type="text" id="firstName" name="website" autofocus placeholder="" value="{{$edit_profile->website ?? old('website')}}"/>
                        </div>
            </div>
             
           <div class="row mb-3">
                        <label class="col-sm-4 col-form-label" for="basic-default-message">Area of Expertise: (describe in not more than 200 words)<sup style="color:red;"></sup></label>
                        <div class="col-sm-8">
                          <textarea
                          name="area_expertise"
                            id="basic-default-message"
                            class="form-control"
                            
                            aria-label="Please enter the name of business/company/Project, funding/loan required for."
                            aria-describedby="basic-icon-default-message2"
                         >{{$edit_profile->area_expertise ?? old('area_expertise')}}</textarea>
                        </div>
                      </div>
            <div class="col-md-6 mb-3">
      <label class="form-label  col-lg-12" for="password">Working as<sup style="color:red;"></sup></label>
                      
                        <div class="form-check form-check-inline ">
                          <input
                            class="form-check-input"
                            type="radio"
                            name="working_status"
                            id="inlineRadio1"
                            value="Self Employed"
                            {{ ( $edit_profile->working_status =='Self Employed' ) ? 'checked' : '' }}
                          />
                          <label class="form-check-label" for="inlineRadio1">Self Employed</label>
                        </div>
                        <div class="form-check form-check-inline">
                          <input
                            class="form-check-input"
                            type="radio"
                            name="working_status"
                            id="inlineRadio2"
                            value="Salaried"
                            {{ ( $edit_profile->working_status =='Salaried' ) ? 'checked' : '' }}
                          />
                          <label class="form-check-label" for="inlineRadio2">Salaried</label>
                        </div> 
                      </div>

                       <div class="mb-3 col-md-4 div_designation {{ ( $edit_profile->working_status !='Salaried' ) ? 'hidden' : '' }}">
                          <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 ($edit_profile->designation === 'Executive') selected @endif>Executive</option>
                            <option value="Manager" @if ($edit_profile->designation === 'Manager') selected @endif>Manager</option>
                            <option value="CXO" @if ($edit_profile->designation === 'CXO') selected @endif>CXO</option>
                            <option value="Director" @if ($edit_profile->designation === 'Director') selected @endif>Director</option>
                            <option value="Founder" @if ($edit_profile->designation === 'Founder') selected @endif>Founder</option>
                            
                          </select>
                        </div>

            
                    {{-- </form> --}}
                  </div> </div>
           <div class="card mb-3" id="bankDetail">
                  <h5 class="card-header">Bank Details</h5>
                  <div class="card-body">
                      <div class="row">
                        <div class="mb-3 col-md-6">
                          <label for="firstName" class="form-label">Bank name<sup style="color:red;"></sup></label>
                            <input class="form-control" type="text" id="firstName" name="bank_name" autofocus value="{{$edit_profile->bank_name ?? old('bank_name')}}"/>
                        </div>
                        <div class="mb-3 col-md-6">
                          <label for="lastName" class="form-label">A/c number<sup style="color:red;"></sup></label>
                          <input class="form-control" type="text" name="ac_number" id="lastName" value="{{$edit_profile->ac_number ?? old('ac_number')}}"/>
                        </div>
            </div>
            <div class="row">
                        <div class="mb-3 col-md-6">
                          <label for="firstName" class="form-label">A/c type<sup style="color:red;"></sup></label>
                          <select class="form-select" id="exampleFormControlSelect1" aria-label="Default select example" name="ac_type">
                        <option disabled selected value="">Select Account Type</option>
                        <option value="Savings" {{($edit_profile->ac_type ?? '') == 'Savings' ? 'selected' : '' }}> Savings</option>
                        <option value="Current" {{($edit_profile->ac_type ?? '') == 'Current' ? 'selected' : '' }}> Current </option>
                      </select>
                        </div>
                        <div class="mb-3 col-md-6">
                          <label for="lastName" class="form-label">IFSC Code<sup style="color:red;"></sup></label>
                          <input class="form-control" type="text" name="IFSC_code" id="lastName" placeholder="" value="{{$edit_profile->IFSC_code ?? old('IFSC_code')}}"/>
                        </div>
            </div>
                    
                  </div> </div>
         <div class="card mb-3">
                  <h5 class="card-header">Registration Details</h5>
                  <div class="card-body">
                    
                    {{-- <form id="formAccountDeactivation" onsubmit="return false"> --}}
          <div class="row mb-3">
          <div class="mb-3 col-md-12">
                          <label for="firstName" class="form-label">Registered as  </label>
                          <input
                            class="form-control"
                            type="text"
                            id="firstName"
                            readonly
                            name="registered_as"
                            value="{{$edit_profile->registered_as ?? old('registered_as')}}"
                            autofocus
                          />
                        </div>
            <div class="mb-3 col-md-12">
            <h5 class="green">I am interested in :</h5>
                          <label for="language" class="form-label">Interest areas on Dealplexus <a href="">(edit <i class="fa fa-pen"></i>) </a></label>
                        <div class="row mb-3 mt-3">

       <div class="row mb-3">
        
        <div class="row mb-3">
				  <div class="row mb-3">
           
            <div class="col-lg-12">
              @php
              $interest_area =  explode(",",$edit_profile->interested_in);

              // print_r($interest_area);die;
           @endphp
                            <div class="form-check form-check-inline ">
                              <input class="form-check-input" type="checkbox" id="ib" value="1" name="interested_in[]" />
                              <label class="form-check-label" for="ib">Investment Banking</label>
                            </div>
                            <div class="form-check form-check-inline">
                              <input class="form-check-input" type="checkbox" id="si" value="2" name="interested_in[]" />
                              <label class="form-check-label" for="si">Startup Investment</label>
                            </div>
                            
                <div class="form-check form-check-inline ">
                              <input class="form-check-input" type="checkbox" id="sl" value="3,4,5" name="interested_in[]" >
                              <label class="form-check-label" for="sl">Secured Loans</label>
                            </div>
                <div class="form-check form-check-inline">
                              <input class="form-check-input" type="checkbox" id="usl" value="6,7,8" name="interested_in[]" />
                              <label class="form-check-label" for="usl">Unsecured Loans</label>
                            </div>
                <div class="form-check form-check-inline">
                              <input class="form-check-input" type="checkbox" id="insurance" value="9,10,11" name="interested_in[]" />
                              <label class="form-check-label" for="insurance">Insurance</label>
                            </div>
                          </div>
              
              </div>
              <label class="form-label  col-lg-12 green" for="password">Investment products</label>
          <div class="col-lg-12 mb-3">
                            <div class="form-check form-check-inline">
                             <input class="form-check-input" type="checkbox" id="pms" value="12" name="interested_in[]" />
                             <label class="form-check-label" for="pms">PMS</label>
                           </div>
               <div class="form-check form-check-inline">
                             <input class="form-check-input" type="checkbox" id="mf" value="13" name="interested_in[]" />
                             <label class="form-check-label" for="mf">Mutual Funds</label>
                           </div>
               <div class="form-check form-check-inline">
                             <input class="form-check-input" type="checkbox" id="sm" value="14" name="interested_in[]" />
                             <label class="form-check-label" for="sm">Stock Market </label>
                           </div>
               <div class="form-check form-check-inline">
                             <input class="form-check-input" type="checkbox" id="fis" value="15" name="interested_in[]" />
                             <label class="form-check-label" for="fis">Fixed Income Securities</label>
                           </div>
               <div class="form-check form-check-inline">
                             <input class="form-check-input" type="checkbox" id="aif" value="16" name="interested_in[]" />
                             <label class="form-check-label" for="aif">Alternate Investment Funds</label>
                           </div>
                 </div>
                 <div class="col-lg-12">
                  <div class="form-check form-check-inline">
                   <input class="form-check-input" type="checkbox" id="os" value="17" name="interested_in[]" />
                   <label class="form-check-label" for="os">Other Services</label>
                 </div>
     
                </div>
				  
					</div>
       </div>
	               <div class="mt-2">
                        <button type="submit" class="btn btn-primary me-2">Save changes</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="javascript:void(0)" onclick="buddyProfile()" 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>
                    </form>
                  </div> </div>
                </div>
        
                <div class="card mb-3">
                  <h5 class="text-primary">DP Buddy Documents</h5>
                  <div class="card-body">


                    @if(isset($user_media->user_id))
                    <form id="formAuthentication" class="mb-3" action="{{route('update_user_media',$user_media->user_id)}}"  enctype="multipart/form-data" method="POST">
                    @csrf
                    @method('PUT')
                    @else
                    <form id="formAuthentication" class="mb-3" action="{{route('user_media')}}"  enctype="multipart/form-data" method="POST">
                    @endif
                    @csrf
                     <div class="row mb-2">
                        <div class="col-lg-2"><label class=" col-form-label" for="basic-default-name">Upload PAN Card<sup style="color:red;"></sup></label></div>
                        <div class="col-lg-5">
                          <input class="form-control" type="file" id="formFile"  name="pan_card"/>
                          @if (isset($user_media->pan_card))
                            <p class="mt-2"> View Pan Card :<a href="{{asset('public/uploads/user_media/pan/' . $user_media->pan_card)}}" target="_blank"> {{$user_media->pan_card}}</a> </p>
                          @endif
                        </div>
                       <div class="col-lg-5">
                          <input class="form-control" type="text" name="pan_no" id="lastName"  value="{{ $user_media->pan_no ?? old('pan_no') }}" maxlength="10"/>
                        </div>
                      </div>
                      <div class="row mb-2">
                        <div class="col-lg-2"><label class=" col-form-label" for="basic-default-name">Upload GSTIN<sup style="color:red;"></sup></label></div>
                        <div class="col-lg-5">
                          <input class="form-control" type="file" id="formFile"  name="gstin"/>
                          @if (isset($user_media->gstin))
                            <p class="mt-2"> View GSTIN :<a href="{{asset('public/uploads/user_media/gstin/' . $user_media->gstin)}}" target="_blank"> {{$user_media->gstin}}</a> </p>
                          @endif
                        </div>
                       <div class="col-lg-5">
                          <input class="form-control" type="text" id="lastName" value="{{ $user_media->gstin_no ?? old('gstin_no') }}" name="gstin_no"/>
                        </div>
                      </div>
                     <div class="row mb-2">
                        <div class="col-lg-2"><label class=" col-form-label" for="basic-default-name">Address Proof<sup style="color:red;"></sup></label></div>
                        <div class="col-lg-5">
                          <input class="form-control" type="file" id="formFile"  name="address_proof_docu"/>
                          @if (isset($user_media->address_proof_docu))
                          <p class="mt-2"> View Address Proof : <a href="{{asset('public/uploads/user_media/address_proof/' . $user_media->address_proof_docu)}}" target="_blank">{{$user_media->address_proof_docu}}</a> </p>
                        @endif
                        </div>
                       <div class="col-lg-5">
                        <input class="form-control" type="text" id="lastName" value="{{ $user_media->address_proof ?? old('address_proof') }}"  name="address_proof"/>
                        </div>
                      </div>
                   <div class="row">
                     <div class="mb-3 col-lg-4"><button type="submit" class="btn btn-primary">Save Documents</button>
                      @if($role=='dpuser')
                          <a href="{{route('user.dashboard')}}" class="btn btn-outline-secondary">Cancel</a>
                        @elseif($role=='dpbuddy')
                          <a href="javascript:void(0)" onclick="buddyProfile()" 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>
                </div>
              
              </div>
            </div>
          </div>
          <!-- / Content -->

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


  .hidden {
    display: none;
  }


</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/' . $edit_profile->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 = '/';
              })
            }
          });
        }
        });
      });
        
      var user = "";
      var userType = "";
      if(user == 'DP User' && userType == 'dpuser'){
        $("#buddy_regi").hide();
        $("#bankDetail").hide();
      }

      // if(user == 'DP User' && userType == 'dpuser'){
      //   $("#bankDetail").hide();
      // }

      function buddyProfile(){
	    var CURL=  $('#curl').val(); // curl id in buddy-screen
    
      window.location.href = '