@extends('front.master')

@section('title', 'Home')
@section('meta_title', 'Home')
@section('description', 'At LTF Recruitment we understand the importance of choosing the right person for each school and with the 20 years of experience, we intend to do just that.')
{{-- facebook meta tags --}}
@section('fb_meta_title', 'Home')
@section('fb_description',  'At LTF Recruitment we understand the importance of choosing the right person for each school and with the 20 years of experience, we intend to do just that.')
@section('fb_route', URL::current()) 
@section('fb_type', 'website')
@section('fb_image', asset('/images/new_design_2022/offer_ca3rd.png'))

{{--twitter meta tags --}}
@section('twitter_meta_title',  'Home')
@section('twitter_description', 'At LTF Recruitment we understand the importance of choosing the right person for each school and with the 20 years of experience, we intend to do just that.')
@section('twitter_url',  URL::current())


@section('content')
<div class="page-wrapper">

    <section class="vacancies-single">
        <div class="container position-relative">
            <div class="row gy-5 gx-4">
                <div class="col-xl-9">
                    <div class="box">
                        <div class="single job-school-info">
                            <div class="d-flex flex-column flex-lg-row justify-content-between">
                                <div class="">
                                    {{-- <div class="image">
                                        <img src="dist/images/job-single-avatar.png" alt="#">
                                    </div> --}}
                                    <h1 class="f-34 mb-2">{{$job->title}}</h1>
                                    <div class="d-flex flex-row flex-wrap nlt">
                                      
                                        <div class="single-item me-3">
                                           
                                            <div class="item pin">
                                                @if($job->city_model) {{$job->city_model->title}}, @endif @if($job->region){{$job->region->title}} @endif
                                            </div>
                                        </div>
                                        <div class="single-item">
                                            @foreach ($job->job_contract_type as $contract)
                                                <div class="item type">{{$contract->title}}</div>
                                            @endforeach
                                            
                                        </div>
                                    </div>
                                </div>
                                <div class="right flex-shrink-1">
                                    <div class="posted-on">{{\Carbon\Carbon::parse($job->date_from)->diffForHumans()}}</div>
                                </div>
                            </div>
                        </div>

                        <div class="single job-exp-info">
                            <div class="row gy-4 gx-5 align-items-stretch">
                                @if($job->experience)
                                <div class="col-6 col-md-4 col-lg-3">
                                    <p class="mb-2 subtitle">Experience</p>
                                    <p class="mb-0 title">
                                        {{$job->experience}}
                                    </p>
                                </div>

                                @endif
                                @if($job->job_applied_for && count($job->job_applied_for) > 0)
                                <div class="col-6 col-md-4 col-lg-3">
                                    <p class="mb-2 subtitle">Work Level</p>
                                    @foreach ($job->job_applied_for as $job_applied)
                                        <p class="mb-0 title">{{$job_applied->title}}</p>
                                    @endforeach
                                    
                                </div>
                                @endif
                                @if($job->salery_from)
                                    <div class="col-6 col-md-4 col-lg-3">
                                        <p class="mb-2 subtitle">Offer Salary</p>
                                        <p class="mb-0 title">${{$job->salery_from}}/ @if($job->salery_to) {{$job->salery_to}} @endif month</p>
                                    </div>
                                @endif
                            </div>
                        </div>

                        <div class="single job-info-info">
                            {!!$job->description!!}

                            <p class="h2 mb-0 color-blue font-medium pt-2">To apply for this role, please click on the apply button.</p>
                        </div>
                        <p class="mb-0" x-data={}>
                            <a href="#" x-on:click.prevent="Livewire.emitTo('front.vacancies.apply-now-modal', 'showApplyNowModalFunc', {{$job->id}})"  class="btn">Apply Now</a>
                        </p>
                        @livewire('front.vacancies.apply-now-modal')
                    </div>
                </div>
                <div class="col-xl-3">
                    <p class="f-24 mb-4 font-medium color-dark">Similar Jobs</p>

                    <div class="row g-4">
                        @foreach ($other_works as $work)
                            <div class="col-12">
                                <div class="job-single-box">
                                    <div class="time-ago">{{\Carbon\Carbon::parse($work->created_at)->diffForHumans()}}</div>
                                    {{-- <p class="color-dark mb-1">School Name</p> --}}
                                    <p class="color-blue title">{{$work->title}}</p>
                                    <p class="mb-1 desc"> {{Str::limit(strip_tags($work->description),150)}}</p>

                                    <div class="lists d-flex flex-row flex-wrap align-items-center justify-content-start pt-3">
                                        <div class="item">
                                            <div class="single pin">@if($work->city_model) {{$work->city_model->title}}, @endif @if($work->region){{$work->region->title}} @endif </div>
                                        </div>
                                    </div>
                                    <div class="lists d-flex flex-row flex-wrap align-items-center justify-content-start">
                                        @foreach ($work->job_contract_type as $type)
                                        <div class="item">
                                            <div class="single doc">{{$type->title}}</div>
                                        </div>
                                        @endforeach
                                    </div>

                                    <div class="view">View</div>
                                    <a href="{{route('vacancie_single', ['url_title' => $work->url_title])}}" class="stretched-link"><span class="visually-hidden">Open Link Here</span></a>
                                </div>
                            </div>

                        @endforeach
                     

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


 
</div>

    

@endsection



@push('modals')
   
@endpush
@push('scripts')

@endpush