@extends('layout1')
@section('title')
    <title>{{ $career->title }}</title>
@endsection
@section('meta')
    <meta name="description" content="{{ $career->title }}">
@endsection

@section('frontend-content')

  <!--===BREADCRUMB PART START====-->
  <section class="wsus__breadcrumb" style="background: url({{ $setting->breadcrumb_image ? url($setting->breadcrumb_image) : '' }});">
    <div class="wsus_bread_overlay">
        <div class="container">
            <div class="row">
                <div class="col-12 text-center">
                    <h4>{{ __('Career') }}</h4>
                    <nav style="--bs-breadcrumb-divider: '-';" aria-label="breadcrumb">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="{{ route('home') }}">{{ __('Home') }}</a></li>
                            <li class="breadcrumb-item active" aria-current="page">{{ __('Career') }}</li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
    </div>
</section>
<!--===BREADCRUMB PART END====-->

  <!--========================
    CAREER DETAILS START
  ========================-->
  <section class="wsus__career_details mt_45 mb_45">
    <div class="container">
      <div class="row">

        <div class="col-12">
          <div class="wsus__single_career m-0 pb_10">
            <div class="career_text_center">
                <h2>{{ $career->translation?->title }}</h2>
                <span>{{ $career->translation?->address }}</span>
                <ul class="d-flex flex-wrap">
                    <li><i class="fas fa-hand-holding-usd"></i> {{ $career->salary_range }}</li>
                    <li><i class="fas fa-briefcase"></i> {{ $career->translation?->job_nature }}</li>
                    <li><i class="far fa-clock"></i> {{ $career->translation?->office_time }}</li>
                </ul>
                <h5><i class="fal fa-calendar-alt"></i> {{ __('dedline') }} {{ date('d F Y', strtotime($career->deadline)) }}</h5>
            </div>
          </div>
          <div class="col-12">
            <div class="career_details_text">
                {!! $career->translation?->description !!}
              <a class="common_btn" href="#" data-bs-toggle="modal" data-bs-target="#carer_modal">{{ __('apply now') }}</a>
            </div>
          </div>

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


  <!-- Modal modal-dialog-scrollable-->
  <div class="wsus__career_form">
    <div class="modal fade" id="carer_modal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
      <div class="modal-dialog modal-dialog-centered ">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="exampleModalLabel">{{ __('Apply Form') }}</h5>
            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
          </div>
          <div class="modal-body">
            <form method="POST" action="{{ route('store-career-application') }}" enctype="multipart/form-data">
                @csrf
              <input type="text" name="name" placeholder="{{ __('Name') }}">
              <input type="email" name="email" placeholder="{{ __('Email') }}">
              <input type="text" name="phone" placeholder="{{ __('Phone') }}">
              <input type="text" name="subject" placeholder="{{ __('Subject') }}">
              <textarea rows="4" name="description" placeholder="{{ __('Description') }}"></textarea>
              <input type="file" class="mt_15" name="cv">
              <input type="hidden" value="{{ $career->id }}"  name="career_id">
              <button type="submit" class="common_btn">{{ __('Submit') }}</button>
          </div>

          </form>
        </div>
      </div>
    </div>
  </div>
  </div>
  <!--========================
    CAREER DETAILS END
  ========================-->

@endsection