@extends('Admin/layout')
@section('title','Associates Add')
@section('content')
@if(has_permission('Associate','Create'))
<div class="container-fluid">
    <div class="row">
        <div class="col-xxl-12">
            <div class="card">
                <div class="card-header">
                    <h4 class="card-title mb-0">Add New Associates</h4>
                </div><!-- end card header -->
                <div class="card-body">
                            @if ($errors->any())
                                <div class="alert alert-danger">
                                    <ul>
                                        @foreach ($errors->all() as $error)
                                            <li>{{ $error }}</li>
                                        @endforeach
                                    </ul>
                                </div>
                            @endif
                    <div class="bs-stepper wizard-numbered mt-2 step-arrow-nav">
                        <div class="bs-stepper-header nav">
                        <div class="step" data-target="#account-details">
                            <button type="button" class="step-trigger">
                            <span class="bs-stepper-circle">1</span>
                            <span class="bs-stepper-label mt-1">
                                <span class="bs-stepper-title">General Info Details</span>
                                <span class="bs-stepper-subtitle">Setup Personal Details</span>
                            </span>
                            </button>
                        </div>
                        <div class="line">
                            <i class="bx bx-chevron-right"></i>
                        </div>
                        <div class="step" data-target="#personal-info">
                            <button type="button" class="step-trigger">
                            <span class="bs-stepper-circle">2</span>
                            <span class="bs-stepper-label mt-1">
                                <span class="bs-stepper-title">Address Info</span>
                                <span class="bs-stepper-subtitle">Add Address info</span>
                            </span>
                            </button>
                        </div>

                        <div class="line">
                            <i class="bx bx-chevron-right"></i>
                        </div>
                        <div class="step" data-target="#social-links">
                            <button type="button" class="step-trigger">
                            <span class="bs-stepper-circle">3</span>
                            <span class="bs-stepper-label mt-1">
                                <span class="bs-stepper-title">Relation Info</span>
                                <span class="bs-stepper-subtitle">Add Relation Info</span>
                            </span>
                            </button>
                        </div>

                        <div class="line">
                            <i class="bx bx-chevron-right"></i>
                        </div>
                        <div class="step" data-target="#verification-links">
                            <button type="button" class="step-trigger">
                            <span class="bs-stepper-circle">4</span>
                            <span class="bs-stepper-label mt-1">
                                <span class="bs-stepper-title">Verification Info</span>
                                <span class="bs-stepper-subtitle">Add Verification Info</span>
                            </span>
                            </button>
                        </div>

                        <div class="line">
                            <i class="bx bx-chevron-right"></i>
                        </div>
                        <div class="step" data-target="#bank-links">
                            <button type="button" class="step-trigger">
                            <span class="bs-stepper-circle">5</span>
                            <span class="bs-stepper-label mt-1">
                                <span class="bs-stepper-title">Bank Info</span>
                                <span class="bs-stepper-subtitle">Add Bank Info</span>
                            </span>
                            </button>
                        </div>

                        </div>
                        <div class="bs-stepper-content">
                        <form action="{{route('visitportal.associates-store')}}" method="POST" class="needs-validation form-steps" autocomplete="off" novalidate enctype="multipart/form-data">
                        {{ csrf_field() }}
                            <!-- Account Details -->
                            <div id="account-details" class="content">
                            <div class="content-header mb-3">
                                <h6 class="mb-0">Personal Details</h6>
                                <small>Enter Your Personal Details.</small>
                            </div>
                                    <div class="row g-3">
                                        <div class="col-md-3">
                                        <div class="mb-3">
                                        <label for="firstNameinput" class="form-label">Full Name <span class="text-danger">*</span></label>
                                        <input type="text" class="form-control" placeholder="Full Name" id="name" name="name" value="{{old('name')}}" required>
                                        @if ($errors->has('name'))<div class="invalid-feedback">{{ $errors->first('name') }}</div>@endif
                                        </div>
                                    </div>
                                    <!--end col-->
                                    <div class="col-md-3">
                                        <div class="mb-3">
                                        <label for="lastNameinput" class="form-label">Father Name </label>
                                        <input type="text" class="form-control" placeholder="Father Name" name="father_name" id="father_name" value="{{old('father_name')}}">
                                        @if ($errors->has('father_name'))<div class="invalid-feedback">{{ $errors->first('father_name') }}</div>@endif
                                        </div>
                                    </div>
                                    <!--end col-->
                                    <div class="col-md-3">
                                        <div class="mb-3">
                                        <label for="lastNameinput" class="form-label">Mother Name </label>
                                        <input type="text" class="form-control" placeholder="Mother Name" name="mother_name" id="mother_name" value="{{old('mother_name')}}">
                                        @if ($errors->has('mother_name'))<div class="invalid-feedback">{{ $errors->first('mother_name') }}</div>@endif
                                        </div>
                                    </div>
                                    <!--end col-->
                                    <div class="col-md-3">
                                        <div class="mb-3">
                                        <label for="lastNameinput" class="form-label">Spouse Name </label>
                                        <input type="text" class="form-control" placeholder="Spouse Name" name="spouse_name" id="spouse_name" value="{{old('spouse_name')}}">
                                        @if ($errors->has('spouse_name'))<div class="invalid-feedback">{{ $errors->first('spouse_name') }}</div>@endif
                                        </div>
                                    </div>
                                    <!--end col-->
                                    <div class="col-md-3">
                                        <div class="mb-3">
                                        <label for="phonenumberInput" class="form-label">Phone Number 1 <span class="text-danger">*</span></label>
                                        <input type="tel" class="form-control" placeholder="Phone Number 1" id="phone_1" name="phone_1" oninput="digitValidate(this)" value="{{old('phone_1')}}" maxlength="10"  required>
                                        @if ($errors->has('phone'))<div class="invalid-feedback">{{ $errors->first('phone') }}</div>@endif
                                        </div>
                                    </div>
                                    <!--end col-->
                                    <div class="col-md-3">
                                        <div class="mb-3">
                                        <label for="phonenumberInput" class="form-label">Phone Number 2</label>
                                        <input type="tel" class="form-control" placeholder="Phone Number 2" id="phone_2" name="phone_2" oninput="digitValidate(this)" value="{{old('phone_2')}}" maxlength="10"  required>
                                        @if ($errors->has('phone_2'))<div class="invalid-feedback">{{ $errors->first('phone_2') }}</div>@endif
                                        </div>
                                    </div>
                                    <!--end col-->
                                   
                                    <div class="col-md-3">
                                        <div class="mb-3">
                                        <label for="phonenumberInput" class="form-label">Whatsapp Number </label>
                                        <input type="tel" class="form-control" placeholder="Whatsapp Number" id="whatsappnumber" name="whatsappnumber" oninput="digitValidate(this)" value="{{old('whatsappnumber')}}" maxlength="10" >
                                        </div>
                                    </div>
                                    <!--end col-->
                                    <div class="col-md-3">
                                        <div class="mb-3">
                                        <label for="emailidInput" class="form-label">Email Address <span class="text-danger">*</span></label>
                                        <input type="email" class="form-control" placeholder="Email Address" id="email" name="email" value="{{old('email')}}" required>
                                        @if ($errors->has('email'))<div class="invalid-feedback">{{ $errors->first('email') }}</div>@endif
                                        </div>
                                    </div>
                                    <!--end col-->
                                    <div class="col-md-3">
                                        <div class="mb-3">
                                        <label for="address1ControlTextarea" class="form-label">Date of Birth <span class="text-danger">*</span></label>
                                        <input type="text" class="form-control flatpickr-input active" name="dob" placeholder="Date of Birth" data-provider="flatpickr" data-date-format="F j, Y" id="dob" readonly="readonly" value="{{old('dob')}}" required> 
                                        </div>
                                    </div>
                                    <!--end col-->
                                    <div class="col-md-3">
                                        <div class="mb-3">
                                        <label for="date_of_joining" class="form-label">Date of Joining <span class="text-danger">*</span></label>
                                        <input type="text" class="form-control flatpickr-input active" name="date_of_joining" placeholder="Date of Joining" data-provider="flatpickr" data-date-format="F j, Y" id="date_of_joining" readonly="readonly" value="{{old('date_of_joining')}}" required> 
                                        </div>
                                    </div>
                                    <!--end col-->
                                    <div class="col-md-3">
                                        <div class="mb-3">
                                        <label for="lastNameinput" class="form-label">Nominee Name </label>
                                        <input type="text" class="form-control" placeholder="Nominee Name" name="nominee_name" id="nominee_name" value="{{old('nominee_name')}}">
                                        @if ($errors->has('nominee_name'))<div class="invalid-feedback">{{ $errors->first('nominee_name') }}</div>@endif
                                        </div>
                                    </div>
                                    <!--end col-->
                                    <div class="col-md-3">
                                        <div class="mb-3">
                                        <label for="lastNameinput" class="form-label">Nominee Relation </label>
                                        <input type="text" class="form-control" placeholder="Nominee Relation" name="nominee_relation" id="nominee_relation" value="{{old('nominee_relation')}}">
                                        @if ($errors->has('nominee_relation'))<div class="invalid-feedback">{{ $errors->first('nominee_relation') }}</div>@endif
                                        </div>
                                    </div>

                                    <div class="col-md-3">
                                        <div class="mb-3">
                                        <label for="lastNameinput" class="form-label">Opening Stock </label>
                                        <input type="text" class="form-control number" placeholder="Opening Stock" name="opening_stock" id="opening_stock" value="{{old('opening_stock')}}">
                                        @if ($errors->has('opening_stock'))<div class="invalid-feedback">{{ $errors->first('opening_stock') }}</div>@endif
                                        </div>
                                    </div>
                                    <!--end col-->

                                <div class="col-12 d-flex justify-content-between">
                                <button class="btn btn-label-secondary btn-prev" type="button" disabled>
                                    <span class="align-middle d-sm-inline-block">Previous</span>
                                </button>
                                <button class="btn btn-primary btn-next" type="button">
                                    <span class="align-middle d-sm-inline-block me-sm-1 me-0">Next</span>
                                </button>
                                </div>
                            </div>
                            </div>
                            <!-- Personal Info -->
                            <div id="personal-info" class="content">
                                <div class="content-header mb-3">
                                    <h6 class="mb-0">Address Info</h6>
                                    <small>Enter Your Address Info.</small>
                                </div>
                                <div class="row g-3">
                                <div class="col-md-3">
                                    <div class="mb-3">
                                    <label for="phonenumberInput" class="form-label">PinCode </label>
                                    <input type="text" class="form-control" oninput='digitValidate(this)' name="pincode" id="pincode" placeholder="Pincode" value="{{old('pincode')}}" minlength="6" maxlength="6" onkeyup="getPinCodeDetails(this);" >
                                    </div>
                                </div>
                                <!--end col-->
                                <div class="col-md-3">
                                    <div class="mb-3">
                                    <label for="lastNameinput" class="form-label">Address </label>
                                    <input type="text" class="form-control" placeholder="Address" name="address" id="address" value="{{old('address')}}">
                                    @if ($errors->has('address'))<div class="invalid-feedback">{{ $errors->first('address') }}</div>@endif
                                    </div>
                                </div>
                                <!--end col-->
                                <div class="col-md-3">
                                    <div class="mb-3">
                                    <label for="lastNameinput" class="form-label">City </label>
                                        <select class="form-control single-select" name="city" id="city"  >
                                                <option value="" >Select City Name</option>
                                        </select>
                                        <div class="invalid-feedback ">Please enter an City Name</div>
                                            @if ($errors->has('city')) <p class="text-danger">{{ $errors->first('city') }}</p> @endif
                                    </div>
                                </div>
                                <!--end col-->
                                <div class="col-md-3">
                                    <div class="mb-3">
                                    <label for="lastNameinput" class="form-label">State </label>
                                            <select class="form-control single-select" name="state" id="state"  >
                                                    <option value="" >Select State Name</option>
                                            </select>
                                            <div class="invalid-feedback">Please enter an State Name</div>
                                                @if ($errors->has('state')) <p class="text-danger">{{ $errors->first('state') }}</p> @endif
                                    </div>
                                </div>
                                <!--end col-->
                                <div class="col-md-3">
                                    <div class="mb-3">
                                    <label for="lastNameinput" class="form-label">Country </label>
                                            <select class="form-control single-select" name="country" id="country"  >
                                                    <option value="" >Select Country Name</option>
                                            </select>
                                            <div class="invalid-feedback">Please enter an Country Name</div>
                                                @if ($errors->has('country')) <p class="text-danger">{{ $errors->first('country') }}</p> @endif
                                    </div>
                                </div>
                                <!--end col-->
                                        <div class="col-12 d-flex justify-content-between">
                                            <button class="btn btn-primary btn-prev" type="button"> 
                                                <span class="align-middle d-sm-inline-block">Previous</span>
                                            </button>
                                            <button class="btn btn-primary btn-next" type="button"> <span class="align-middle d-sm-inline-block me-sm-1 me-0">Next</span> </button>
                                        </div>
                                </div>
                            </div>
                            <!-- Social Links -->
                            <div id="social-links" class="content">
                                <div class="content-header mb-3">
                                    <h6 class="mb-0">Relation Info</h6>
                                    <small>Details About Rera no, Upliner,Team,Pin Name</small>
                                </div>
                                <div class="row g-3">
                                    <div class="col-md-3">
                                        <div class="mb-3">
                                        <label for="citynameInput" class="form-label">Rera Serial <span class="text-danger">*</span></label>
                                        <select class="form-select" id="rera_serial" name="rera_serial" onchange="changeReraSerial(this);" required>
                                            @if(!empty($tblrera_serial))
                                                @foreach($tblrera_serial as $key => $value)
                                                    <option value="{{$value->id}}" >{{$value->name}}</option>
                                                @endforeach
                                            @endif
                                        </select>
                                        @if ($errors->has('rera_serial')) <p class="custom_err">{{ $errors->first('rera_serial') }}</p> @endif
                                        </div>
                                    </div>
                                    <!--end col-->
                                    <div class="col-md-3 rera_number">
                                        <div class="mb-3">
                                        <label for="lastNameinput" class="form-label">Rera Number <span class="text-danger">*</span></label>
                                        <input type="text" class="form-control" name="rera_number" id="rera_number" placeholder="Rera Number" value="{{old('rera_number')}}" >
                                        @if ($errors->has('rera_number')) <p class="custom_err">{{ $errors->first('rera_number') }}</p> @endif
                                        </div>
                                    </div>
                                    <!--end col-->
                                    <div class="col-md-3 application_number" style="display:none;">
                                        <div class="mb-3">
                                        <label for="lastNameinput" class="form-label">Application Number <span class="text-danger">*</span></label>
                                        <input type="text" class="form-control" name="application_number" id="application_number" placeholder="Application Number" value="{{old('application_number')}}" >
                                        @if ($errors->has('application_number')) <p class="custom_err">{{ $errors->first('application_number') }}</p> @endif
                                        </div>
                                    </div>
                                    <!--end col-->

                                  
                                    <div class="col-md-3">
                                        <div class="mb-3">
                                        <label for="citynameInput" class="form-label">Team Name <span class="text-danger">*</span></label>
                                        <select class="form-select single-select" id="team_name" name="team_name" required>
                                            <option value="">Choose Team Name</option>
                                            @if(!empty($tblteams))
                                                @foreach($tblteams as $key => $value)
                                                    <option value="{{$value->id}}" >{{$value->name}}</option>
                                                @endforeach
                                            @endif
                                        </select>
                                        @if ($errors->has('team_name'))<div class="invalid-feedback">{{ $errors->first('team_name') }}</div>@endif
                                        </div>
                                    </div>
                                    <!--end col-->
                                    <div class="col-md-3">
                                        <div class="mb-3">
                                        <label for="citynameInput" class="form-label">Pin Name <span class="text-danger">*</span></label>
                                        <select class="form-select single-select" id="pin_name" name="pin_name" required>
                                            <option value="">Choose Pin Name</option>
                                            @if(!empty($tblpins))
                                                @foreach($tblpins as $key => $value)
                                                    <option value="{{$value->id}}" >{{$value->name}}</option>
                                                @endforeach
                                            @endif
                                        </select>
                                        @if ($errors->has('pin_name'))<div class="invalid-feedback">{{ $errors->first('pin_name') }}</div>@endif
                                        </div>
                                    </div>
                                    <!--end col-->
                                    <div class="col-md-3">
                                        <div class="mb-3">
                                        <label for="citynameInput" class="form-label">Location Name <span class="text-danger">*</span></label>
                                        <select class="form-select single-select" id="location_name" name="location_name" required>
                                            <option value="">Choose Location Name</option>
                                            @if(!empty($tbl_location))
                                                @foreach($tbl_location as $key => $value)
                                                    <option value="{{$value->id}}" >{{$value->name}}</option>
                                                @endforeach
                                            @endif
                                        </select>
                                        @if ($errors->has('location_name'))<div class="invalid-feedback">{{ $errors->first('location_name') }}</div>@endif
                                        </div>
                                    </div>
                                    <!--end col-->
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                        <label for="citynameInput" class="form-label">Upliner Name <span class="text-danger">*</span></label>
                                        <select class="form-select single-select" id="upliner_name" name="upliner_name" required>
                                            <option value="">Choose Upliner Name</option>
                                            @if(!empty($tblassociates))
                                                @foreach($tblassociates as $key => $value)
                                                    <option value="{{$value->id}}" >{{$value->name}}, ({{$value->gk_code}}) {{$value->phone_1}}, {{$value->rera_no}}</option>
                                                @endforeach
                                            @endif
                                        </select>
                                        @if ($errors->has('upliner_name'))<div class="invalid-feedback">{{ $errors->first('upliner_name') }}</div>@endif
                                        </div>
                                    </div>
                                    <!--end col-->
                                   
                                    <div class="col-12 d-flex justify-content-between">
                                            <button class="btn btn-primary btn-prev" type="button"> 
                                                <span class="align-middle d-sm-inline-block">Previous</span>
                                            </button>
                                            <button class="btn btn-primary btn-next" type="button"> <span class="align-middle d-sm-inline-block me-sm-1 me-0">Next</span> </button>
                                    </div>
                                </div>
                            </div>
                             <!-- Verificaton Info -->
                             <div id="verification-links" class="content">
                                <div class="content-header mb-3">
                                    <h6 class="mb-0">Verification Details</h6>
                                    <small>Enter Your Aadhar, PAN Info.</small>
                                </div>
                                <div class="row g-3">
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                        <label for="lastNameinput" class="form-label">Aadhar Number <span class="text-danger">*</span></label>
                                        <input type="number" class="form-control" name="aadhar_number" id="aadhar_number" placeholder="Aadhar Number" oninput='digitValidate(this)' value="{{old('aadhar_number')}}" required>
                                        @if ($errors->has('aadhar_number'))<div class="invalid-feedback">{{ $errors->first('aadhar_number') }}</div>@endif
                                        </div>
                                    </div>
                                    <!--end col-->
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                        <label for="lastNameinput" class="form-label">Aadhar Image </label>
                                        <input type="file" class="form-control" name="aadhar_front_file" id="aadhar_front_file" accept="image/*">
                                        @if ($errors->has('aadhar_front_file')) <p class="custom_err">{{ $errors->first('aadhar_front_file') }}</p> @endif
                                        </div>
                                    </div>
                                    <!--end col-->
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                        <label for="lastNameinput" class="form-label">PAN Number <span class="text-danger">*</span></label>
                                        <input type="text" class="form-control" name="pan_number" id="pan_number" placeholder="PAN Number" value="{{old('pan_number')}}" required>
                                        @if ($errors->has('pan_number')) <p class="custom_err">{{ $errors->first('pan_number') }}</p> @endif
                                        </div>
                                    </div>
                                    <!--end col-->
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                        <label for="lastNameinput" class="form-label">PANCard Image </label>
                                        <input type="file" class="form-control" name="pan_card_file" id="pan_card_file" accept="image/*">
                                        @if ($errors->has('pan_card_file')) <p class="custom_err">{{ $errors->first('pan_card_file') }}</p> @endif
                                        </div>
                                    </div>
                                    <!--end col-->
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                        <label for="lastNameinput" class="form-label">Passport Number </label>
                                        <input type="text" class="form-control" name="passport_number" id="passport_number" placeholder="Passport Number" value="{{old('passport_number')}}">
                                        @if ($errors->has('passport_number')) <p class="custom_err">{{ $errors->first('passport_number') }}</p> @endif
                                        </div>
                                    </div>
                                    <!--end col-->
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                        <label for="lastNameinput" class="form-label">Passport Image </label>
                                        <input type="file" class="form-control" name="passport_file" id="passport_file" accept="image/*">
                                        @if ($errors->has('passport_file')) <p class="custom_err">{{ $errors->first('passport_file') }}</p> @endif
                                        </div>
                                    </div>
                                    <!--end col-->
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                        <label for="lastNameinput" class="form-label">Certificate <span class="text-danger">*</span></label>
                                        <label class="radio-inline"><input type="radio" name="certificate" value="Yes" checked>Yes</label>
                                        <label class="radio-inline"><input type="radio" name="certificate" value="No" >No</label>
                                        @if ($errors->has('certificate')) <p class="custom_err">{{ $errors->first('certificate') }}</p> @endif
                                        </div>
                                    </div>
                                    <!--end col-->
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                        <label for="lastNameinput" class="form-label">Bank Copy Image</label>
                                        <input type="file" class="form-control" name="bank_copy_image" id="bank_copy_image">
                                        @if ($errors->has('bank_copy_image')) <p class="custom_err">{{ $errors->first('bank_copy_image') }}</p> @endif
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                        <label for="lastNameinput" class="form-label">Police Verification <span class="text-danger">*</span></label>
                                        <label class="radio-inline"><input type="radio" name="police_verification" value="Yes" >Yes</label>
                                        <label class="radio-inline"><input type="radio" name="police_verification" value="No" checked>No</label>
                                        @if ($errors->has('police_verification')) <p class="custom_err">{{ $errors->first('police_verification') }}</p> @endif
                                        </div>
                                    </div>
                                    <!--end col-->
                                    <div class="col-12 d-flex justify-content-between">
                                            <button class="btn btn-primary btn-prev" type="button"> 
                                                <span class="align-middle d-sm-inline-block">Previous</span>
                                            </button>
                                            <button class="btn btn-primary btn-next" type="button"> <span class="align-middle d-sm-inline-block me-sm-1 me-0">Next</span> </button>
                                        </div>
                                    
                                </div>
                            </div>
                            <!-- Social Links -->
                            <div id="bank-links" class="content">
                                <div class="content-header mb-3">
                                    <h6 class="mb-0">Bank Details</h6>
                                    <small>Add Bank Information</small>
                                </div>
                                <div class="row g-3">
                                    <div class="col-md-12">
                                        <table class="table table-bordered" id="myTable">
                                            <thead>
                                                <tr>
                                                    <th>Bank Name</th>
                                                    <th>IFSC Number</th>
                                                    <th>Account Number</th>
                                                    <th>Action</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr id="addRow">
                                                    <td><input name="ifsc_number[]" class="form-control  col-sm-2 ifsc_number" id="ifsc_number_0" type="text" value="" placeholder="IFSC Number" onkeyup="getIfscCodeDetails(this);"></td>
                                                    <td><input name="bank_name[]" id="bank_name_0" class="form-control  col-sm-2 bank_name" type="text" value="" placeholder="Bank Name" disabled><input name="bank_id[]" id="bank_id_0" class="form-control  col-sm-2" type="hidden" value="" placeholder="Item Id"> <div class="display0"></div></td>
                                                   
                                                    <td><input name="account_number[]" oninput='digitValidate(this)'  class="form-control  col-sm-2 account_number" id="account_number_0" type="text" value="" placeholder="Account Number"><input name="account_number_id[]" class="form-control  col-sm-2" id="account_number_id_0" type="hidden" value="" placeholder="Account Numbe"></td>
                                                    <td><a class="extra-fields-customer col-sm-2" id="addMore" onClick="addmore()">Add More</a></td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                    
                                   
                                    <div class="col-12 d-flex justify-content-between">
                                        <button class="btn btn-primary btn-prev" type="button"> 
                                            <span class="align-middle d-sm-inline-block">Previous</span>
                                        </button>
                                        <button class="btn btn-success" type="button" onClick="saveAssociate()">Submit</button>
                                    </div>
                                </div>
                            </div>
                        </form>
                        </div>
                    </div>
                   
                </div>
                <!-- end card body -->
            </div>
            <!-- end card -->
        </div>
        <!-- end col -->
    </div>

