@extends('dashboard.parent')

@section('title', __('pages.job'))

@section('page_name', __('pages.edit') . ' ' . $job->{localizedField('name')})

@section('css')
@endsection

@section('bread_crumb')
    <ul class="breadcrumb breadcrumb-separatorless fw-semibold fs-7 my-0 pt-1">
        <!--begin::Item-->
        <li class="breadcrumb-item text-muted">
            <a href="{{ route('home') }}" class="text-muted text-hover-primary">{{ __('pages.home') }}</a>
        </li>
        <!--end::Item-->
        <!--begin::Item-->
        <li class="breadcrumb-item">
            <span class="bullet bg-gray-400 w-5px h-2px"></span>
        </li>
        <!--end::Item-->
        <!--begin::Item-->
        <li class="breadcrumb-item text-muted">{{ __('pages.job') }}</li>
        <!--end::Item-->
        <!--begin::Item-->
        <li class="breadcrumb-item">
            <span class="bullet bg-gray-400 w-5px h-2px"></span>
        </li>
        <!--end::Item-->
        <!--begin::Item-->
        <li class="breadcrumb-item text-muted">{{ __('pages.edit') }}</li>
        <!--end::Item-->
    </ul>
@endsection

@section('actions')

@endsection

@section('content')
    <div id="kt_app_content" class="app-content flex-column-fluid">
        <!--begin::Content container-->
        <div id="kt_app_content" class="app-content flex-column-fluid">
            <!--begin::Content container-->
            <div id="kt_app_content_container" class="app-container container-xxl">
                {{-- form --}}
                @include('dashboard.job._form', ['job' => $job, 'function' => 'update'])
                {{-- end form --}}
            </div>
            <!--end::Content container-->
        </div>
        <!--end::Content container-->
    </div>
@endsection

@section('js')
    <script src="https://cdn.jsdelivr.net/npm/axios@1.1.2/dist/axios.min.js"></script>
    <script src="https://unpkg.com/axios@1.1.2/dist/axios.min.js"></script>
    <script src="{{ asset('assets/plugins/custom/tinymce/tinymce.bundle.js') }}"></script>
    <script src="{{ asset('assets/js/custom/apps/ecommerce/catalog/save-category.js') }}"></script>
    {{-- <script src="{{asset('assets/js/custom/apps/ecommerce/catalog/save-category.js')}}"></script> --}}

    <script>
        var slug = @json($job->id);
        const validation_error = "{{ __('validation.validation_error') }}";
        const currentRouteName = "{{ Route::currentRouteName() }}";

        // var requirementsAr = {
        //     selector: "#requirements_ar",
        //     height: "480"
        // };
        // tinymce.init(requirementsAr);

        // var requirementsEn = {
        //     selector: "#requirements_en",
        //     height: "480"
        // };
        // tinymce.init(requirementsEn);

        // var responsibilitiesAr = {
        //     selector: "#responsibilities_ar",
        //     height: "480"
        // };
        // tinymce.init(responsibilitiesAr);

        // var responsibilitiesEn = {
        //     selector: "#responsibilities_en",
        //     height: "480"
        // };
        // tinymce.init(responsibilitiesEn);
    </script>
    <script src="{{ asset('assets/js/job.js') }}"></script>
@endsection