@extends('front/layout')
@section('page_title','Contact Us')
@section('container')

<main id="main">
<section class="inner-page contact">
            <div class="container" data-aos="fade-down">
               <div class="section-header">
                  <h2>Careers</h2>
                  <p>We are excited to hear from you.
                  </p>
               </div>
            </div>
            <div class="container">
               <div class="row gy-10 gx-lg-10">
                  
                  <div class="col-lg-12">
				    @if(session()->has('message'))
					<div class="sufee-alert alert with-close alert-success alert-dismissible fade show">
					    {{session('message')}}
					  <!--  <button type="button" class="close" data-dismiss="alert" aria-label="Close">
					        <span aria-hidden="true">×</span>
					    </button>  -->
					</div>
					@endif	
                     <form method="post" name="carrerform" class="emailform" id="carrerform" action="{{route('career_process')}}" enctype="multipart/form-data">
                     	@csrf
                        <div class="row">
                           <div class="col-md-6 form-group">
                              <input type="text" class="form-control" id="first_name" name="first_name" placeholder="Your Name">
								@error('first_name')
					                <div class="alert alert-danger">{{ $message }}</div>
					            @enderror
                           </div>
                           <div class="col-md-6 form-group mt-3 mt-md-0">
                              <input type="text" class="form-control" id="last_name" name="last_name" placeholder="Last Name">
								@error('last_name')
					                <div class="alert alert-danger">{{ $message }}</div>
					            @enderror
                           </div>
                        
                           <div class="col-md-6 form-group">
                              <input type="text" class="form-control" id="contact_email" name="contact_email" placeholder="Your Email">
								@error('contact_email')
					                <div class="alert alert-danger">{{ $message }}</div>
					            @enderror
                           </div>
                           <div class="col-md-6 form-group mt-3 mt-md-0">
                              <input type="text" class="form-control numeric" id="contact_phone" name="contact_phone" placeholder="Your Mobile">
								 @error('contact_phone')
					                <div class="alert alert-danger">{{ $message }}</div>
					            @enderror 
                           </div>
                            <div class="col-md-6 form-group mt-3">
                             <select class="form-control" id="age" name="age">
                              <option value="">Select Age Range</option>
                                 <option value="18-20">18-20</option>
                                 <option value="21-25">21-25</option>
                                 <option value="26-30">26-30</option>
								          <option value="31-40">31-40</option>
                                 <option value="41-50">41-50</option>
                                 <option value="51+">51+</option>
                             </select>
                          @error('age')
                               <div class="alert alert-danger">{{ $message }}</div>
                           @enderror
                        </div>
                        <div class="col-md-6 form-group mt-3">
                              <select class="form-control" id="experience" name="experience">
                                 <option value="">Select Experience</option>
                                 <option value="0-1">0-1 years</option>
                                 <option value="1-3">1-3 years</option>
                                 <option value="3-5">3-5 years</option>
                                 <option value="5-8">5-8 years</option>
                                 <option value="9-12">9-12 years</option> 
                                 <option value="13-15">13-15 years</option> 
                                 <option value="15-20">15-20 years</option> 
                             </select>
                          @error('experience')
                               <div class="alert alert-danger">{{ $message }}</div>
                           @enderror
                        </div>
                        </div>
                       <div class="form-group mt-3">
                           <input type="text" class="form-control" id="english_proficiency" name="english_proficiency" placeholder="English Proficiency (Excellent/ Good/ Poor)" >
                       @error('english_proficiency')
                            <div class="alert alert-danger">{{ $message }}</div>
                        @enderror
                        </div>
                        <div class="form-group mt-3">
                           <textarea class="form-control" rows="3" id="qualification" name="qualification" placeholder="Qualification"></textarea>
							@error('qualification')
				                <div class="alert alert-danger">{{ $message }}</div>
				            @enderror
                        </div>
                        <div class="form-group mt-3">
                           <input type="file" class="form-control" id="user_resume" name="user_resume" >
                       @error('user_resume')
                            <div class="alert alert-danger">{{ $message }}</div>
                        @enderror
                        </div>

                         <div class="form-group row">
                            <!-- <label for="captcha" class="col-md-4 col-form-label text-md-right">{{ __('Captcha') }}</label> -->
                            <div class="col-md-6">
                                {!! NoCaptcha::renderJs() !!}
                                {!! NoCaptcha::display() !!}
                                @error('g-recaptcha-response')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>
                        
                        <div class="text-center"><button type="submit">Submit</button></div>
                     </form>
                  </div>
                  <!-- End Career Form -->
               </div>
            </div>
            
         </section>
     </main>
@endsection