</div>
<script src="{{ URL::asset('assets/js/jquery.min.js') }}"></script>
<script>
    $(document).ready(function(){
        setDobValidation();
        flatpickr("#date_of_joining", {
                dateFormat: "F j, Y",
                maxDate: "today"
            })
        });
    digitValidate = function(ele){
        ele.value = ele.value.replace(/[^0-9]/g,'');
    }
    var adminauthdata = JSON.parse(localStorage.getItem('adminauthdata')); 
    var i = 1;
function addmore(){
    
     var x= parseInt(i) - 1;
     var b = $("#bank_name_"+x).val();
     var y = $("#ifsc_number_"+x).val();
     var a = $("#account_number_"+x).val();
    //  console.log(b); console.log(i); console.log(a);
    //  if(b == "" || b == undefined || y == "" || y == undefined || a == "" || a == undefined){
    //      alert("Missing either one value");
    //      return false;
    //  }else{
         var html = '<tr class="delete_add_more_item">'+
             '<td><input name="ifsc_number[]" class="form-control  col-sm-2 ifsc_number" id="ifsc_number_'+i+'" type="text" value="" placeholder="IFSC NUMBER" onkeyup="getIfscCodeDetails(this);"></td>'+
             '<td><input name="bank_name[]" class="form-control  col-sm-2 bank_name" id="bank_name_'+i+'" type="text"  value="" placeholder="Bank Name" disabled required><input name="bank_id[]" id="bank_id_'+i+'" class="form-control  col-sm-2" type="hidden" value="" placeholder="Item Id"> <div class="display'+i+'"></div></td>'+
             '<td><input name="account_number[]" oninput="digitValidate(this)"  class="form-control  col-sm-2 account_number" id="account_number_'+i+'" type="text" value="" placeholder="Account Number" required><input name="account_number_id[]" class="form-control  col-sm-2" id="account_number_id_'+i+'" type="hidden" value="" placeholder="Account Number"></td>'+
             '<td><a  href="#" id="removeaddmore" class="removeaddmore" style="color:red;">Remove</a></td>'+
         '</tr>';
         $('#myTable tr:last').after(html);
     i++;
    //  }
        
};
 
