@extends('pia.layouts.app')
@section('title','View 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"> {{ $Candidate->name }}'s Details</h1>
     <a href="{{ route('candidateInterestJoinedList') }}" 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">
             <div style="text-align: right;">
                    
                    <span class="d-none d-sm-inline-block btn btn-sm btn-info shadow-sm"><i
                    class="fas fa-sm text-white-50"></i>Profile Status :  @foreach($statuses as $val)
                                   @if($val['id'] == $Candidate->profile_status)
                                      {{ $val['name'] }}
                                   @endif
                               @endforeach
                    </span>
                    
</div><br/>
                 <!--form--> 
                 
                 <form id="candidate_ChangeStatus" action="{{ route('candidate_ChangeStatus') }}" enctype="multipart/form-data" method="post">
                      @csrf
                    <div class="row">
                         <div class="col-md-6">
                             <div class="form-group">
                                 <label for=""><b>Candidate Name</b></label><br>
                                 {{ $Candidate->name  }}<input type="hidden" name="cid" value="{{ $Candidate->id  }}">
                             </div>
                         </div>
                         <div class="col-md-6">
                             <div class="form-group">
                                 <label for=""><b>Email ID</b></label><br>
                                {{ $Candidate->email }}
                             </div>
                         </div>
                         <div class="col-md-6">
                             <div class="form-group">
                                 <label for=""><b>Contact Number</b></label><br>
                                {{ $Candidate->mobile_Number }}
                             </div>
                         </div>  <div class="col-md-6">
                             <div class="form-group">
                                 <label for=""><b>DOB</b></label><br>
                                {{ $Candidate->dob }}
                             </div>
                         </div>
                         <div class="col-md-6">
                             <div class="form-group">
                                 <label for=""><b>Gender</b></label><br>
                                {{ $Candidate->gender }}
                             </div>
                         </div>
                         <div class="col-md-6">
                             <div class="form-group">
                                 <label for=""><b> Willing to join for residential courses?</b></label><br>
                                {{ $Candidate->willingTojoin }}
                             </div>
                         </div>                   
                         <div class="col-md-6">
                             <div class="form-group">
                                 <label for=""><b>Highest Qualification</b></label><br>
                                 {{ $Candidate->Highest_Qualification }}
                             </div>
                         </div>
                         <div class="col-md-6">
                             <div class="form-group">
                                 <label for=""><b>Specify the courses completed.</b></label><br>
                                {{ $Candidate->AdditionalCertificates }}
                             </div>
                         </div>
                  
                         <div class="col-md-6">
                             <div class="form-group">
                                 <label for=""><b>District</b></label><br>
                                 <div class="form-group">
                                    {{ $Candidate->District->name }}
                                 </div>
                                 
                             </div>
                         </div>
                         <div class="col-md-6">
                             <div class="form-group">
                                 <label for=""><b>Localbody Type</b></label><br>
                                 <div class="form-group">
                                    {{ $Candidate->localbodytypes->name_eng }}
                                 </div>
                                 
                             </div>
                         </div>
                         <div class="col-md-6">
                             <div class="form-group">
                                 <label for=""><b>Localbody </b></label><br>
                                 <div class="form-group">
                                    {{ $Candidate->LocalBodyGet->name_eng }}
                                 </div>
                                 
                             </div>
                         </div>
                        
                         <div class="col-md-6">
                             <div class="form-group">
                                
                                   
        <label for="" class="form-label"><b>Building Name/Number</b></label><br>
        @if($Candidate->building_name ) {{ $Candidate->building_name }}
        @else 
       </br>Nill
        @endif 
        
        </div>
</div>
<div class="col-md-6">
                             <div class="form-group">
      
        <label for="" class="form-label"><b>Landmark</b></label><br>
        @if($Candidate->landmark ){{ $Candidate->landmark }}
        @else 
       </br>Nill
        @endif 
        
</div></div><div class="col-md-6">
                             <div class="form-group">

        <label for="" class="form-label"><b>Post Office</b></label><br>
        @if($Candidate->postOffice ) {{ $Candidate->postOffice }}
        @else 
       </br>Nill
        @endif   
                               
        </div></div>
        <div class="col-md-6">
                             <div class="form-group">

        <label for="" class="form-label"><b>Pincode</b></label><br>
        @if($Candidate->pincode ) {{ $Candidate->pincode }}
        @else 
       </br>Nill
        @endif 
</div>   
                             </div>
                        
   
                       <!--  <div class="col-md-6">
                             <div class="form-group">
                                 <label for=""><b>Address</b></label><br>
                                 {{ $Candidate->building_name }}</br>{{ $Candidate->landmark }}
</br>{{ $Candidate->postOffice }}</br>{{ $Candidate->pincode }}
                             </div>
                         </div>-->

                         <div class="col-md-6">
                             <div class="form-group">
                                 <label for=""><b>Religion</b></label><br>
                                 {{ $Candidate->religion }}
                             </div>
                         </div>

                         <div class="col-md-6">
                             <div class="form-group">
                                 <label for=""><b>Category</b></label><br>
                                {{ $Candidate->category }}
                             </div>
                         </div>
                        
                         
                         <div class="col-md-6">
                             <div class="form-group">
                                 <label for=""><b> Do you belong to MGNREGA Family ?</b></label><br>
                                {{ $Candidate->MGNREGA }}
                             </div>
                         </div> 
                        
                         <div class="col-md-6">
                             <div class="form-group">
                                 <label for=""><b>Selected Course</b></label><br>
                                 {{ $Candidate->CourseMasterName->tradename }}</label>
                                       
                                                                  
                             </div>
                         </div>
                        
                         <div class="col-md-6">
                                <div class="form-group">
                                    <label for=""><b>Trainings</b></label><br>
                                    <div class="form-group">
                                    {{ $Candidate->Training->training_name }}
                                    </div>
                                    
                                </div>
                            </div>
                            <div class="col-md-6">
                            <div class="form-group">
                                <label for=""><b>Candidate Status</b></label><br>
                                <div class="form-group">
                                    <select id ="sectordrop_candidate"  name="course_completion_status" class="form-control" required>
                                        <option value="">Choose Status</option>
                                        <option value="3">Completed</option>
                                        <option value="6">Discontinued</option>
                                        <option value="5">Placed</option>
                                    </select>
                                    <span style="color:red" id="Jcourse_completion_status_error"></span>
        
                                </div>    
                            </div>
                        </div>
                        <div class="col-md-6 placed_emp" style="display:none">
                             <div class="form-group">
                                 <label for=""><b>Employee</b></label><br>
                                 
                                                                    <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="radio" name="emp" id="exst_emp" value="1">
                                            <label class="form-check-label" for="kudMember2">Existing Employee</label>
                                        </div>
                                        
                                                                <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="radio" name="emp" id="newemp" value="2" >
                                            <label class="form-check-label" for="kudMember1"> New Employee </label>
                                        </div>
                                      
                             </div>  <span style="color:red" id="emp_error"></span>
        
                             </div> </div>
                         
                    <div class="row exstempselect" style="display:none">
                         <div class="col-md-6 ">
                                <div class="form-group">
                                    <label for=""><b>Employers</b><span style="color:red;">*</span></label><br>
                                    <div class="form-group">
                                        <select name="empid"   class="form-control" id="empid" >
                                            <option value="">Choose Employer</option>
                                            @if ($emplist->isNotEmpty())

                                                @foreach ($emplist as $emp)

                                                <option value="{{$emp->id}}">{{$emp->name}}</option>
                                                @endforeach
                                                @else
                                                <option value="0">Employee List is empty</option>
                                                @endif
                                        </select>
                                        <span style="color:red" id="empid_error"></span>
        
                                    </div>  
                                    <div class="form-group">
                                    <label for=""><b>Job</b><span style="color:red;">*</span></label><br>
                                    <div class="form-group">
                                        <select name="job"   class="form-control" id="job" >
                                            <option value="">Choose job</option>
                                            @if ($jobs->isNotEmpty())

                                                @foreach ($jobs as $job)

                                                <option value="{{$job->id}}">{{$job->name}}</option>
                                                @endforeach
                                                @else
                                                <option value="0">job List is empty</option>
                                                @endif
                                        </select>
                                        <span style="color:red" id="job_error"></span>
        
                                    </div></div>
                                    <div class="form-group">
            <label for="">Job Location<span style="color:red">*</span></label>
                                        <input type="text"  class="form-control" name="jlocation"
                                            placeholder="job location" id="jlocation" maxlength="50">
                                            <span style="color:red" id="JLocation_error"></span>
            </div>
            <div class="form-group">
            <label for="">Foreign Placement<span style="color:red">*</span></label>
            <select  class="form-control" id="fplacement" name="fplacement">
                                        <option value="">select</option>
                                        <option value="Yes">Yes</option>
                                        <option value="No">No</option>                                      
                                    </select>       
            <span style="color:red" id="fplacement_error"></span>                                   
    </div>
    </div></div>
    <div class="col-md-6">
                            <div class="form-group">
        <div class="form-group">
    <label for="">Salary<span style="color:red">*</span></label>
    <input type="text"  class="form-control" name="salary"
        placeholder="salary" id="salary" maxlength="50">
        <span style="color:red" id="salary_error"></span>
    </div>
    
           
            <div class="form-group">
          <label for="">Joining Date<span style="color:red">*</span></label>
            <input type="date" class="form-control" id="jdate"  placeholder="joining date" name="jdate"  >
                                
                                            <span style="color:red" id="jdate_error"></span>
                                     </div>
           <!-- Add more form elements for the first column -->
           <div class="form-group countrydiv" style="display:none">
                <label for="">Country<span style="color:red">*</span></label>
                <select class="form-control" id="country" name="country" >
                                            <option value="">Select Country</option>
                                        @if ($data['country']->isNotEmpty())

                                            @foreach ($data['country'] as $country)
                                        
                                           <option value="{{$country->id}}">{{$country->name}}</option>
                                           @endforeach
                                           @else
                                           <option value="0">Country List is empty</option>
                                           @endif
                                        </select>
                    <span style="color:red" id="country_error"></span>
            </div>

        </div>
</div>                                
</div>
                             
                 
                        <div class="row upload_cv" style="display:none">
                        
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="">CV</label>
                                <input type="file"  class="form-control" id="cvupload" name="attachment" accept=".pdf">
                                <small>(Max size: 2 MB)</small>
                                <br>
                                               
                                    <span id="errorMessage">Only Pdf documents of maximum size of 2MB allowed</span>           
                                        
                                    <script>
        document.getElementById('cvupload').addEventListener('change', handleFileChange);

        function handleFileChange() {
            var fileInput = document.getElementById('cvupload');
            var errorMessage = document.getElementById('errorMessage');

            // Check if a file is selected
            if (fileInput.files && fileInput.files.length > 0) {
                var fileSize = fileInput.files[0].size; // Size in bytes
                var maxSize = 2 * 1024 * 1024; // 2 MB in bytes

                if (fileSize > maxSize) {
                    errorMessage.textContent = 'File size exceeds the allowed limit (2 MB). Please choose a smaller file.';
                    errorMessage.style.color = 'red';
                    // Clear the selected file
                    fileInput.value = '';
                } else {
                    errorMessage.textContent = 'Only PDF documents of a maximum size of 2MB allowed';
                    errorMessage.style.color = '#858796'; // Reset to default color if no file selected
                }
            } else {
                errorMessage.textContent = 'Only PDF documents of a maximum size of 2MB allowed';
                errorMessage.style.color = '#858796'; // Reset to default color if no file selected
            }
        }
    </script>
                                </div>

</div>
</div>

 <div class="row newempselect" style="display:none">

    <!-- First Column -->
    <div class="col-md-6">
        <div class="form-group">
            <label for=""><b>Employer Details</b><span style="color:red;">*</span></label><br>

            <div class="form-group">
                <label for="">Employer Name<span style="color:red">*</span></label>
                <input type="text"  class="form-control" name="employer_name" placeholder="Employer Name" id="employer_name" maxlength="50">
                <span style="color:red" id="employer_name_error"></span>
            </div>

            <div class="form-group">
                <label for="">Pan Number<span style="color:red">*</span></label>
                <input type="text"  class="form-control pan_number" name="pan_number" placeholder="Pan Pumber" id="pan_number" maxlength="50">
                <span style="color:red" id="pan_number_error"></span>
            </div>
            <div class="form-group">
                <label for="">Email<span style="color:red">*</span></label>
                <input type="text"  class="form-control nEmail" name="nemail" placeholder="Email" id="nemail" maxlength="50">
                <span style="color:red" id="nemail_error"></span>
            </div>
            <div class="form-group">
            <label for="">Job <span style="color:red">*</span></label>
                                        <input  type="text" class="form-control" name="njob"
                                            placeholder="Job " id="njob" maxlength="50">
                                            <span style="color:red" id="njob_error"></span>
                                     
                                            </div> 
                                            
            <div class="form-group">
            <label for="">Job Location<span style="color:red">*</span></label>
                                        <input  type="text" class="form-control" name="njlocation"
                                            placeholder="Job Location" id="njlocation" maxlength="50">
                                            <span style="color:red" id="njlocation_error"></span>
                                     
                                            </div></div> 
                                            </div>
                                            <div class="col-md-6">
                                            <div class="form-group">
                                            <label for="">Foreign Placement<span style="color:red">*</span></label>
                                            <select  class="form-control" id="nfplacement" name="nfplacement">
                                        <option value="">select</option>
                                        <option value="Yes">Yes</option>
                                        <option value="No">No</option>                                      
                                    </select>     
                                            <span style="color:red" id="nfplacement_error"></span>
                                   
    </div> <div class="form-group">
                                        <label for="">Category<span style="color:red">*</span></label>
                                        <input  type="text" class="form-control" name="category"
                                            placeholder="category" id="category" maxlength="50">
                                            <span style="color:red" id="category_error"></span>
                                     </div>
                                            <div class="form-group">
                                        <label for="">Salary<span style="color:red">*</span></label>
                                        <input  type="text" class="form-control" name="nsalary"
                                            placeholder="salary" id="nsalary" maxlength="50">
                                            <span style="color:red" id="nsalary_error"></span>
                                     </div>
                                     <div class="form-group">
          <label for="">Joining Date<span style="color:red">*</span></label>
            <input type="date" class="form-control" id="njdate"  placeholder="joining date" name="njdate"  >
                                
                                            <span style="color:red" id="njdate_error"></span>
                                     </div>
             <!-- Add more form elements for the first column -->
           <div class="form-group countrydiv" style="display:none">
                <label for="">Country<span style="color:red">*</span></label>
                <select class="form-control" id="ncountry" name="ncountry" >
                                            <option value="">Select Country</option>
                                        @if ($data['country']->isNotEmpty())

                                            @foreach ($data['country'] as $country)
                                        
                                           <option value="{{$country->id}}">{{$country->name}}</option>
                                           @endforeach
                                           @else
                                           <option value="0">Country List is empty</option>
                                           @endif
                                        </select>
                    <span style="color:red" id="Country_error"></span>
            </div>


        </div>
    </div>
    </div></div>
                        <div class="row">
                            <div class="col-12 text-right">
                                <hr>
                                <div id="ajax-loader" style="display:none" class="alert alert-info">Please wait.Process in progress.......</div>
                              
                                <button type="button" class="btn btn-primary submit mt-0 mb-3 candidate_Change_Status" id="candidate_Change_Status">Submit</button>
              
                            </div>
                        </div>
                 <!--form-->

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

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

@endsection