@extends('site.layouts.master')

{{--@section('title')--}}
{{--  {{__('site.CAREERS')}}--}}
{{--@endsection--}}

@section('seoTags')
  @seoTags()
@endsection
@section('title')
<title>@lang('site.career_agent')</title>
@endsection
    @php
        $seo = SEO\Models\Page::where('path',URL::full())->first();
    @endphp
@section('metatags')
 @if(!empty($seo))
    <meta name="title" content="{{ $seo->meta_title ?? $seo->title }}">
    <meta name="keywords" content="{{ $seo->meta_keywords }}">
 <meta name="description" content="{{ $seo->description }}">
 @endif
 <link rel="canonical" href="{{str_replace('public/','',url()->current())}}">
<link rel="alternate" hreflang="@if(app()->getLocale() == 'ar'){{'en'}}@else{{'ar'}}@endif"
href="@if(app()->getLocale() == 'en' && str_contains(url()->current(),'/en/')){{str_replace('/en/','/ar/',str_replace('public/','',url()->current()))}}@else{{str_replace('/ar/','/en/',str_replace('public/','',url()->current()))}}@endif">
<link rel="alternate" hreflang="@if(app()->getLocale() == 'ar'){{'ar'}}@else{{'en'}}@endif" href="{{str_replace('public/','',url()->current())}}">
@endsection
@section('content')
    <div class="d-none">
        {{ Breadcrumbs::render('Single Career',$career) }}
    </div>
    {!! $breadcrumbSchema !!}
    <div class="py-3 bg-f9f9f9">
        <div class="customWidth">
            <div class="d-flex align-items-center">
                <a class="text-blue SF18_21Medium" href="{{ route('careers.all') }}">
                    @if (app()->getLocale() == 'ar')
                        <i class="fa fa-chevron-right"></i>
                    @else
                        <i class="fa fa-chevron-left"></i>
                    @endif @lang('site.Back To Careers')
                </a>
                <span class="text-707070 mx-3 mb-1">|</span>
                <h1 class="m-0 SF16_19Light text-707070">{{ $career->title }}</h1>
            </div>
            <div class="d-lg-flex justify-content-lg-between">
                <div class="col-lg-8 @if(app()->getLocale() == 'ar') ps-lg-2 @else pe-lg-2 @endif">
                    <div class="bg-white px-2 py-3 rounded-3 my-2">
                        <div class="d-flex justify-content-between align-items-center">
                            <p class="my-0 text-red time_text">@lang('site.added_on'):
                                {{ date('d/m/Y', strtotime($career->created_at)) }}</p>
                            <p class="my-0 px-3 py-2 bg-f1f1f1 SF16_19Medium text-3b3b3b rounded">@lang('site.Full Time')</p>
                        </div>
                        <div>
                            <p class="my-2 SF26_31Bold text-3b3b3b">{{ $career->title }}</p>
                            <div class="d-lg-flex justify-content-lg-start align-items-lg-center">
                                <div class="d-flex align-items-center my-2">
                                    <img loading="lazy" src="{{ asset('new_theme/marker.svg') }}" alt="marker"
                                        class="p-2 iconSize">
                                    <p class="my-0 SF19_23Regular text-707070 mx-2 text-uppercase">@lang('site.Remax_Elmohager') @lang('site.Properties')
                                    </p>
                                </div>
                                <div class="d-flex align-items-center my-2 mx-lg-5">
                                    <img loading="lazy" src="{{ asset('new_theme/experience.svg') }}" alt="marker"
                                        class="p-2 iconSize">
                                    <p class="my-0 SF19_23Regular text-707070 mx-2">2+ @lang('site.Years')</p>
                                </div>
                            </div>
                            <div class="line my-4"></div>
                            <div class="text-9b9b9b time_text SF20_24Regular-lg">
                                {!! $career->desc !!}
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 @if(app()->getLocale() == 'ar') pe-lg-2 @else ps-lg-2 @endif">
                    <div class="p-3 bg-white rounded-3 my-2">
                        <p class="SFBlack22_26 text-red text-uppercase mb-4">@lang('site.Apply For Vacancy')</p>
                        <form class="info-form" action="{{route('site.careers.apply')}}" method="post" enctype="multipart/form-data">
                            @csrf
                            <input type="number" value="{{$career->id}}" name="career_id" hidden >
                            <div class="form-group">
                                <input type="text" class="form-control careerplaceholder py-2 my-2 border-707070" name="name" placeholder="@lang('site.Full_Name')" required>
                            </div>
                            <div class="form-group">
                                <input type="text" class="form-control careerplaceholder py-2 my-2 border-707070" name="email" placeholder="@lang('site.Email_Address')" required>
                            </div>
                            <div class="form-group">
                                <input type="text" class="form-control careerplaceholder py-2 my-2 border-707070" name="phone" placeholder="@lang('hr.Mobile_Number')" required>
                            </div>
                            <div class="form-group">
                                <label for="cv" class="border border-d1d1d1 rounded-3 text-center SF18_21Bold text-3b3b3b py-2 col-12 my-2">@lang('site.Upload Your CV') <img loading="lazy" src="{{ asset('new_theme/upload.svg') }}" alt="upload"></label>
                                <input type="file" class="d-none form-control" id="cv" name="cv" placeholder="{{__('site.Upload_CV')}}" accept="application/pdf" required>
                                <p class="d-none my-2 text-center time_text text-9b9b9b" id="cvFileName"></p>
                            </div>
                            <div class="form-group">
                                <textarea class="form-control careerplaceholder rounded-3 my-2 border-707070" name="notes" placeholder="@lang('site.extra_notes')" rows="6"></textarea>
                            </div>
                            <div class="form-group">
                                <button type="submit" class="btn bg-red text-white SF16_19BoldImportant col-12 py-3 my-2">@lang('site.Send')</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="line"></div>
@endsection
@section('script')
<script>
    $('#cv').change(function(){
        $('#cvFileName').removeClass('d-none');
        $('#cvFileName').html($(this).prop('files')[0].name);
    })
</script>
@endsection