// function removeaddmore(){
//      $(this).closest('.delete_add_more_item').remove();
// }
$(document).on('click','.removeaddmore',function(event){
    $(this).closest('.delete_add_more_item').remove();
  });

function getPinCodeDetails(arg){

 
 var value = arg.value;
 if(value.length == 6){
    var datastring = {
        "_token": "{{ csrf_token() }}",
        pin_code : value
        };
        $.ajax({
            type:'POST',
            cache: false,
            url:"{{ route('visitportal.getDetailsFromPinCode') }}",
            dataType: "json",
            data:datastring,
            headers: {"X-Auth-Token": adminauthdata.token,"uuid": adminauthdata.uuid},
            success:function(resultdata) {
            
                if(resultdata.status == 200){
                    

                    var city = resultdata.city;
                    $("#city").empty();
                    if (city != null && city != undefined ) {
                        $.each(city, function (index, item) {
                            $("#city").append('<option value="'+item+'">'+item+'</option>');
                        });
                    }

        
                    var State = resultdata.State;
                    $("#state").empty();
                    if (State != null && State != undefined ) {
                        $.each(State, function (index, item) {
                            $("#state").append('<option value="'+item+'">'+item+'</option>');
                        });
                    }

                    var Country = resultdata.Country;
                    $("#country").empty();
                    if (Country != null && Country != undefined ) {
                        $.each(Country, function (index, item) {
                            $("#country").append('<option value="'+item+'">'+item+'</option>');
                        });
                    }

                }
                else{
                    
                    $("#city").empty();
                    $("#state").empty();
                    $("#country").empty();
                }
            }
        })
 }else{
                     $("#city").empty();
                    $("#state").empty();
                    $("#country").empty();
 }

}

