@extends('user.layouts.user')
@section('title', 'الوظائف')
@section('content')
<!-- Start Section -->
<section class="main-section notice">
    @if(count($errors) > 0 )
    <div class="alert alert-danger alert-dismissible fade show" role="alert">
        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
            <span aria-hidden="true">&times;</span>
        </button>
        <ul class="p-0 m-0" style="list-style: none;">
            @foreach($errors->all() as $error)
            <li>{{$error}}</li>
            @endforeach
        </ul>
    </div>
    @endif
    @if(session()->has('success'))
    <div class="alert alert-success">
        {{ session()->get('success') }}
    </div>
    @endif
    @if(session()->has('error'))
    <div class="alert alert-danger">
        {{ session()->get('error') }}
    </div>
    @endif
    <form action="{{ route('jobs.store') }}" enctype="multipart/form-data" method="POST">
        @csrf
        <div class="container">
            <h4 class="main-heading">انشاء وظيفة</h4>
            <div class="bg-white p-3 rounded-2 shadow ">
                <div class="row">
                    <div class="col-md-4">
                        <div class="form-group mb-3">
                            <label for="" class="small-label ">العنوان</label>
                            <input type="text" name="title" id="" class="form-control">
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group mb-3">
                            <label for="" class="small-label ">صورة</label>
                            <input type="file" name="image" id="" class="form-control">
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group mb-3">
                            <label for="" class="small-label ">القسم الرئيسي</label>
                            <select class="form-control" name="department_parent_id" id="parents">
                                <option value="">-- أختر القسم --</option>
                                @foreach ($departmentParents as $department)
                                <option {{ $job?->parent_department_id == $department->id ? 'selected' : '' }} value="{{ $department->id }}">{{ $department->name }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group mb-3">
                            <label for="" class="small-label ">القسم الفرعي</label>
                            <select class="form-control" name="department_id" id="childs">
                                <option value="">-- أختر القسم --</option>
                                @foreach ($departmentChilds as $item)
                                <option {{ $job?->department_id == $item->id ? 'selected' : '' }} data-parent="{{ $item->parent_id }}" value="{{ $item->id }}">{{ $item->name }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group mb-3">
                            <label for="" class="small-label ">نوع التوظيف</label>
                            <select class="form-control" name="type" id="parents">
                                <option value="">-- أختر نوع التوظيف --</option>
                                @foreach (App\Models\Job::TYPE as $key => $type)
                                <option {{ old('type',$job?->type) == $key ? 'selected' : '' }} value="{{ $key }}">{{ $type }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group mb-3">
                            <label for="" class="small-label ">الراتب المتوقع</label>
                            <input type="number" name="expected_sallary" id="" class="form-control">
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group mb-3">
                            <label for="" class="small-label ">الجنس</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>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group mb-3">
                            <label for="" class="small-label "> مكان الوظيفة</label>
                            <textarea class="form-control" name="job_location" rows="6"></textarea>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group mb-3">
                            <label for="" class="small-label ">اللغات</label>
                            <option value="">-- أختر اللغات --</option>
                            <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>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group mb-3">
                            <label for="" class="small-label ">المهام و الوصف الوظيفي</label>
                            <textarea class="form-control" name="job_description" rows="6"></textarea>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group mb-3">
                            <label for="" class="small-label ">الشروط و المهارة</label>
                            <textarea class="form-control" name="skills" rows="6"></textarea>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group mb-3">
                            <label for="" class="small-label ">البدلات و المميزات</label>
                            <textarea class="form-control" name="allowances" rows="6"></textarea>
                        </div>
                    </div>
                    <div class="col-md-12 d-flex justify-content-center">
                        <button type="submit" class="btn-main-sm ">حفظ</button>
                    </div>
                </div>
            </div>
        </div>
    </form>
</section>
<!-- End Section -->

@endsection