@extends('admin.layouts.container')

@section('css')
    <link rel="stylesheet" href="{{ asset('assets/web/css/lib/toastr.css') }}" />
@endsection

@section('content')
    <div class="side-title">
        <h3>{{$head ?? '' }}</h3>
    </div>

    <div class="border-item">
        <form class="form-row job_announce_form" method="post" action="{{ $action }}" enctype="multipart/form-data">
            @if($job ?? ''  && $job->id)
                @method('PUT')
            @endif
            @csrf
            <div class="form-group col-lg-6">
                <label>{{ meta('job_title', getCurrentLocale()) ?? __('jobs.job_title') }} </label>
                <input type="text" class="form-control {{ $errors->has('job_title') ? 'is-invalid' : '' }}" name="job_title" placeholder="{{ meta('job_title', getCurrentLocale()) ?? __('jobs.job_title') }}" value='{{ old("job_title", $job->job_title ?? "") }}'/>
            </div>
            <div class="form-group col-lg-6">
                <label>{{ meta('lab_com_name', getCurrentLocale()) ?? __('jobs.lab_com_name') }} </label>
                <input type="text" class="form-control {{ $errors->has('lab_com_name') ? 'is-invalid' : '' }}" name="lab_com_name" placeholder="{{ meta('lab_com_name', getCurrentLocale()) ?? __('jobs.lab_com_name') }}" value='{{ old("lab_com_name", $job->lab_com_name ?? "") }}'/>
            </div>
            <div class="form-group col-lg-6">
                <label>{{ meta('city_id', getCurrentLocale()) ?? __('jobs.city_id') }} </label>
                <select name="city_id" class="form-control {{ $errors->has('city_id') ? 'is-invalid' : '' }}">
                    <option value="">{{__('jobs.city_id')}}</option>
                    @if($cities->count())
                        @foreach($cities as $city)
                            <option {{$job->city_id == $city->id ? 'selected' : ''}} value="{{$city->id}}">{{$city->name}}</option>
                        @endforeach
                    @endif
                </select>
            </div>

            <div class="form-group col-lg-6">
                <label>{{ meta('gender', getCurrentLocale()) ?? __('jobs.gender') }} </label>
                <select name="gender" class="form-control {{ $errors->has('gender') ? 'is-invalid' : '' }}">
                    <option value="">{{__('jobs.gender')}}</option>
                    <option {{$job->gender == 'male' ? 'selected' : ''}} value="male">{{__('jobs.male')}}</option>
                    <option {{$job->gender == 'female' ? 'selected' : ''}} value="female">{{__('jobs.female')}}</option>
                    <option {{$job->gender == 'male_female' ? 'selected' : ''}} value="male_female">{{__('jobs.male_female')}}</option>
                </select>
            </div>

            <div class="form-group col-lg-6">
                <label>{{ meta('education_level', getCurrentLocale()) ?? __('jobs.education_level') }} </label>
                <select name="education_level" class="form-control {{ $errors->has('education_level') ? 'is-invalid' : '' }}">
                    <option value="">{{__('jobs.education_level')}}</option>
                    <option {{$job->education_level == 'intermediate' ? 'selected' : ''}} value="intermediate">{{__('jobs.intermediate')}}</option>
                    <option {{$job->education_level == 'university' ? 'selected' : ''}} value="university">{{__('jobs.university')}}</option>
                    <option {{$job->education_level == 'high_education' ? 'selected' : ''}} value="high_education">{{__('jobs.high_education')}}</option>
                    <option {{$job->education_level == 'ma' ? 'selected' : ''}} value="ma">{{__('jobs.ma')}}</option>
                    <option {{$job->education_level == 'phd' ? 'selected' : ''}} value="phd">{{__('jobs.phd')}}</option>
                </select>
            </div>
            <div class="form-group col-lg-6">
                <label>{{ meta('experience_years', getCurrentLocale()) ?? __('jobs.experience_years') }} </label>
                <input type="number" name="experience_years" class="form-control {{ $errors->has('experience_years') ? 'is-invalid' : '' }}" placeholder="{{ meta('experience_years', getCurrentLocale()) ?? __('jobs.experience_years') }}" value="{{ old("experience_years", $job->experience_years ?? "") }}">
            </div>
            <div class="form-group col-lg-12">
                <label>{{ meta('notes', getCurrentLocale()) ?? __('jobs.notes') }} </label>
                <textarea name="notes" class="form-control {{ $errors->has('notes') ? 'is-invalid' : '' }}" placeholder="{{ meta('notes', getCurrentLocale()) ?? __('jobs.notes') }}">{{ old("notes", $job->notes ?? "") }}</textarea>
            </div>


            <div class="text-center mt-5 col-12">
                <button class="butn job_announce_button"><span>{{ __('dashboard.save') }}</span></button>
            </div>
        </form>
    </div>

@endsection

@section('inner_js')
    <script src="{{ asset('assets/web/js/lib/toastr.min.js') }}"></script>

    <script>
        $('.job_announce_button').click(async function (e) {
            e.preventDefault();

            let form = $('.job_announce_form'),
                data = new FormData(form[0]),
                url = form.attr('action'),
                method = form.attr('method');

            const response=await ajax({
                url,
                data,
                dataType: 'json',
                method
            });

            if (response.errors) {
                toasterError(response.errors);
            }
            if (response.message) {
                toasterSuccess(response.message);
                setTimeout(function(){
                    window.location.href = response.url;
                }, 100)

            }
        });
    </script>


@endsection