@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 align-items-center d-flex">
                <h4 class="card-title mb-0 flex-grow-1">Associates Add</h4>
            </div>
            <!-- end card header -->
            <div class="card-body">
                <div class="live-preview">
                <form action="{{route('visitportal.associates-store')}}" method="POST" class="needs-validation" enctype="multipart/form-data"  novalidate>
                {{ csrf_field() }}
                    <div class="row">
                    <h5 class="text-primary mb-2 flex-grow-1">Basic Info</h5>
                    <br/>
                    <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="Enter your fullname" id="firstNameinput" 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="Enter 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="Enter 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="Enter 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 <span class="text-danger">*</span></label>
                        <input type="tel" class="form-control" placeholder="Phone Number" id="phone" name="phone" oninput="digitValidate(this)" value="{{old('phone')}}" 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="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="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="address1ControlTextarea" class="form-label">Password <span class="text-danger">*</span></label>
                        <input type="text" class="form-control" placeholder="Password" id="address1ControlTextarea" name="password" value="{{old('password')}}" required>
                        </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="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"  >
                        </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="Enter 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>
                        <input type="text" class="form-control" placeholder="Enter City" name="city" id="city" value="{{old('city')}}">
                        @if ($errors->has('city'))<div class="invalid-feedback">{{ $errors->first('city') }}</div>@endif
                        </div>
                    </div>
                    <!--end col-->
                    <div class="col-md-3">
                        <div class="mb-3">
                        <label for="lastNameinput" class="form-label">State </label>
                        <input type="text" class="form-control" placeholder="Enter State" name="state" id="state" value="{{old('state')}}" >
                        @if ($errors->has('state'))<div class="invalid-feedback">{{ $errors->first('state') }}</div>@endif
                        </div>
                    </div>
                    <!--end col-->
                    <div class="col-md-3">
                        <div class="mb-3">
                        <label for="lastNameinput" class="form-label">Country </label>
                        <input type="text" class="form-control" placeholder="Enter Country" name="country" id="country" value="{{old('country')}}" >
                        @if ($errors->has('country'))<div class="invalid-feedback">{{ $errors->first('country') }}</div>@endif
                        </div>
                    </div>
                    <!--end col-->
                    <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-->
                    <h5 class="text-primary mb-2 flex-grow-1">Details About Upliner,Team,Pin Name</h5>
                    <br/>
                    <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" data-choices 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->phone}}, {{$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-md-3">
                        <div class="mb-3">
                        <label for="citynameInput" class="form-label">Team Name <span class="text-danger">*</span></label>
                        <select class="form-select" data-choices 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" data-choices 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-->
                    <h5 class="text-primary mb-2 flex-grow-1">Verification Details</h5>
                    <br/>
                    <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" 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" 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" 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">
                        @if ($errors->has('bank_copy_image')) <p class="custom_err">{{ $errors->first('bank_copy_image') }}</p> @endif
                        </div>
                    </div>
                    <h5 class="text-primary mb-2 flex-grow-1">Bank Details</h5>
                    <br/>
                    <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="bank_name[]" id="bank_name_0" class="form-control  col-sm-2 bank_name" type="text" value="" placeholder="Bank Name" required><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="ifsc_number[]" class="form-control  col-sm-2 ifsc_number" id="ifsc_number_0" type="text" value="" placeholder="IFSC Number" required></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="Unit Id"></td>
                                    <td><a class="extra-fields-customer col-sm-2" id="addMore" onClick="addmore()">Add More</a></td>
                                </tr>
                            </tbody>
                        </table>
                    </div>

                    <!--end col-->
                    <div class="col-lg-12">
                        <div class="text-end">
                        <button type="submit" class="btn btn-primary">Submit</button>
                        </div>
                    </div>
                    <!--end col-->
                    </div>
                    <!--end row-->
                </form>
                </div>
            
            </div>
            </div>
        </div>
        <!-- end col -->
    </div>

</div>
<script src="{{ URL::asset('assets/js/jquery.min.js') }}"></script>
<script>
    $(document).ready(function(){
        setDobValidation();
    });
    digitValidate = function(ele){
    ele.value = ele.value.replace(/[^0-9]/g,'');
 }
</script>
@endif
@endsection