var pincode = "{{old('pin_code')}}";
if(pincode.length == 6){
    var datastring = {
        "_token": "{{ csrf_token() }}",
        pin_code : pincode
        };
        $.ajax({
            type:'POST',
            cache: false,
            url:"{{ route('visitportal.getDetailsFromPinCode') }}",
            headers: {"X-Auth-Token": adminauthdata.token,"uuid": adminauthdata.uuid},
            dataType: "json",
            data:datastring,
            success:function(resultdata) {
              
                if(resultdata.status == 200){
                    
                    var city = resultdata.city;
                    $("#city").empty();
                    if (city != null && city != undefined ) {
                        $.each(city, function (index, item) {
                            $("#city").append('<option value="'+item+'">'+item+'</option>');
                        });
                    }

        
                    var State = resultdata.State;
                    $("#state").empty();
                    if (State != null && State != undefined ) {
                        $.each(State, function (index, item) {
                            $("#state").append('<option value="'+item+'">'+item+'</option>');
                        });
                    }

                    var Country = resultdata.Country;
                    $("#country").empty();
                    if (Country != null && Country != undefined ) {
                        $.each(Country, function (index, item) {
                            $("#country").append('<option value="'+item+'">'+item+'</option>');
                        });
                    }

                }
                else{
                    $("#city").empty();
                    $("#state").empty();
                    $("#country").empty();
                }
            }
        })
 }else{
                    $("#city").empty();
                    $("#state").empty();
                    $("#country").empty();
 }



