@extends('pia.layouts.app')
@section('title','Add Candidate')
@section('content')
<!-- Begin Page Content -->
<div class="container-fluid">        


 <!-- Page Heading -->
 <div class="d-sm-flex align-items-center justify-content-between mb-4">
     <h1 class="h4 mb-0 text-gray-800"> Add Candidate</h1>
     <a href="{{ route('candidateInterestList') }}" class="d-none d-sm-inline-block btn btn-sm btn-primary shadow-sm"><i
                     class="fas fa-add fa-sm text-white-50"></i> Candidates List</a>
 </div>

 <div class="row">
     <!-- Add -->
     <div class="col-xl-12 col-lg-7">
         <div class="card shadow mb-4 min_500">
             <!-- Card Body -->
             <div class="card-body">
                 <!--form--> 
                 
                 <form id="AddCandidate" action="{{ route('AssignCourse') }}" method="post">
                      @csrf
                    <div class="row">

                        <div class="col-md-6">
                             <div class="form-group">
                                 <label for=""><b>Name</b><span style="color:red">*</span></label><br>
                                 <input type="text" onkeypress="return validate_name(event)" class="form-control" id="name"  name="name" maxlength="50" >
                                <span id="name_error" style="color:red"></span>
                             </div>
                         </div>
                         
                         <div class="col-md-6">
                             <div class="form-group">
                                 <label for=""><b>Email ID</b><span style="color:red">*</span></label><br>
                                 <input type="email" class="form-control" id="email"  onchange="liveValidateEmail()" name="email">
                                 <span id="email_error" style="color:red"></span>
                                 <span id="emailValidationMessage"></span>
                             </div>
                         </div>
                         <div class="col-md-6">
                             <div class="form-group">
                                 <label for=""><b>Contact Number</b><span style="color:red">*</span></label><br>
                                 <input type="text" class="form-control" id="ContactNumber" oninput="this.value = this.value.replace(/[^0-9]/g,'');" maxlength="10" name="ContactNumber" >
                                 <span id="contact_number_error" style="color:red"></span>

                             </div>
                         </div>  

                         <div class="col-md-6">
                             <div class="form-group">
                                <label for=""><b>Gender</b><span style="color:red">*</span></label><br>

                                <div class="form-check form-check-inline">
                                    <input type="radio"  class="form-check-input" name="gender" value="Male">
                                    <label class="form-check-label">Male</label>
                                </div>

                                <div class="form-check form-check-inline">
                                    <input type="radio"  class="form-check-input" name="gender" value="Female">
                                    <label class="form-check-label">Female</label>
                                </div>

                                <div class="form-check form-check-inline">
                                    <input type="radio" class="form-check-input"  name="gender" value="Transgender">
                                    <label class="form-check-label">Transgender</label>
                                </div>

                                <span id="gender_error" style="color:red"></span>
                                
                             </div>
                         </div>

                         <div class="col-md-6">
                             <div class="form-group">
                                 <label for=""><b>Date of birth </b><span style="color:red">*</span></label><br>
                                 <input type="date" class="form-control" id="dob"  value="{{ $defaultDate }}"  name="dob" max="{{ $defaultDate}}" >
                                 <span style="color:red" id="dob_error"></span>
          
                             </div>
                         </div>
      
                            
                         <div class="col-md-6">
                             <div class="form-group">
                                 <label for=""><b>Highest Qualification</b><span style="color:red">*</span></label><br>

                                <select class="form-control" id="hQualification" name="hQualification" >
                                        <option value="">select</option>
                                        <option value=" 8th">8th</option>
                                        <option value="SSLC">SSLC</option>
                                        <option value="12th">12th</option>
                                        <option value="Diploma">Diploma</option>
                                        <option value="UG">UG</option>
                                        <option value="PG">PG</option>
                                        <option value="PG Diploma">PG Diploma</option>
                                </select>  

                                <span id="highest_qualification_error" style="color:red"></span>
                                
                                 
                             </div>
                         </div>
                         <div class="col-md-6">
                             <div class="form-group">
                                 <label for=""><b>Additional Certificates</b></label><br>
                                 <input type="text" class="form-control" id="certificate" placeholder="" maxlength="200" name="certificate" >
                                 <span id="additional_certificate_error" style="color:red"></span>
                             </div>
                         </div>
                  
                         <div class="col-md-6">
                             <div class="form-group">
                                <label for=""><b>District</b><span style="color:red">*</span></label><br>
                                <select name="district" id="district" class="form-control">
                                    <option value="">Choose District</option>

                                    @foreach($districts as $key=>$district)
                                        <option value="{{ $district->id }}">{{ $district->name }}</option>
                                    @endforeach

                                </select>

                                <span id="district_error" style="color:red"></span>
                             </div>
                         </div>
                         <div class="col-md-6">
                             <div class="form-group">
                                 <label for=""><b>Localbody Type</b></label><br>
                                 <div class="form-group">

                                    <select name="localbody_type" id="localbody_type" class="form-control">
                                        <option value="">Choose Localbody Type</option>

                                        @foreach($localbody_types as $key=>$type)
                                            <option value="{{ $type->id }}">{{ $type->name_eng }}</option>
                                        @endforeach
                                    </select>

                                    <span id="localbody_type_error" style="color:red"></span>
                                    
                                 </div>
                                 
                             </div>
                         </div>
                         <div class="col-md-6">
                             <div class="form-group">
                                 <label for=""><b>Localbody </b></label><br>
                                 <div class="form-group">

                                    <select name="localbody" id="localbody" class="form-control">

                                        <option value="">Choose Localbody</option>

                                    </select>

                                    <span id="localbody_error" style="color:red"></span>
                                    
                                 </div>
                                 
                             </div>
                         </div>
                         <div class="col-md-6" id="block_div" style="display:none">

                            <div class="form-group">

                                <label><b>Block</b></label><br>
                                <div class="form-group">

                                   <select name="block_list" id="block_list" class="form-control">
                                        <option value="">Choose Block</option>
                                   </select>

                                </div>

                            </div>

                        </div>
                         <div class="col-md-6">
                             <div class="form-group">
        
                                        <label for="" class="form-label"><b>Building Name/Number</b><span style="color:red">*</span></label>
                                        <input type="text" class="form-control" id="BuildingName" maxlength="50" name="BuildingName">
                                        <span id="building_name_error" style="color:red"></span>
                                </div>

                        </div>
       
        
                        <div class="col-md-6">

                            <div class="form-group">
      
                                <label for="" class="form-label"><b>Landmark</b><span style="color:red">*</span></label>
                                <input type="text" class="form-control" id="Landmark"  maxlength="50" name="Landmark">
                                <span id="landmark_error" style="color:red"></span>

                            </div>
        
                        </div>
                    
                    <div class="col-md-6">
                            <div class="form-group">

                                <label for="" class="form-label"><b>Post Office</b><span style="color:red">*</span></label>
                                <input type="text" class="form-control" id="PostOffice" maxlength="25" name="PostOffice" >
                                <span id="post_office_error" style="color:red"></span>
                            </div>
                    </div>

                    <div class="col-md-6">
                        <div class="form-group">                                                    
      
                            <label for="" class="form-label"><b>Pincode</b><span style="color:red">*</span></label>
                            <input type="text" class="form-control" id="PIN_Code"  maxlength="6" oninput="this.value = this.value.replace(/[^0-9]/g,'');" name="PIN_Code" pattern="\d{6}" title="Please enter a 6-digit PIN code" >
                            <span id="pincode_error" style="color:red"></span>
                        </div>   
                    </div>
                        
            
                         <div class="col-md-6">
                             <div class="form-group">
                                 <label for=""><b>Religion</b></label><br>

                                 <select class="form-control" id="religion" name="religion">
                                        <option value="">select</option>
                                        <option value="Buddhists">Buddhists</option>
                                        <option value="Christian">Christian</option>
                                        <option value="Hindu">Hindu</option>
                                        <option value="Jains">Jains</option>
                                        <option value="Muslims">Muslims</option>
                                        
                                        <option value="Sikhs">Sikhs</option>
                                        <option value="Other religions">Other religions</option>

                                </select>

                                <span id="religion_error" style="color:red"></span>
                                 
                             </div>
                         </div>

                         <div class="col-md-6">
                             <div class="form-group">
                                 <label for=""><b>Category</b><span style="color:red">*</span></label><br>

                                    <select class="form-control"  name="category" id="category">
                                        <option value="">select</option>
                                        <option value="General">General</option>
                                        <option value="SC">SC</option>
                                        <option value="ST">ST</option>
                                        <option value="Minority">Minority</option>
                                    </select>

                                    <span id="category_error" style="color:red"></span>
                             </div>
                         </div>
                        
                        <div class="col-md-6">

                            <div class="form-group">

                                <label><b>PWD</b><span style="color:red">*</span></label><br>
                                <div class="form-check form-check-inline">
                                    <input type="radio" class="form-check-input" name="pwd" class="form-control-check" value="Yes">
                                    <label class="form-check-label">Yes</label>
                                </div>
                                <div class="form-check form-check-inline">
                                    <input type="radio" class="form-check-input" name="pwd" class="form-control-check" value="No">
                                    <label class="form-check-label">No</label>
                                </div>

                                <span id="pwd_error" style="color:red"></span>

                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-group">

                                <label><b>Kudumbashree Member</b><span style="color:red">*</span></label><br>
                                <div class="form-check form-check-inline">
                                    <input type="radio" class="form-check-input" name="KudMember"  value="Yes">
                                    <label class="form-check-label">Yes</label>
                                </div>

                                <div class="form-check form-check-inline">
                                    <input type="radio" class="form-check-input" name="KudMember"  value="No">
                                    <label class="form-check-label">No</label>
                                </div>

                                <span id="kudmemb_error" style="color:red"></span>

                            </div>


                        </div>

                        <div class="col-md-6">
                            <div class="form-group">

                                <label><b>Ration card Type</b><span style="color:red">*</span></label><br>
                                <div class="form-check form-check-inline">
                                    <input type="radio" name="rationCard" class="form-check-input" value="APL">
                                    <label class="form-check-label">APL</label>
                                </div>

                                <div class="form-check form-check-inline">
                                    <input type="radio" name="rationCard" class="form-check-input" value="BPL">
                                    <label class="form-check-label">BPL</label>
                                </div>

                                <span id="ration_card_error" style="color:red"></span>

                            </div>


                        </div>
                         
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for=""><b> Do you belong to MGNREGA Family ?</b><span style="color:red">*</span></label><br>
                                <div class="form-check form-check-inline">
                                <input type="radio" name="mgnrega" class="form-check-input" value="Yes">
                                <label class="form-check-label">Yes</label>
                            </div>

                            <div class="form-check form-check-inline">
                                <input type="radio" name="mgnrega" class="form-check-input" value="No">
                                <label class="form-check-label">No</label>
                            </div>

                            <span id="mgnrega_error" style="color:red"></span>
                            
                            </div>
                        </div> 

                        <div class="col-md-6">
                            <div class="form-group">
                                <label for=""><b> Willing to join for residential courses?</b><span style="color:red">*</span></label><br>
                                <div class="form-check form-check-inline">
                                <input type="radio" name="JoiTocourse" class="form-check-input" value="Yes">
                                <label class="form-check-label">Yes</label>
                            </div>

                            <div class="form-check form-check-inline">
                                <input type="radio" name="JoiTocourse" class="form-check-input" value="No">
                                <label class="form-check-label">No</label>
                            </div>

                            <span id="join_course_error" style="color:red"></span>
                            
                            </div>
                        </div> 
                        
                         <div class="col-md-6">
                             <div class="form-group">
                                <label for=""><b>Courses</b><span style="color:red">*</span></label><br>

                                <select name="course_master" class="form-control" id="course_master">
                                   <option value="">Choose Course</option>

                                   @foreach($course_masters as $key=>$course_master)
                                        <option value="{{ $course_master->id }}">{{ $course_master->tradename }}</option>
                                   @endforeach
                                </select>

                                <span id="course_master_error" style="color:red"></span>
                               
                                      
                                                               
                             </div>
                         </div>
                        
                         <div class="col-md-6">
                                <div class="form-group">
                                    <label for="">Trainings<span style="color:red;">*</span></label><br>
                                    <div class="form-group">
                                        <select name="trainings"  onchange="CheckNoSeats(this.value)" class="form-control" id="trainings">
                                            <option value="">Choose Trainings</option>
                                        </select>

                                        <span id="training_error" style="color:red"></span>
                                    </div>
                                    
                                </div>
                            </div>

                            
                        </div>
                        <div class="row">
                            <div class="col-12 text-right">
                                <hr>
                                <span id="errorMessage" style="color:red;"></span>
                                <div id="ajax-loader" style="display:none" class="alert alert-info">Please wait.Process in progress.......</div>
                                <button type="submit" class="btn btn-primary">Submit</button>
                            </div>
                        </div>
                 <!--form-->

             </div>
             <!-- Card Body -->
         </div>
     </div>
     <!-- Add -->
 </div>

</div>
<!-- /.container-fluid -->

@endsection