@extends('layouts.master')
@php
    use Illuminate\Support\Facades\Storage;
@endphp
@section('title', $title) 
@section('content')
 
<link href="{{ asset('css/AddCandidates.css') }}" rel="stylesheet">
<section class="content">
    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <div class="card">
					<div class="color">
						<form>
							<div class="box">
								<div class="first-box">
									<img src="{{ asset('images/Candidatesicon.png') }}" />
									<div class="Present">
										<p>Candidate Create</p>
									</div>
								</div>
							</div>
							 
						</form>
					</div>
                    <!-- /.card-header -->
                    @if ($error = Session::get('error'))
                    <div class="alert alert-danger">
                        <p>{{ $error }}</p>
                    </div>
                    @endif
                    @if ($message = Session::get('message'))
                    <div class="alert alert-success">
                        <p>{{ $message }}</p>
                    </div>
                    @endif
                    @if (count($errors) > 0)
                    <div class="alert alert-danger">
                        <strong>Whoops!</strong> There were some problems with your input.<br><br>
                        <ul>
                            @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                    @endif
                    <form action="{{ route('candidates.store') }}" method="POST" enctype='multipart/form-data' id="letter-form">
                        <div class="mycontait">
                            @csrf
                             <input type="hidden" name="sourceList" id="sourceListInput" value="">
                            <div class="left_upper" style="padding-top:27px;">
								<div class="h1">
									<h1 style="color: #050d9e !important;">Manually Enter Information</h1>
								</div>
                                <div class="d-flex">
									<div class="vancy">
										<label for="inputFirstName">First Name*:</label>
										<div>
											<input type="text" name="first_name" class="vancy1" id="inputFirstName" value="{{ old('first_name') ? old('first_name'):$first_name; }}" required>
										</div>
									</div>
                                </div>
                                <div class="d-flex">
									<div class="vancy">
										<label for="inputMiddleName">Middle Name:</label>
										<div>
											<input type="text" name="middle_name" class="vancy1" id="inputMiddleName" value="{{ old('middle_name')? old('middle_name'):$middle_name; }}">
										</div>
									</div>
                                </div>
                                <div class="d-flex">
									<div class="vancy">
										<label for="lastName">Last Name*:</label>
										<div>
											<input type="text" name="last_name" class="vancy1" id="lastName" value="{{ old('last_name')? old('last_name'):$last_name; }}" required>
										</div>
									</div>
                                </div>
                                <div class="d-flex">
									<div class="vancy">
										<label for="inputEmail1">E-Mail*:</label>
										<div>
											<input type="email" name="email1" class="vancy1 getIDByEmailPan" id="inputEmail1" value="{{ old('email1')? old('email1'):$email1; }}" required>
										</div>
									</div>
                                </div>
								 <div class="d-flex">
									<div class="vancy">
										<label for="inputHomePhone">Phone No.*:</label>
										<div>
											<input type="text" name="phone_work" class="vancy1" id="inputHomePhone" value="{{ old('phone_work')? old('phone_work'):$phone_work; }}" required>
										</div>
									</div>
                                </div>
								<div class="d-flex">
									<div class="vancy">
										<label for="inputHomePhone">No. of Support Projects completed*:</label>
										<div>
											<input type="text" name="supportProjectCompleted" class="vancy1" id="inputHomePhone" value="{{ old('supportProjectCompleted')? old('supportProjectCompleted'):$supportProjectCompleted; }}" required>
										</div>
									</div>
                                </div>
								<div class="d-flex">
									<div class="vancy">
										<label for="inputHomePhone">Certifications*:</label>
										<div>
											<input type="text" name="certifications" class="vancy1" id="inputHomePhone" value="{{ old('certifications')? old('certifications'):$certifications; }}" required>
										</div>
									</div>
                                </div><div class="d-flex">
									<div class="vancy">
										<label for="inputHomePhone">Current CTC*:</label>
										<div>
											<input type="text" name="currentCTC" class="vancy1" id="inputHomePhone" value="{{ old('currentCTC')? old('currentCTC'):$currentCTC; }}" required>
										</div>
									</div>
                                </div><div class="d-flex">
									<div class="vancy">
										<label for="inputHomePhone">Exp. CTC*:</label>
										<div>
											<input type="text" name="ExpectedCTC" class="vancy1" id="inputHomePhone" value="{{ old('ExpectedCTC')? old('ExpectedCTC'):$ExpectedCTC; }}" required>
										</div>
									</div>
                                </div><div class="d-flex">
									<div class="vancy">
										<label for="inputHomePhone">How Did You Come Across This Job*:</label>
										<div>
										 
											<select name="source" id="source" class="custom-select mr-sm-2 maine_vancy4 vancy2" required /> 
												<option value="1">LinkedIn</option>
												<option value="2">Job Portal</option>
												<option value="3">Company HR</option>
												<option value="4">Job Consultant</option>
												<option value="5">Colleague from the past company</option>
											</select>
										</div>
									</div>
                                </div>
								<div class="d-flex">
									<div class="vancy">
										<label for="inputHomePhone">Notice Period<br>(In Days):</label>
										<div>
											<input type="text" name="notice_period" class="vancy1" id="inputHomePhone" value="{{ old('notice_period')? old('notice_period'):$notice_period; }}" required>
										</div>
									</div>
                                </div>
								<div class="d-flex">
									<div class="vancy">
										<label for="inputHomePhone">Last working day (if serving Notice Period)*:</label>
										<div>
											<input type="text" name="servingNoticePeriod" class="vancy1" id="inputHomePhone" value="{{ old('servingNoticePeriod')? old('servingNoticePeriod'):$servingNoticePeriod; }}" required>
										</div>
									</div>
                                </div>
								<div class="d-flex"> 
									<div class="vancy"> 
										<label for="inputNotesKeySkills">Year of Experience*:</label>
										<div><input type="text" name="totalExperience" class="vancy1" id="inputNotesKeySkills"></div>
									</div>
								</div>
									 <div class="d-flex"> 
                                        <div class="vancy"> 
                                            <label>Relevant Experience:</label>
                                            <div><input type="text" name="relevantExperience" class="vancy1" id="relevantExperience"></div>
                                        </div>
                                    </div>
									<div class="d-flex"> 
                                        <div class="vancy"> 
                                            <label>No. of E2E Implementation Projects completed:</label>
                                            <div><input type="text" name="E2EProjectCompleted" class="vancy1" id="inputPostalCode"></div>
                                        </div>
                                    </div>
								
                                
											<input type="hidden" name="email2" class="vancy1 getIDByEmailPan" id="inputEmail2"> 
								
								<!--div>
									<div class="vancy">
										<label for="inputWebsite">Web Site:</label>
										<div>
											<input type="text" name="website" class="vancy1" id="inputWebsite">
										</div>
									</div>
                                </div>
                               
                              
                                <div>
									<div class="vancy">
										<label for="inputCellPhone">Cell Phone*:</label>
										<div>
											<input type="text" name="phone_cell" class="vancy1" id="inputCellPhone" required>
										</div>
									</div>
                                </div>
								<div class="d-flex">
									<div class="vancy">
										<label for="inputWorkHome">Work Phone</label>
										<div><input type="text" name="phone_work" class="vancy1" id="inputWorkHome" ></div>
									</div>
                                </div>

								<div>
									<div class="vancy">
										<label for="inputAddress">Address*:</label>
										<div><input type="text" name="address" class="vancy2" id="inputAddress" required></input></div>
									</div>
                                </div>
								<div class="d-flex">
									<div class="vancy">
										<label for="inputCity">City*:</label>
										<div><input type="text" name="city" class="vancy1" id="inputCity" required></div>
									</div>
                                </div>
								<div class="d-flex">
									<div class="vancy">
										<label for="inputState">State*:</label>
										<div><input type="text" name="state" class="vancy1" id="inputState" value="{{ old('state')? old('state'):$state1; }}" required></div>
									</div>
                                </div>
								<div class="d-flex">
									<div class="vancy">
										<label for="inputPostalCode">Postal Code:</label>
										<div><input type="text" name="pincode" class="vancy1" id="inputPostalCode" value="{{ old('pincode')? old('pincode'):$pincode1; }}"></div>
									</div>
                                </div>
								<div class="d-flex">
									<div class="vancy">
										<label for="inputBestTimeCall">Best Time to Call:</label>
										<div><input type="text" name="best_time_to_call" class="vancy1" id="inputBestTimeCall" ></div>
									</div>
                                </div>
								<div class="d-flex">
									<div class="vancy">
										<label for="inputBestTimeCall">Date Of Birth*:</label>
										<div><input type="date" name="dob" class="vancy1" value=""required></div>
									</div>
                                </div-->
							</div>
							
							
							
							<div class="left_upper"  style="padding-top:27px;">
								<div class="h1">
									<h1 style="color: #050d9e !important;">Import Resume</h1>
								</div>
								<div>
									<h2>Upload Files</h2>
								</div>

									<div class="vancy">
										@if(!empty($attachment))
											<input type="hidden" name="attachment_id" value="{{ $attachment->attachment_id }}">
											<input type="hidden" id="cdAttachmentAction" name="attachment_action" value="save">
										@endif
										<div class="choose_file">
											<input type="file" name="documentFile" class="vancy1" id="inputResume">
											<input type="submit" class="btn btn-default vancy1" value="Upload" name="loaddocument">    
											@if(!empty($attachment))
												<span id="candidateAttachment" style="width:100px;"><b>Attachment</b>:{{ $attachment->original_filename }} <a href="javascript:void(0)" id="cdRemoveAttachment">remove</a></span>
											@endif
										</div>
									</div>
									<div class="page-wrapper box-content">
										<div class="vancy">
										<textarea class="content1" name="documentText" class="vancy1">{!! $content !!}</textarea>
										</div>
										<div class="text2">
											<p>(hint: you may also paste the resume contents)</p>
										</div>
										<div class="text3">
										<!--<p>
											Need to upload multiple resumes?<strong style="color: #6610f2"
											>Click here!</strong
											>
										</p> -->
									</div> 
                                </div><br/><br/>
								<div class="d-flex"> 
									<div class="vancy"> 
										<label>Current Organisation:</label>
										<div><input type="text" name="current_employer" class="vancy1" id="inputPostalCode"></div>
									</div>
								</div>
									<div class="d-flex"> 
                                        <div class="vancy"> 
                                            <label>Current Location:</label>
                                            <div><input type="text" name="currentLocation" class="vancy1" id="inputPostalCode"></div>
                                        </div>
                                    </div>
									<div class="d-flex"> 
                                        <div class="vancy"> 
                                            <label>Expected Location:</label>
                                            <div><input type="text" name="expectedLocation" class="vancy1" id="inputPostalCode"></div>
                                        </div>
                                    </div><div class="d-flex"> 
                                        <div class="vancy"> 
                                            <label>Qualification:</label>
                                            <div><input type="text" name="qualification" class="vancy1" id="inputPostalCode"></div>
                                        </div>
                                    </div><div class="d-flex"> 
                                        <div class="vancy"> 
                                            <label>Current Organisation:</label>
                                            <div><input type="text" name="current_employer" class="vancy1" id="inputPostalCode"></div>
                                        </div>
                                    </div>
									
								
								
								<!---div class="d-flex">
									<div class="vancy">
										<label for="inputNotesKeySkills">Key Skills*:</label>
										<input type="text" name="key_skills" class="vancy1" id="inputNotesKeySkills">
									</div>
								</div>
								<div class="d-flex">
									<div class="vancy">
										<label for="inputNotesKeySkills">Year of Experience*:</label>
										<input type="number" name="year_of_experience" class="vancy1" id="inputNotesKeySkills" value="{{ old('year_of_experience')? old('year_of_experience'):$year_of_experience; }}">
									</div>
								</div>
								<div class="d-flex">
									<div class="vancy">
										<label for="inputNotesKeySkills">Notice Period(In Days):</label>
										<input type="number" name="notice_period" class="vancy1" id="inputNotesKeySkills" value="">
									</div>
								</div--->
                            </div>
                        </div>
						<!--div class="h2">
							<h1>Others</h1>
						</div>
						<div class="mycontait">
							<div class="left_upper">
								<div class="d-flex">
									<div class="vancy">
										<label>Martial Status:</label>
										<div><input type="text" name="martial_status" class="vancy1" value="{{ old('martial_status')? old('martial_status'):$martial_status1; }}"></div>
									</div>
								</div>
								<div class="d-flex">
									<div class="vancy">
										<label for="inputcanRelocate">Can Relocate:</label>
										<input type="checkbox" name="can_relocate" class="checkbox90" id="inputcanRelocate" {{ old('can_relocate') ? 'checked' : '' }}>
									</div>
                                </div>
								<div class="d-flex">
									<div class="vancy">
										<label for="inputcurrentEmployer">Current Employer:</label>
										<div><input type="text" name="current_employer" class="vancy1" id="inputcurrentEmployer"></div>
									</div>
                                </div>
								<div class="d-flex">
									<div class="vancy">
										<label for="inputDesiredPay">Desired Pay:</label>
										<div><input type="text" name="desired_pay" class="vancy1" id="inputDesiredPay"></div>
									</div>
								</div>
								
								<div class="d-flex">
									<div class="vancy">
										<label for="inputDateAvailable">Date Available:</label>
										<div><input type="date" name="date_available" class="vancy1" id="inputDateAvailable"></div>
									</div>
								</div>
								<div class="d-flex">
									<div class="vancy">
										<label for="inputCurrentPay">Current Pay:</label>
										<input type="text" name="current_pay" class="vancy1" id="inputCurrentPay">
									</div>
								</div>
								<div class="d-flex">
									<div class="vancy">
										<label for="sourceSelect">Source:</label>
											<select class="vancy1" name="source" id="sourceSelect">
											<option value="edit">Edit Source</option>
											<option value="no" selected>No Source</option>
										</select>
									</div>
								</div>
								
								<div class="d-flex">	
									<div class="vancy">
										<label>Misc Notes:</label>
										<div><input type="text" name="notes" class="vancy2" id="inputNotes"></input></div>
									</div>
								</div>
							</div>
							<div class="left_upper">
								@if(!empty($extraFields) && count($extraFields))
									@foreach($extraFields as $field)
									<div class="d-flex">
										<div class="vancy">
											<label for="{{ $field['field_name'] }}">{{ ucfirst($field['field_name']) }}:</label>
											{!! $field['addHTML'] !!}
										</div>
									</div>
									@endforeach
								@endif
							</div>
						</div-->
						<button class="btn-submit" type="submit" id="for-sub" >Submit</button>
						<button class="btn1-back"><a href="{{ route('candidates.index') }}">Back</a></button>
                       
                    </form>
                </div>
                <!-- /.card-body -->
            </div>
            </div>
            <!-- /.card -->
        </div>
        <!-- /.col -->
    </div>
    <!-- /.row -->
    </div>
    <!-- /.container-fluid -->
</section>
@include('candidates::partials.add-source-modal');
@endsection
<script src="https://code.jquery.com/jquery-3.5.1.min.js" crossorigin="anonymous"></script>
<style type="text/css">
	.vancy1 {  border-radius: 7px !important;  height: 42px !important;  }
	.vancy2{border-radius: 7px !important;}
</style>
<script>
    $(function() { 
	  $('.form-select').addClass('vancy1');
    })
	
	$(document).on("click","#for-sub",function() {
		$('#loader').show();
		$(this).attr("disabled", 'disabled'); 
		$("#letter-form").submit();
    });
</script>