@extends('user.layouts.user')
@section('title','الوظائف')
@section('content')
<div class="main-side">
    <div class="main-title">
        <div class="small">
            الرئيسية
        </div>
        <div class="large">
            الوظائف
        </div>
    </div>
    <div class="section_content content_view">
        <form action="{{ route('jobs.store') }}" enctype="multipart/form-data" method="POST">
            <x-admin-alert></x-admin-alert>
            @csrf
            @php
            $job = isset($job) ? $job : null;
            @endphp
            <div class="row">
                <div class="col-md-4">
                    <div class="form-group mb-3">
                        <label for="" class="mb-1">العنوان</label>
                        <input type="text" name="title" value="{{ old('title',$job?->title) }}" id="" class="form-control">
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="form-group mb-3">
                        <label for="" class="mb-1">القسم الرئيسي</label>
                        <select class="form-control" name="department_parent_id" id="parents">
                            @foreach ($departmentParents as $department)
                            <option {{ $job?->parent_department_id == $department->id ? 'selected' : '' }} value="{{ $department->id }}">{{ $department->name }}</option>
                            @endforeach
                        </select>
                        {{-- <input type="text" name="title" value="{{ old('title',$job?->title) }}" id="" class="form-control"> --}}
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="form-group mb-3">
                        <label for="" class="mb-1">القسم الفرعي</label>
                        <select class="form-control" name="department_id" id="childs">
                            @foreach ($departmentChilds as $item)
                            <option {{ $job?->department_id == $item->id ? 'selected' : '' }} data-parent="{{ $item->parent_id }}" value="{{ $item->id }}">{{ $item->name }}</option>
                            @endforeach
                        </select>
                        {{-- <input type="text" name="title" value="{{ old('title',$job?->title) }}" id="" class="form-control"> --}}
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="form-group mb-3">
                        <label for="" class="mb-1">نوع التوظيف</label>
                        <select class="form-control" name="type" id="parents">
                            @foreach (App\Models\Job::TYPE as $key => $type)
                            <option {{ old('type',$job?->type) == $key ? 'selected' : '' }} value="{{ $key }}">{{ $type }}</option>
                            @endforeach
                        </select>
                        {{-- <input type="text" name="title" value="{{ old('title',$job?->title) }}" id="" class="form-control"> --}}
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="form-group mb-3">
                        <label for="" class="mb-1">الراتب المتوقع</label>
                        <input type="number" name="expected_sallary" value="{{ old('expected_sallary',$job?->expected_sallary) }}" id="" class="form-control">
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="form-group mb-3">
                        <label for="" class="mb-1">الجنس</label>
                        <select class="form-control" name="gender" id="parents">
                            <option value="">اختر الجنس</option>
                            <option {{ old('gender',$job?->gender) == 'male' ? 'selected' : '' }} value="male">ذكر</option>
                            <option {{ old('gender',$job?->gender) == 'female' ? 'selected' : '' }} value="female">انثي</option>
                        </select>
                        {{-- <input type="text" name="title" value="{{ old('title',$job?->title) }}" id="" class="form-control"> --}}
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="form-group mb-3">
                        <label for="" class="mb-1">  مكان الوظيفة</label>
                        <input type="text" name="job_location" id="job_location" value="{{ old('job_location',$job?->job_location) }}" class="form-control">
                        {{-- <input type="text" name="title" value="{{ old('title',$job?->title) }}" id="" class="form-control"> --}}
                    </div>
                </div>



                <div class="col-md-4">
                    <div class="form-group mb-3">
                        <label for="" class="mb-1">اللغات</label>
                        <select class="form-select" name="languages[]" id="parents" multiple>
                            @foreach (App\Models\Job::LANGUAGES as $key => $lang)
                            <option {{ $job?->languages ? (in_array($key,$job->languages) ? 'selected' : '') : '' }} value="{{ $key }}">{{ $lang }}</option>
                            @endforeach
                            {{-- @endforeach --}}
                        </select>
                        {{-- <input type="text" name="title" value="{{ old('title',$job?->title) }}" id="" class="form-control"> --}}
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="form-group mb-3">
                        <label for="" class="mb-1">المهام و الوصف الوظيفي</label>
                        <textarea style="height: 115px" name="job_description" id="job_description" cols="30" class="form-control" rows="10">{{ old('job_description',$job?->job_description) }}</textarea>
                        {{-- <input type="text" name="title" value="{{ old('title',$job?->title) }}" id="" class="form-control"> --}}
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="form-group mb-3">
                        <label for="" class="mb-1">الشروط و المهارة</label>
                        <textarea style="height: 115px" name="skills" id="skills" cols="30" class="form-control" rows="10">{{ old('skills',$job?->skills) }}</textarea>
                        {{-- <input type="text" name="title" value="{{ old('title',$job?->title) }}" id="" class="form-control"> --}}
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="form-group mb-3">
                        <label for="" class="mb-1">البدلات و المميزات</label>
                        <textarea style="height: 115px" name="allowances" id="allowances" cols="30" class="form-control" rows="10">{{ old('allowances',$job?->allowances) }}</textarea>
                        {{-- <input type="text" name="title" value="{{ old('title',$job?->title) }}" id="" class="form-control"> --}}
                    </div>
                </div>
                <div class="col-md-12">
                    <button type="submit" class="btn main-btn">حفظ</button>
                </div>
            </div>
            <script>
                // document.getElementById('parents').addEventListener('change', function(e) {
                //     var parentId = e.target.value;
                //     var childsSelect = document.getElementById('childs');
                //     [...childsSelect].forEach((element) => {

                //     });
                // });

            </script>

        </form>
    </div>
</div>
@endsection