@extends('backend.layouts.app')
@section('content')

<div class="card page-container" id="page-container">
    <div class="card-body p-lg-25 content-wrap">

        <!--begin::Layout-->
        <div class="d-flex flex-column flex-lg-row mb-17">
            <div class="flex-lg-row-fluid me-0 me-lg-20">
                <form action="{{ $action }}" class="form mb-15" method="POST" id="kt_careers_form"
                    enctype='multipart/form-data'>
                    @csrf
                    @if ($method == 'PUT')
                        @method('put')
                    @endif

                    {{-- Job Name --}}
                    <div class="row mb-5">
                        @foreach ($languages as $language)
                            <div class="col-md-6 fv-row" @if ($language->code == 'ar') dir="rtl" @else dir="ltr" @endif>
                                <label class="required fs-5 fw-bold mb-2">
                                    {{ TranslationManager::translate('Name', $language->code) }}
                                </label>
                                <input type="text" class="form-control form-control-solid"
                                    value="{{ $job->getTranslation('name', $language->code, false) }}"
                                    placeholder="{{ TranslationManager::translate('Name', $language->code) }}"
                                    name="name[{{ $language->code }}]" />
                            </div>
                        @endforeach
                    </div>

                    {{-- Description --}}
                    @foreach ($languages as $language)
                        <div class="row mb-5" @if ($language->code == 'ar') dir="rtl" @else dir="ltr" @endif>
                            <div class="col-md-12 fv-row">
                                <label class="required fs-5 fw-bold mb-2">
                                    {{ TranslationManager::translate('Description', $language->code) }}
                                </label>
                                <textarea class="form-control form-control-solid ckeditor"
                                    placeholder="{{ TranslationManager::translate('Description', $language->code) }}"
                                    name="description[{{ $language->code }}]">{{ $job->getTranslation('description', $language->code, false) }}</textarea>
                            </div>
                        </div>
                    @endforeach

                    {{-- Company Name --}}
                    <div class="row mb-5">
                        @foreach ($languages as $language)
                            <div class="col-md-6 fv-row" @if ($language->code == 'ar') dir="rtl" @else dir="ltr" @endif>
                                <label class="required fs-5 fw-bold mb-2">
                                    {{ TranslationManager::translate('Company Name', $language->code) }}
                                </label>
                                <input type="text" class="form-control form-control-solid"
                                    value="{{ $job->getTranslation('company_name', $language->code, false) }}"
                                    placeholder="{{ TranslationManager::translate('Company Name', $language->code) }}"
                                    name="company_name[{{ $language->code }}]" />
                            </div>
                        @endforeach
                    </div>

                    {{-- Location --}}
                    <div class="row mb-5">
                        @foreach ($languages as $language)
                            <div class="col-md-6 fv-row" @if ($language->code == 'ar') dir="rtl" @else dir="ltr" @endif>
                                <label class="required fs-5 fw-bold mb-2">
                                    {{ TranslationManager::translate('Location', $language->code) }}
                                </label>
                                <input type="text" class="form-control form-control-solid"
                                    value="{{ $job->getTranslation('location', $language->code, false) }}"
                                    placeholder="{{ TranslationManager::translate('Location', $language->code) }}"
                                    name="location[{{ $language->code }}]" />
                            </div>
                        @endforeach
                    </div>


                    {{-- Last Date + Salary From --}}
<div class="row mb-5">
   
    <div class="col-md-6 fv-row">
        <label class="fs-6 fw-bold mb-2">{{ TranslationManager::translate('Salary From') }}</label>
        <input type="number" class="form-control form-control-solid"
            name="salary_from" value="{{ $job->salary_from }}" min="0" step="0.01" />
    </div>

     <div class="col-md-6 fv-row">
        <label class="fs-6 fw-bold mb-2">{{ TranslationManager::translate('Salary To') }}</label>
        <input type="number" class="form-control form-control-solid"
            name="salary_to" value="{{ $job->salary_to }}" min="0" step="0.01" />
    </div>
</div>

