@extends('front.layout.app')
@section('title', 'Job Detail')
@section('content')

    <div class="innerBanner">
        <img src="{{asset('front/images/aboutBanner.jpg')}}" class="w-100">
        <h2>Careers</h2>
    </div>
    <section class="careerSec">
        <div class="container">
            <div class="row">
{{--                <div class="col-12">--}}
{{--                    <div class="text-center mainHeading title wow fadeInUp" data-wow-delay="0.4s">--}}
{{--                        <h2>Careers</h2>--}}
{{--                    </div>--}}
{{--                </div>--}}
                <div class="col-12">
                    <div class="title wow fadeInLeft" data-wow-delay="0.2s">
                        <h2>{{$content->title}}</h2>
                    </div>
                    {!! $content->description ?? '' !!}
                </div>
                <div class="col-12">
                    <div class="title wow fadeInLeft" data-wow-delay="0.2s">
                        <h2>Responsibilities:</h2>
                    </div>
                    {!! $content->responsibility ?? '' !!}
                </div>
                <div class="col-12">
                    <div class="title wow fadeInLeft" data-wow-delay="0.2s">
                        <h2>Requirements:</h2>
                    </div>
                    {!! $content->requirements ?? '' !!}
                    <ul>
                        <li class="wow fadeInLeft" data-wow-delay="0.2s">Attention to detail.</li>
                        <li class="wow fadeInLeft" data-wow-delay="0.2s"><strong>Job Types:</strong></li>
                        <li class="wow fadeInLeft" data-wow-delay="0.2s">{{$content->job_type}}</li>
                        <li class="wow fadeInLeft" data-wow-delay="0.2s"><strong>Pay:</strong></li>
                        <li class="wow fadeInLeft" data-wow-delay="0.2s">{{$content->pay}}</li>
                        <li class="wow fadeInLeft" data-wow-delay="0.2s"><strong>Benefits:</strong></li>
                        <li class="wow fadeInLeft" data-wow-delay="0.2s">{!! $content->benefits !!}</li>
                        <li class="wow fadeInLeft" data-wow-delay="0.2s"><strong>Schedule:</strong></li>
                        <li class="wow fadeInLeft" data-wow-delay="0.2s">{!! $content->schedule !!}</li>
                        @if($content->experience != null)
                            <li class="wow fadeInLeft" data-wow-delay="0.2s"><strong>Experience:</strong></li>
                            <li class="wow fadeInLeft" data-wow-delay="0.2s">{{$content->experience}}</li>
                        @endif
                        @if($content->certification != null)
                            <li class="wow fadeInLeft" data-wow-delay="0.2s"><strong>Certification:</strong></li>
                            <li class="wow fadeInLeft" data-wow-delay="0.2s">{{$content->certification}}</li>
                        @endif
                        @if($content->licence != null)
                            <li class="wow fadeInLeft" data-wow-delay="0.2s"><strong>License:</strong></li>
                            <li class="wow fadeInLeft" data-wow-delay="0.2s">{{$content->licence}}</li>
                        @endif
                        @if($content->positions > 0)
                            <li class="wow fadeInLeft" data-wow-delay="0.2s"><strong>Positions:</strong></li>
                            <li class="wow fadeInLeft" data-wow-delay="0.2s">{{$content->positions}}</li>
                        @endif

                    </ul>
                </div>
                <div class="col-12 mt-5">
                    <form action="{{url('careers/job-application/'.$content->id)}}" class="container-fluid p-0" method="post" enctype="multipart/form-data">
                        @if(Session::has('success'))
                            <div class="alert alert-success">{{Session::get('success')}}</div>
                        @endif
                        <div class="row">
                            @csrf
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="">First Name*</label>
                                    <input type="text" class="form-control @error('first_name') is-invalid @enderror" name="first_name" value="{{old('first_name')}}">
                                    @error('first_name') <span class="invalid-feedback" role="alert"><strong>{{$message}}</strong></span> @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="">Last Name*</label>
                                    <input type="text" class="form-control @error('last_name') is-invalid @enderror" name="last_name" value="{{old('last_name')}}">
                                    @error('last_name') <span class="invalid-feedback" role="alert"><strong>{{$message}}</strong></span> @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="">Date of Birth*</label>
                                    <input type="date" class="form-control @error('dob') is-invalid @enderror" name="dob" id="dob" value="{{old('dob')}}">
                                    @error('dob') <span class="invalid-feedback" role="alert"><strong>{{$message}}</strong></span> @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="">M.I*</label>
                                    <input type="text" class="form-control @error('mi') is-invalid @enderror" name="mi" value="{{old('mi')}}">
                                    @error('mi') <span class="invalid-feedback" role="alert"><strong>{{$message}}</strong></span> @enderror
                                </div>
                            </div>
                            <div class="col-12">
                                <div class="title">
                                    <h2>Contact Info</h2>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="">Phone Number*</label>
                                    <input type="text" class="form-control @error('phone') is-invalid @enderror" name="phone" value="{{old('phone')}}">
                                    @error('phone') <span class="invalid-feedback" role="alert"><strong>{{$message}}</strong></span> @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="">Email*</label>
                                    <input type="email" class="form-control @error('email') is-invalid @enderror" name="email" value="{{old('email')}}">
                                    @error('email') <span class="invalid-feedback" role="alert"><strong>{{$message}}</strong></span> @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="">Confirm Email*</label>
                                    <input type="email" class="form-control @error('email_confirmation') is-invalid @enderror" name="email_confirmation" value="{{old('email_confirmation')}}">
                                    @error('email_confirmation') <span class="invalid-feedback" role="alert"><strong>{{$message}}</strong></span> @enderror
                                </div>
                            </div>
                            <div class="col-12">
                                <div class="title">
                                    <h2>Availability</h2>
                                </div>
                            </div>
{{--                            <div class="col-md-6">--}}
{{--                                <div class="form-group">--}}
{{--                                    <label for="">Position Applying For</label>--}}
{{--                                    <input type="text" class="form-control" name="position">--}}
{{--                                </div>--}}
{{--                            </div>--}}
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="">Expected Salary*</label>
                                    <input type="text" class="form-control @error('expected_salary') is-invalid @enderror" name="expected_salary" value="{{old('expected_salary')}}">
                                    @error('expected_salary') <span class="invalid-feedback" role="alert"><strong>{{$message}}</strong></span> @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="">Available Start Date*</label>
                                    <input type="date" class="form-control @error('start_date') is-invalid @enderror" id="start_date" name="start_date" value="{{old('start_date')}}">
                                    @error('start_date') <span class="invalid-feedback" role="alert"><strong>{{$message}}</strong></span> @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="">Monday*</label>
                                    <div class="d-flex justify-content-around">
                                        <div class="text-center">
                                            <label for="mon_availability_open" class="d-block innerLabel">Open</label>
                                            <input type="radio" id="mon_availability_open" name="mon_availability" value="open" @if(old('mon_availability') == 'open') checked @endif>
                                        </div>
                                        <div class="text-center">
                                            <label for="mon_availability_morning" class="d-block innerLabel">Morning </label>
                                            <input type="radio" id="mon_availability_morning" name="mon_availability" value="morning" @if(old('mon_availability') == 'morning') checked @endif>
                                        </div>
                                        <div class="text-center">
                                            <label for="monday_availability_afternoon" class="d-block innerLabel">Afternoon </label>
                                            <input type="radio" id="mon_availability_afternoon" name="mon_availability" value="afternoon" @if(old('mon_availability') == 'afternoon') checked @endif>
                                        </div>
                                        <div class="text-center">
                                            <label for="monday_availability_evening" class="d-block innerLabel">Evening </label>
                                            <input type="radio" id="mon_availability_evening" name="mon_availability" value="evening" @if(old('mon_availability') == 'evening') checked @endif>
                                        </div>
                                        <div class="text-center">
                                            <label for="monday_availability_night" class="d-block innerLabel">Night </label>
                                            <input type="radio" id="mon_availability_night" name="mon_availability" value="night" @if(old('mon_availability') == 'night') checked @endif>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="">Tuesday*</label>
                                    <div class="d-flex justify-content-around">
                                        <div class="text-center">
                                            <label for="tue_availability_open" class="d-block innerLabel">Open</label>
                                            <input type="radio" id="tue_availability_open" name="tue_availability" value="open" @if(old('tue_availability') == 'open') checked @endif>
                                        </div>
                                        <div class="text-center">
                                            <label for="tue_availability_morning" class="d-block innerLabel">Morning </label>
                                            <input type="radio" id="tue_availability_morning" name="tue_availability" value="morning" @if(old('tue_availability') == 'morning') checked @endif>
                                        </div>
                                        <div class="text-center">
                                            <label for="tue_availability_afternoon" class="d-block innerLabel">Afternoon </label>
                                            <input type="radio" id="tue_availability_afternoon" name="tue_availability" value="afternoon" @if(old('tue_availability') == 'afternoon') checked @endif>
                                        </div>
                                        <div class="text-center">
                                            <label for="tue_availability_evening" class="d-block innerLabel">Evening </label>
                                            <input type="radio" id="tue_availability_evening" name="tue_availability" value="evening" @if(old('tue_availability') == 'evening') checked @endif>
                                        </div>
                                        <div class="text-center">
                                            <label for="tue_availability_night" class="d-block innerLabel">Night </label>
                                            <input type="radio" id="tue_availability_night" name="tue_availability" value="night" @if(old('tue_availability') == 'night') checked @endif>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="">Wednesday*</label>
                                    <div class="d-flex justify-content-around">
                                        <div class="text-center">
                                            <label for="wed_availability_open" class="d-block innerLabel">Open</label>
                                            <input type="radio" id="wed_availability_open" name="wed_availability" value="open" @if(old('wed_availability') == 'open') checked @endif>
                                        </div>
                                        <div class="text-center">
                                            <label for="wed_availability_morning" class="d-block innerLabel">Morning </label>
                                            <input type="radio" id="wed_availability_morning" name="wed_availability" value="morning" @if(old('wed_availability') == 'morning') checked @endif>
                                        </div>
                                        <div class="text-center">
                                            <label for="wed_availability_afternoon" class="d-block innerLabel">Afternoon </label>
                                            <input type="radio" id="wed_availability_afternoon" name="wed_availability" value="afternoon" @if(old('wed_availability') == 'afternoon') checked @endif>
                                        </div>
                                        <div class="text-center">
                                            <label for="wed_availability_evening" class="d-block innerLabel">Evening </label>
                                            <input type="radio" id="wed_availability_evening" name="wed_availability" value="evening" @if(old('wed_availability') == 'evening') checked @endif>
                                        </div>
                                        <div class="text-center">
                                            <label for="wed_availability_night" class="d-block innerLabel">Night </label>
                                            <input type="radio" id="wed_availability_night" name="wed_availability" value="night" @if(old('wed_availability') == 'night') checked @endif>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="">Thursday*</label>
                                    <div class="d-flex justify-content-around">
                                        <div class="text-center">
                                            <label for="thu_availability_open" class="d-block innerLabel">Open</label>
                                            <input type="radio" id="thu_availability_open" name="thu_availability" value="open" @if(old('thu_availability') == 'open') checked @endif>
                                        </div>
                                        <div class="text-center">
                                            <label for="thu_availability_morning" class="d-block innerLabel">Morning </label>
                                            <input type="radio" id="thu_availability_morning" name="thu_availability" value="morning" @if(old('thu_availability') == 'morning') checked @endif>
                                        </div>
                                        <div class="text-center">
                                            <label for="thu_availability_afternoon" class="d-block innerLabel">Afternoon </label>
                                            <input type="radio" id="thu_availability_afternoon" name="thu_availability" value="afternoon" @if(old('thu_availability') == 'afternoon') checked @endif>
                                        </div>
                                        <div class="text-center">
                                            <label for="thu_availability_evening" class="d-block innerLabel">Evening </label>
                                            <input type="radio" id="thu_availability_evening" name="thu_availability" value="evening" @if(old('thu_availability') == 'evening') checked @endif>
                                        </div>
                                        <div class="text-center">
                                            <label for="thu_availability_night" class="d-block innerLabel">Night </label>
                                            <input type="radio" id="thu_availability_night" name="thu_availability" value="night" @if(old('thu_availability') == 'night') checked @endif>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="">Friday*</label>
                                    <div class="d-flex justify-content-around">
                                        <div class="text-center">
                                            <label for="fri_availability_open" class="d-block innerLabel">Open</label>
                                            <input type="radio" id="fri_availability_open" name="fri_availability" value="open" @if(old('fri_availability') == 'open') checked @endif>
                                        </div>
                                        <div class="text-center">
                                            <label for="fri_availability_morning" class="d-block innerLabel">Morning </label>
                                            <input type="radio" id="fri_availability_morning" name="fri_availability" value="morning" @if(old('fri_availability') == 'morning') checked @endif>
                                        </div>
                                        <div class="text-center">
                                            <label for="fri_availability_afternoon" class="d-block innerLabel">Afternoon </label>
                                            <input type="radio" id="fri_availability_afternoon" name="fri_availability" value="afternoon" @if(old('fri_availability') == 'afternoon') checked @endif>
                                        </div>
                                        <div class="text-center">
                                            <label for="fri_availability_evening" class="d-block innerLabel">Evening </label>
                                            <input type="radio" id="fri_availability_evening" name="fri_availability" value="evening" @if(old('fri_availability') == 'evening') checked @endif>
                                        </div>
                                        <div class="text-center">
                                            <label for="fri_availability_night" class="d-block innerLabel">Night </label>
                                            <input type="radio" id="fri_availability_night" name="fri_availability" value="night" @if(old('fri_availability') == 'night') checked @endif>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="">Saturday*</label>
                                    <div class="d-flex justify-content-around">
                                        <div class="text-center">
                                            <label for="sat_availability_open" class="d-block innerLabel">Open</label>
                                            <input type="radio" id="sat_availability_open" name="sat_availability" value="open" @if(old('sat_availability') == 'open') checked @endif>
                                        </div>
                                        <div class="text-center">
                                            <label for="sat_availability_morning" class="d-block innerLabel">Morning </label>
                                            <input type="radio" id="sat_availability_morning" name="sat_availability" value="morning" @if(old('sat_availability') == 'morning') checked @endif>
                                        </div>
                                        <div class="text-center">
                                            <label for="sat_availability_afternoon" class="d-block innerLabel">Afternoon </label>
                                            <input type="radio" id="sat_availability_afternoon" name="sat_availability" value="afternoon" @if(old('sat_availability') == 'afternoon') checked @endif>
                                        </div>
                                        <div class="text-center">
                                            <label for="sat_availability_evening" class="d-block innerLabel">Evening </label>
                                            <input type="radio" id="sat_availability_evening" name="sat_availability" value="evening" @if(old('sat_availability') == 'evening') checked @endif>
                                        </div>
                                        <div class="text-center">
                                            <label for="sat_availability_night" class="d-block innerLabel">Night </label>
                                            <input type="radio" id="sat_availability_night" name="sat_availability" value="night" @if(old('sat_availability') == 'night') checked @endif>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="">Sunday*</label>
                                    <div class="d-flex justify-content-around">
                                        <div class="text-center">
                                            <label for="sun_availability_open" class="d-block innerLabel">Open</label>
                                            <input type="radio" id="sun_availability_open" name="sun_availability" value="open" @if(old('sun_availability') == 'open') checked @endif>
                                        </div>
                                        <div class="text-center">
                                            <label for="sun_availability_morning" class="d-block innerLabel">Morning </label>
                                            <input type="radio" id="sun_availability_morning" name="sun_availability" value="morning" @if(old('sun_availability') == 'morning') checked @endif>
                                        </div>
                                        <div class="text-center">
                                            <label for="sun_availability_afternoon" class="d-block innerLabel">Afternoon </label>
                                            <input type="radio" id="sun_availability_afternoon" name="sun_availability" value="afternoon" @if(old('sun_availability') == 'afternoon') checked @endif>
                                        </div>
                                        <div class="text-center">
                                            <label for="sun_availability_evening" class="d-block innerLabel">Evening </label>
                                            <input type="radio" id="sun_availability_evening" name="sun_availability" value="evening" @if(old('sun_availability') == 'evening') checked @endif>
                                        </div>
                                        <div class="text-center">
                                            <label for="sun_availability_night" class="d-block innerLabel">Night </label>
                                            <input type="radio" id="sun_availability_night" name="sun_availability" value="night" @if(old('sun_availability') == 'night') checked @endif>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="">Interview Availability *</label>
                                    <div class="d-flex justify-content-around @error('interview_availability') is-invalid @enderror">
                                        <div class="text-center">
                                            <label for="interview_availability_open" class="d-block innerLabel">Open</label>
                                            <input type="radio" id="interview_availability_open" name="interview_availability" value="open" @if(old('interview_availability') == 'open') checked @endif>
                                        </div>
                                        <div class="text-center">
                                            <label for="interview_availability_morning" class="d-block innerLabel">Morning </label>
                                            <input type="radio" id="interview_availability_morning" name="interview_availability" value="morning" @if(old('interview_availability') == 'morning') checked @endif>
                                        </div>
                                        <div class="text-center">
                                            <label for="interview_availability_afternoon" class="d-block innerLabel">Afternoon </label>
                                            <input type="radio" id="interview_availability_afternoon" name="interview_availability" value="afternoon" @if(old('interview_availability') == 'afternoon') checked @endif>
                                        </div>
                                        <div class="text-center">
                                            <label for="interview_availability_evening" class="d-block innerLabel">Evening </label>
                                            <input type="radio" id="interview_availability_evening" name="interview_availability" value="evening" @if(old('interview_availability') == 'evening') checked @endif>
                                        </div>
                                    </div>
                                    @error('interview_availability') <span class="invalid-feedback" role="alert" style="display: block"><strong>{{$message}}</strong></span> @enderror
                                </div>
                            </div>
                            <div class="col-12">
                                <div class="title">
                                    <h2>Employment History</h2>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="">Company*</label>
                                    <input type="text" class="form-control" name="emp_history[company]" value="{{old('emp_history.company')}}">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="">Address*</label>
                                    <input type="text" class="form-control" name="emp_history[address]" value="{{old('emp_history.address')}}">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="">Job Title*</label>
                                    <input type="text" class="form-control" name="emp_history[job_title]" value="{{old('emp_history.job_title')}}">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="">Phone</label>
                                    <input type="text" class="form-control" name="emp_history[phone]" value="{{old('emp_history.phone')}}">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="">Supervisor </label>
                                    <input type="text" class="form-control" name="emp_history[supervisor]" value="{{old('emp_history.supervisor')}}">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="">Responsibilities</label>
                                    <input type="text" class="form-control" name="emp_history[responsibilities]" value="{{old('emp_history.responsibilities')}}">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="">Starting Salary $</label>
                                    <input type="text" class="form-control" name="emp_history[starting_salary]" value="{{old('emp_history.starting_salary')}}">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="">Ending Salary $</label>
                                    <input type="text" class="form-control" name="emp_history[ending_salary]" value="{{old('emp_history.ending_salary')}}">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="">Reason For Leaving</label>
                                    <input type="text" class="form-control" name="emp_history[reason_for_leaving]" value="{{old('emp_history.reason_for_leaving')}}">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="">May we contact your previous supervisor for a reference?</label>
                                    <div class="d-flex">
                                        <div class="text-center">
                                            <label for="emp_history_contact_yes" class="d-block innerLabel">Yes</label>
                                            <input type="radio" id="emp_history_contact_yes" name="emp_history[reference]" value="Yes" @if(old('emp_history.reference') == 'Yes') checked @endif>
                                        </div>
                                        <div class="text-center">
                                            <label for="emp_history_contact_no" class="d-block innerLabel">No</label>
                                            <input type="radio" id="emp_history_contact_no" name="emp_history[reference]" value="No" @if(old('emp_history.reference') == 'No') checked @endif>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="">Are you willing to submit a background check?*</label>
                                    <div class="d-flex">
                                        <div class="text-center">
                                            <label for="emp_history_background_yes" class="d-block innerLabel">Yes</label>
                                            <input type="radio" id="emp_history_background_yes" name="emp_history[background]" value="Yes" @if(old('emp_history.background') == 'Yes') checked @endif>
                                        </div>
                                        <div class="text-center">
                                            <label for="emp_history_background_no" class="d-block innerLabel">No</label>
                                            <input type="radio" id="emp_history_background_no" name="emp_history[background]" value="No" @if(old('emp_history.background') == 'No') checked @endif>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="">Single Line Text</label>
                                    <input type="text" class="form-control">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="">Driving Record </label>
                                    <p>Drop your files here or click here to uploadYou can upload up to 5 files.</p>
                                    <p>Please submit a complete driving record from the DMV website. Any incomplete or
                                        partial driving record will not be accepted. Limit 5 attachments. *</p>
                                    <input type="file" name="driving_records[]" class="form-control-file" multiple max="5" accept="image/*">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="">Resume *</label>
                                    <input type="file" name="resume" class="form-control-file @error('resume') is-invalid @enderror" accept="pdf,doc,docx">
                                    @error('resume') <span class="invalid-feedback" role="alert"><strong>{{$message}}</strong></span> @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="">Privacy Policy*</label>
                                    <div class="d-flex align-items-center">
                                        <input type="checkbox" class="mr-1" name="policy" id="policy" value="1" @if(old('policy') == '1') checked @endif>
                                        <label for="policy">I allow this website to collect and store the submitted data for the purposes of applying for a career with Humble Root. </label>
                                        @error('policy') <span class="invalid-feedback" role="alert" style="display: block"><strong>Please allow our policy</strong></span> @enderror
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="">Signature *</label>
                                    <input type="file" name="signature" class="form-control @error('signature') is-invalid @enderror" accept="image/*">
                                    @error('signature') <span class="invalid-feedback" role="alert"><strong>{{$message}}</strong></span> @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="">Date/Time *</label>
                                    <input type="datetime-local" name="apply_date" id="apply_date" class="form-control @error('apply_date') is-invalid @enderror" value="{{old('apply_date')}}" min="{{date('Y-m-d')}}">
                                    @error('apply_date') <span class="invalid-feedback" role="alert"><strong>{{$message}}</strong></span> @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="d-flex align-items-center h-100">
                                    <button class="btnStyle" type="submit">Apply for Job</button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </section>

@endsection
@section('scripts')
    <script>
        document.getElementById("dob").min = "1950-01-01";
        document.getElementById("apply_date").min = "{{date('Y-m-d H:i:s A')}}";
        document.getElementById("start_date").min = "{{date('Y-m-d')}}";
        $(document).ready(function (){
            $("#dob").focusout(function (){
                $(".date_error").remove();
                var $this = $(this);
                var date = new Date($this.val());
                var year = date.getFullYear();
                if (year < 1950){
                    $this.addClass('is-invalid');
                    $this.after('<span class="invalid-feedback date_error" role="alert"> <strong>Date can not be below from 1950</strong> </span>');
                }else{
                    $this.removeClass('is-invalid')
                }
            })
        })
    </script>
@endsection