function getIfscCodeDetails(arg){
 var id = arg.getAttribute('id');
 var id_split = id.split("_");
 var key = id_split[2];

 var value = arg.value;
 if(value.length == 11){
    var datastring = {
        "_token": "{{ csrf_token() }}",
        ifsc : value
        };
        $.ajax({
            type:'POST',
            cache: false,
            url:"{{ route('visitportal.getBankDetailsFromIfscCode') }}",
            headers: {"X-Auth-Token": adminauthdata.token,"uuid": adminauthdata.uuid},
            dataType: "json",
            data:datastring,
            success:function(resultdata) {
                
                if(resultdata.status == 200){
                    
                    var Bank = resultdata.Bank;
                    $("#bank_name_"+key).empty();
                    if (Bank != null && Bank != undefined ) {
                       
                            $("#bank_name_"+key).val(Bank);
                       
                    }
                 

                }
                else{
                    $("#bank_name_"+key).empty();
                }
            }
        })
 }else{
                    $("#bank_name_"+key).empty();
 }

}
</script>
<script>
    $('.number').keypress(function(event) {

if ((event.which != 46 || $(this).val().indexOf('.') != -1) &&

  ((event.which < 48 || event.which > 57) &&

    (event.which != 0 && event.which != 8))) {

  event.preventDefault();

}



var text = $(this).val();



if ((text.indexOf('.') != -1) &&

  (text.substring(text.indexOf('.')).length > 2) &&

  (event.which != 0 && event.which != 8) &&

  ($(this)[0].selectionStart >= text.length - 2)) {

  event.preventDefault();

}

});
</script>
@endif
@endsection