@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-12">
                        <div class="career-text">

                        <div class="row">
                              <div class="col-12 col-lg-4 mb-2">
                              <p class="text-inn borderin"><span><b>Designation</b></span>{{$jobs->name}}</p>
                              </div>

                              <div class="col-12 col-lg-4 mb-2">
                              <p class="text-inn borderin"><span><b>Location</b></span>{{$jobs->location}}</p>
                              </div>

                              <div class="col-12 col-lg-4 mb-2">
                              <p class="text-inn borderin"><span><b>Country/Region</b></span>{{$jobs->country}}</p>
                              </div>

                              <!--<div class="col-12 col-lg-6 mb-2">-->
                              <!--<p class="text-inn borderin"><span><b>Experience </b></span>$jobs->experience years</p>-->
                              <!--</div>-->

                              <div class="col-12 col-lg-12 mb-2 mb-4">
                              <p class="text-inn border-0"><span><b>Requirements </b></span><li class="new-listing">  </li></p>
                              </div>
                        </div>


                         
                          <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>
      </div>

       </div>

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

  @endsection