@extends('backend.layouts.app')
@section('content')
<div class="banner">
      <!-- <img src="./images/careers-banner.png" alt=""> -->
      <img src="{{ url('./assets/images/careers-banner.png'); }}" alt="" >
      </div>


<!-- destination Section -->
<section class="inner-page-section bg-backin destinations-top">
    <div class="container">

      <div class="row">
        <div class="col-12 text-center">
          <nav style="--bs-breadcrumb-divider: url(&#34;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z' fill='currentColor'/%3E%3C/svg%3E&#34;);" aria-label="breadcrumb">
            <ol class="breadcrumb">
              <li class="breadcrumb-item"><a href="{{route('index')}}">Home</a></li>
              <li class="breadcrumb-item active" aria-current="page">Apply</li>
            </ol>
          </nav>
        </div>

        <div class="col-12 ">
          <h1 class="heading mb-4">Apply</h1>
        </div>
    </div>

      <div class="career-detailss">
        <div class="row">
                                 <div class="col-12 col-lg-6">
                        <div class="career-text me-5">
                            <p class="text-inn"><span><b>Designation</b></span>{{$jobs->name}}</p>
                            <p class="text-inn"><span><b>Location</b></span>{{$jobs->location}}</p>
                            <p class="text-inn"><span><b>Country/Region</b></span>{{$jobs->country}}</p>
                            <p class="text-inn"><span><b>Experience </b></span>{{$jobs->experience}} years</p>
                            <p ><span><b>Requirements </b></span><li>  </li></p>
                            
                         
                          <a href="{{$jobs->form_link}}" class="button" target= "_blank">Apply</a>
                            <!--<p class="text-inn"><span><b>Scope </b></span>{{$jobs->scope}}</p>-->
                            
                        </div>
                  </div>


                 <div class="col-12 col-lg-6">
                        <div class="text from-too">
                            
                            <form
                            action="{{route('career.save')}}"
                            method="POST"
                            class="row gx-4"
                            enctype="multipart/form-data"
                            
                          >@csrf
                          <input type="hidden" name="jobid" value= "{{$jobs->id}}">
                          <h4 class="mb-4 heading">Apply for this position</h4>
                            <div class="col-md-12 mb-3">
                              <div class="form-group grouping">
                                <label>Full Name </label>
                                <input
                                  type="text"
                                  class="form-control"
                                  placeholder="Please Enter Your Full Name"
                                  name="firstname"
                                  id="firstname" value = "{{old('firstname')}}" 
                                  required
                                />
                              </div>
                              @if ($errors->has('firstname'))
                               <span class="text-danger">{{$errors->first('firstname') }}</span>
                            @endif
                            </div>
                            <div class="col-md-12 mb-3">
                              <div class="form-group grouping">
                                <label>Email Id.</label>
                                <input
                                  type="email"
                                  class="form-control"
                                  placeholder="Please Enter Your Email Id." value = "{{old('email')}}" 
                                  name="email"
                                  id="email"
                                  required
                                />
                              </div>
                              @if ($errors->has('email'))
                               <span class="text-danger">{{$errors->first('email') }}</span>
                            @endif
                            </div>
                            <div class="col-md-12 mb-3">
                              <div class="form-group grouping">
                                <label>Phone No.</label>
                                <input
                                  type="tel"
                                  class="form-control"
                                  name="phone" value = "{{old('phone')}}" 
                                  id="phone"
                                  placeholder="Please Enter Your Phone No."
                                />
                              </div>
                              @if ($errors->has('phone'))
                               <span class="text-danger">{{$errors->first('phone') }}</span>
                            @endif
                            </div>
                            <!-- <div class="col-md-12 mb-3">-->
                            <!--  <div class="form-group grouping">-->
                            <!--    <label> Experience </label>-->
                            <!--    <input-->
                            <!--      type="number"-->
                            <!--      class="form-control"-->
                            <!--      name="cexp" value = "{{old('cexp')}}" -->
                            <!--      id="cexp"-->
                            <!--      placeholder="Experience"-->
                            <!--    /> -->
                            <!--  </div>-->
                            <!--  @if ($errors->has('cexp'))-->
                            <!--   <span class="text-danger">{{$errors->first('cexp') }}</span>-->
                            <!--@endif-->
                            <!--</div>-->
                            <div class="col-md-12 mb-3">
                              <div class="form-group grouping">
                                <label>Current Salary</label>
                                <input
                                  type="number"
                                  class="form-control"
                                  name="csal" value = "{{old('csal')}}" 
                                  id="csal"
                                  placeholder="Please Enter Current Salary"
                                /> 
                              </div>
                              @if ($errors->has('csal'))
                               <span class="text-danger">{{$errors->first('csal') }}</span>
                            @endif
                            </div>
                            <div class="col-md-12 mb-3">
                              <div class="form-group grouping">
                                <label>Expected Salary</label>
                                <input
                                  type="number"
                                  class="form-control"
                                  name="esal" value = "{{old('esal')}}" 
                                  id="esal"
                                  placeholder="Please Enter Expected Salary"
                                /> 
                              </div>
                              @if ($errors->has('esal'))
                               <span class="text-danger">{{$errors->first('esal') }}</span>
                            @endif
                            </div>
                            <div class="col-md-12 mb-3">
                              <div class="form-group grouping">
                                <label>Notice Period (In Days)</label>
                                <input
                                  type="number"
                                  class="form-control"
                                  name="period" value = "{{old('period')}}" 
                                  id="period"
                                  placeholder=" Please Enter Notice Period (in Days)"
                                /> 
                              </div>
                              @if ($errors->has('period'))
                               <span class="text-danger">{{$errors->first('period') }}</span>
                            @endif
                            </div>
                            <div class="col-md-12 mb-3">
                                <div class="form-group grouping">
                                  <label>Message</label>
                                  <textarea  
                                  id="message"
                                  name="message"
                                  rows="3"  
                                  class="form-controls"
                                  placeholder="Please Enter Your Cover Letter" required>{{old('message')}}</textarea>
                                </div>
                                @if ($errors->has('message'))
                               <span class="text-danger">{{$errors->first('message') }}</span>
                            @endif
                              </div>
                              <div class="col-md-12 mb-3">
                                <div class="form-group grouping">
                                  <div class="form-controls">
                                    <input type="file" id ='file' name = 'file' accept="image/*,.pdf"/> 
                                  </div>
                                </div>
                                @if ($errors->has('file'))
                               <span class="text-danger">{{$errors->first('file') }}</span>
                            @endif
                              </div>
                              <p class="mb-3">Allowed Type(s): .pdf, .doc, .docx</p>
                              <div class="col-md-12 accepted mb-4">
                                <label class="conditions">By using this form you agree with the storage and handling of your data by this website.
                                  <input type="checkbox" required>
                                  <span class="checkmark"></span>
                                </label>
                              </div>
                            
                            <div class="col-md-12">
                              <button class="button continue" type="submit">Submit</button>
                            </div>
                          </form>
                        </div>
                </div>


         </div>
      </div>

       </div>

      </div>
    </div>
  </section>

  @endsection