{{-- Salary To + Job Category --}}
<div class="row mb-5">
   
    

      {{-- Job Type --}}
    <div class="col-md-6 fv-row">
        <label class="required fs-6 fw-bold mb-2">{{ TranslationManager::translate('Job Type') }}</label>
        <select name="job_type" class="form-control form-control-solid">
            <option value="">{{ TranslationManager::translate('Select Job Type') }}</option>
            <option value="full_time" {{ $job->job_type == 'full_time' ? 'selected' : '' }}>
                {{ TranslationManager::translate('Full Time') }}
            </option>
            <option value="part_time" {{ $job->job_type == 'part_time' ? 'selected' : '' }}>
                {{ TranslationManager::translate('Part Time') }}
            </option>
            <option value="remote" {{ $job->job_type == 'remote' ? 'selected' : '' }}>
                {{ TranslationManager::translate('Remote') }}
            </option>
            <option value="hybrid" {{ $job->job_type == 'hybrid' ? 'selected' : '' }}>
                {{ TranslationManager::translate('Hybrid') }}
            </option>
            <option value="contract" {{ $job->job_type == 'contract' ? 'selected' : '' }}>
                {{ TranslationManager::translate('Contract') }}
            </option>
        </select>
    </div>


    <div class="col-md-6 fv-row">
        <label class="required fs-6 fw-bold mb-2">{{ TranslationManager::translate('Job Category') }}</label>
        <select name="job_category_id" class="form-control form-control-solid">
            <option value="">{{ TranslationManager::translate('Select Category') }}</option>
            @foreach ($categories as $category)
                <option value="{{ $category->id }}" {{ $job->job_category_id == $category->id ? 'selected' : '' }}>
                    {{ $category->getTranslation('name', app()->getLocale()) }}
                </option>
            @endforeach
        </select>
    </div>
</div>

                    
<div class="row mb-5">
  
     <div class="col-md-6 fv-row">
        <label class="required fs-6 fw-bold mb-2">{{ TranslationManager::translate('Last Date') }}</label>
        <input type="date" class="form-control form-control-solid"
            name="last_date" value="{{ $job->last_date }}" />
    </div>

    {{-- Image --}}
    <div class="col-md-6 fv-row">
        <label class="required fs-6 fw-bold mb-2">{{ TranslationManager::translate('Image') }}</label>
        <input type="file" class="form-control form-control-solid" name="image" />

        @if ($job->id != NULL && $job->image)
            <img src="{{ $job->getImage() }}" alt="" class="img-thumbnail mt-3" width="100px" height="100px" />
        @endif
    </div>
</div>


                   

                    <div class="separator mb-8"></div>
                    <button type="submit" class="btn btn-primary" id="kt_careers_submit_button">
                        <span class="indicator-label">{{ TranslationManager::translate('Submit') }}</span>
                    </button>
                </form>
            </div>
        </div>
    </div>
</div>

    {{-- <div class="card page-container" id="page-container">
        <div class="card-body p-lg-25 content-wrap">

            <!--begin::Layout-->
            <div class="d-flex flex-column flex-lg-row mb-17">
                <div class="flex-lg-row-fluid me-0 me-lg-20">
                    <form action="{{ $action }}" class="form mb-15" method="POST" id="kt_careers_form"
                        enctype='multipart/form-data'>
                        @csrf
                        @if ($method == 'PUT')
                            @method('put')
                        @endif

                        <div class="row mb-5">
                            @foreach ($languages as $language)
                                <div class="col-md-6 fv-row" @if ($language->code == 'ar') dir="rtl" @else dir="ltr" @endif >
                                    <label class="required fs-5 fw-bold mb-2">{{ TranslationManager::translate('Name', $language->code) }}</label>
                                    <input type="text" class="form-control form-control-solid"
                                        value="{{ $job->getTranslation('name', $language->code, false) }}"
                                        placeholder="{{ TranslationManager::translate('Name', $language->code) }}"
                                        name="name[{{ $language->code }}]" />
                                </div>  
                            @endforeach
                        </div>

                        @foreach ($languages as $language)
                            <div class="row mb-5" @if ($language->code == 'ar') dir="rtl" @else dir="ltr" @endif >
                                <div class="col-md-12 fv-row">
                                    <label
                                        class="required fs-5 fw-bold mb-2">{{ TranslationManager::translate('Description', $language->code) }}</label>
                                    <textarea class="form-control form-control-solid ckeditor"
                                        placeholder="{{ TranslationManager::translate('Description', $language->code) }}"
                                        name="description[{{ $language->code }}]">{{ $job->getTranslation('description',  $language->code, false) }}</textarea>
                                </div>
                            </div>
                        @endforeach

                       
                        
                        <div class="row mb-5">
                            <div class="col-md-6 fv-row">
                                <label class="required fs-6 fw-bold mb-2">{{ TranslationManager::translate('Image') }}</label>
                                <input type="file" class="form-control form-control-solid" name="image" />
                            </div>
                            @if ($job->id != NULL)
                                <div class="col-md-6 fv-row">
                                    <img src="{{ $job->getImage() }}" alt="" class="img-thumbnail" width="100px" height="100px" />
                                </div>
                            @endif
                        </div>

                        <div class="separator mb-8"></div>
                        <button type="submit" class="btn btn-primary" id="kt_careers_submit_button">
                            <span class="indicator-label">{{ TranslationManager::translate('Submit') }}</span>
                        </button>
                    </form>
                </div>
            </div>
        </div>
    </div> --}}
@endsection