@extends('layout1')
@section('title')
    <title>{{ $seoSetting->seo_title }}</title>
@endsection
@section('meta')
    <meta name="description" content="{{ $seoSetting->seo_description }}">
@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 START
========================-->
<section class="wsus__career mt_45 mb_45">
    <div class="container">
        @forelse ($careers as $career)
            <div class="wsus__single_career">
                <div class="row">
                    <div class="col-xl-6 col-lg-6">
                        <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>
                        {!! html_entity_decode(clean(Str::limit($career->translation?->description, 500, '...'))) !!}
                        <a class="common_btn" href="{{ route('show-career', $career->slug) }}">{{ __('view details') }}</a>
                        </div>
                    </div>
                    <div class="col-xl-6 col-lg-6">
                        <div class="wsus__single_img">
                        <img src="{{ asset($career->image) }}" alt="career" class="img-fluid w-100" loading="lazy">
                        </div>
                    </div>
                </div>
            </div>
        @empty
        <div class="row">
            <div class="col-12 text-center">
                <h3 class="text-danger">{{ __('Career Not Found!') }}</h3>
            </div>
        </div>
        @endforelse
        <div class="col-12 mt_20">
            {{ $careers->links('custom_paginator') }}
        </div>
    </div>
</section>
<!--========================
CAREER END
========================-->

@endsection