@extends('layouts.buddy-screens')
@section('content')

<!-- Content wrapper -->
<div class="content-wrapper">
  <!-- Content -->

  <div class="container-xxl flex-grow-1 container-p-y">
    <div class="row">
      <div class="col-md-12">
        @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="card mb-4">
          <hr class="my-0" />
          <div class="card-body">
            <form id="formAccountSettings" action="{{ route('user.become_buddy') }}" method="POST" enctype="multipart/form-data">
              @csrf
              <div class="row">
                <label class="form-label">You may opt to choose a different name or entity to register
                  as a DP
                  Buddy</label>
                <div class="row mb-3">
                  <div class="col-lg-12">
                    <div class="form-check form-check-inline ">
                      <input class="form-check-input" type="radio" name="inlineBuddyName" id="sameName"
                        value="same_name" {{ ( old('inlineBuddyName')=='same_name' ) ? 'checked' : '' }}/>
                      <label class="form-check-label" for="sameName">Use Same Name</label>
                    </div>
                    <div class="form-check form-check-inline">
                      <input class="form-check-input" type="radio" name="inlineBuddyName" id="diffName"
                        value="diff_name" {{ ( old('inlineBuddyName')=='diff_name' ) ? 'checked' : '' }}/>
                      <label class="form-check-label" for="diffName">Use Different
                        Name</label>
                    </div>
                  </div>
                </div>
                <div class="mb-3 col-md-6">
                  <label for="firstName" class="form-label">Professional Information<sup style="color:red;">*</sup></label>
                  <select class="form-select" id="exampleFormControlSelect1" aria-label="Default select example" name="professional_info">
                    <option value="" selected>Select Professional Info</option>
                    <option value="CA in practice" {{ old('professional_info') == 'CA in practice' ? 'selected' : '' }}> CA in practice</option>
                    <option value="CA not in practice" {{ old('professional_info') == 'CA not in practice' ? 'selected' : '' }}> CA not in practice </option>
                    <option value="Investment Banker" {{ old('professional_info') == 'Investment Banker' ? 'selected' : '' }}> Investment Banker </option>
                    <option value="Wealth Advisor" {{ old('professional_info') == 'Wealth Advisor' ? 'selected' : '' }}> Wealth Advisor </option>
                    <option value="Family Office Advisor" {{ old('professional_info') == 'Family Office Advisor' ? 'selected' : '' }}> Family Office Advisor </option>
                    <option value="Bank professional" {{ old('professional_info') == 'Bank professional' ? 'selected' : '' }}> Bank professional </option>
                    <option value="CWA/CS/MBA/Lawyer" {{ old('professional_info') == 'CWA/CS/MBA/Lawyer' ? 'selected' : '' }}> CWA/CS/MBA/Lawyer </option>
                    <option value="Loan Advisor" {{ old('professional_info') == 'Loan Advisor' ? 'selected' : '' }}> Loan Advisor </option>
                    <option value="Insurance Agent" {{ old('professional_info') == 'Insurance Agent' ? 'selected' : '' }}> Insurance Agent </option>
                    <option value="Real Estate Consultant" {{ old('professional_info') == 'Real Estate Consultant' ? 'selected' : '' }}> Real Estate Consultant </option>
                  </select>
                </div>
                <div class="mb-3 col-md-6">
                  <label for="buddyname" class="form-label">DP Buddy name<sup style="color:red;">*</sup>:</label>
                  <input class="form-control" type="text" id="buddyname" name="buddyname" value="{{old('buddyname')}}"
                    autofocus placeholder="Enter Name"  onkeyup="value=value.replace(/[^\a-\z\A-\Z ]/g,'')"/>
                </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="formFile" name="pan"/>
                  </div>
                  <div class="col-lg-6">
                    <input class="form-control" type="text" name="pan_no" id="lastName" value="{{old('pan_no')}}" placeholder="PAN Number" maxlength="10"/>
                  </div>
                </div>
                <label class=" col-form-label" for="basic-default-name">Upload GST Certificate</label>
                <div class="row mb-3">
                  <div class="col-lg-6">
                    <input class="form-control" type="file" id="formFile" name="gst_certificate"/>
                  </div>
                  <div class="col-lg-6">
                    <input class="form-control" type="text" name="gst_no" id="lastName" value="{{old('gst_no')}}" placeholder="GST Number"/>
                  </div>
                </div>
                <label class=" col-form-label" for="basic-default-name">Upload Address Proof<sup style="color:red;">*</sup></label>
                <div class="row mb-3">
                  <div class="col-lg-6">
                    <input class="form-control" type="file" id="formFile" name="address_proof_docu"/>
                  </div>
                  <div class="col-lg-6">
                    <input class="form-control" type="text" name="address_proof" id="lastName" value="{{old('address_proof')}}" placeholder="Address"/>
                  </div>
                </div>
                <div class="mt-2">
                  <button type="submit" class="btn btn-primary me-2">Save changes</button>
                  <a href="javascript:void(0)" onclick="userProfile()" class="btn btn-outline-secondary">Cancel</a>
                </div>
            </form>
          </div>
          <!-- /Account -->
        </div>
      </div>
    </div>
  </div>
  <!-- / Content -->
  <style>
    .wrapper.mb-3 canvas {
      border: 1px solid;
    }
  </style>

  <script>
      jQuery('#sameName').click(function(){
          let fname = "{{Auth::User()->name}}";
          let lname = "{{Auth::User()->last_name}}";
          $('#buddyname').val(fname+ ' ' + lname);
      });

      jQuery('#diffName').click(function(){
          $('#buddyname').val('');
      });

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