@extends('dashboard.layouts.app')

@section('content')
    @include('components.alert')

    <div class="container-fluid app-bg">
        <div class="page-shell">
            <div class="space-y-4">

                <x-page-title
                    title="Create Requirement"
                    description="Define a new hiring requirement including role details, priorities, and expectations.">
                    <a href="{{ route('recuirements.index') }}" class="asset-btn asset-btn--secondary">
                        Back
                    </a>
                </x-page-title>

                <form action="{{ route('recuirements.store') }}" method="POST">
                    @csrf

                    <div class="ui-card form-section">
                        <div class="form-section__head">
                            <div class="form-section__title">Requirement Details</div>
                            <div class="form-section__sub">Fill all required fields to create a new requirement.</div>
                        </div>

                        <div class="asset-form-grid">

                            {{-- Department --}}
                            <div class="asset-col-6">
                                <label class="asset-label">Department <span class="text-danger">*</span></label>
                                <div class="asset-select2-wrap">
                                    <select name="department_id" id="department_id"
                                        class="asset-select general-select select2 @error('department_id') asset-invalid @enderror" required>
                                        <option value="">Select Department</option>
                                        @foreach ($departments as $dept)
                                            <option value="{{ $dept->id }}">{{ $dept->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                @error('department_id')
                                    <div class="asset-invalid">{{ $message }}</div>
                                @enderror
                            </div>

                            {{-- Job Title --}}
                            <div class="asset-col-6">
                                <label class="asset-label">Job Title <span class="text-danger">*</span></label>
                                <div class="asset-select2-wrap">
                                    <select name="job_title_id" id="job_title_id"
                                        class="asset-select general-select select2 @error('job_title_id') asset-invalid @enderror" required>
                                        <option value="">Select Job Title</option>
                                    </select>
                                </div>
                                @error('job_title_id')
                                    <div class="asset-invalid">{{ $message }}</div>
                                @enderror
                            </div>

                            {{-- Priority --}}
                            <div class="asset-col-6">
                                <label class="asset-label">Priority <span class="text-danger">*</span></label>
                                <select name="priority"
                                    class="asset-select @error('priority') asset-invalid @enderror" required>
                                    <option value="">Select Priority</option>
                                    <option value="high" {{ old('priority') == 'high' ? 'selected' : '' }}>High</option>
                                    <option value="medium" {{ old('priority', 'medium') == 'medium' ? 'selected' : '' }}>Medium</option>
                                    <option value="low" {{ old('priority') == 'low' ? 'selected' : '' }}>Low</option>
                                </select>
                                @error('priority')
                                    <div class="asset-invalid">{{ $message }}</div>
                                @enderror
                            </div>

                            {{-- Job Type --}}
                            <div class="asset-col-6">
                                <label class="asset-label">Job Type <span class="text-danger">*</span></label>
                                <select name="job_type"
                                    class="asset-select @error('job_type') asset-invalid @enderror" required>
                                    <option value="">Select Job Type</option>
                                    <option value="full_time">Full Time</option>
                                    <option value="part_time">Part Time</option>
                                    <option value="contract">Contract</option>
                                    <option value="internship">Internship</option>
                                </select>
                                @error('job_type')
                                    <div class="asset-invalid">{{ $message }}</div>
                                @enderror
                            </div>

                            {{-- Salary --}}
                            <div class="asset-col-6">
                                <label class="asset-label">Salary Range</label>
                                <input type="text" name="salary_range"
                                    class="asset-input @error('salary_range') asset-invalid @enderror"
                                    value="{{ old('salary_range') }}"
                                    placeholder="e.g. $2000 - $3000">
                                @error('salary_range')
                                    <div class="asset-invalid">{{ $message }}</div>
                                @enderror
                            </div>

                            {{-- Experience --}}
                            <div class="asset-col-6">
                                <label class="asset-label">Work Experience</label>
                                <input type="text" name="work_experience"
                                    class="asset-input @error('work_experience') asset-invalid @enderror"
                                    value="{{ old('work_experience') }}"
                                    placeholder="e.g. 2-3 years">
                                @error('work_experience')
                                    <div class="asset-invalid">{{ $message }}</div>
                                @enderror
                            </div>

                            {{-- Report To --}}
                            <div class="asset-col-6">
                                <label class="asset-label">Report To <span class="text-danger">*</span></label>
                                <div class="asset-select2-wrap">
                                    <select name="report_to"
                                        class="asset-select general-select select2 @error('report_to') asset-invalid @enderror" required>
                                        <option value="">Select Manager</option>
                                        @foreach ($staffs as $staff)
                                            <option value="{{ $staff->id }}">
                                                {{ $staff->first_name }} {{ $staff->last_name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                                @error('report_to')
                                    <div class="asset-invalid">{{ $message }}</div>
                                @enderror
                            </div>

                            {{-- Due Date --}}
                            <div class="asset-col-6">
                                <label class="asset-label">Due Date <span class="text-danger">*</span></label>
                                <input type="date" name="due_date"
                                    class="asset-input @error('due_date') asset-invalid @enderror"
                                    value="{{ old('due_date') }}" required>
                                @error('due_date')
                                    <div class="asset-invalid">{{ $message }}</div>
                                @enderror
                            </div>

                            {{-- Preferred Age --}}
                            <div class="asset-col-6">
                                <label class="asset-label">Preferred Age</label>
                                <input type="number" name="prefered_age"
                                    class="asset-input @error('prefered_age') asset-invalid @enderror"
                                    value="{{ old('prefered_age') }}">
                                @error('prefered_age')
                                    <div class="asset-invalid">{{ $message }}</div>
                                @enderror
                            </div>

                            {{-- Description --}}
                            <div class="asset-col-12">
                                <label class="asset-label">Job Description <span class="text-danger">*</span></label>
                                <textarea name="job_description"
                                    class="asset-input @error('job_description') asset-invalid @enderror"
                                    rows="4" required>{{ old('job_description') }}</textarea>
                                @error('job_description')
                                    <div class="asset-invalid">{{ $message }}</div>
                                @enderror
                            </div>

                            {{-- Skills --}}
                            <div class="asset-col-12">
                                <label class="asset-label">Required Skills</label>
                                <textarea name="required_skills"
                                    class="asset-input @error('required_skills') asset-invalid @enderror"
                                    rows="4">{{ old('required_skills') }}</textarea>
                                @error('required_skills')
                                    <div class="asset-invalid">{{ $message }}</div>
                                @enderror
                            </div>

                        </div>
                    </div>

                    <div class="asset-actions">
                        <a href="{{ route('recuirements.index') }}" class="asset-btn asset-btn--secondary">
                            Cancel
                        </a>

                        <button type="submit" class="asset-btn asset-btn--primary">
                            Save Requirement
                        </button>
                    </div>

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

@extends('dashboard.layouts.app')

@section('content')
    @include('components.alert')

    <div class="container-fluid app-bg">
        <div class="page-shell">
            <div class="space-y-4">

                <x-page-title
                    title="Create Requirement"
                    description="Define a new hiring requirement including role details, priorities, and expectations.">
                    <a href="{{ route('recuirements.index') }}" class="asset-btn asset-btn--secondary">
                        Back
                    </a>
                </x-page-title>

                <form action="{{ route('recuirements.store') }}" method="POST">
                    @csrf

                    <div class="ui-card form-section">
                        <div class="form-section__head">
                            <div class="form-section__title">Requirement Details</div>
                            <div class="form-section__sub">Fill all required fields to create a new requirement.</div>
                        </div>

                        <div class="asset-form-grid">

                            {{-- Department --}}
                            <div class="asset-col-6">
                                <label class="asset-label">Department <span class="text-danger">*</span></label>
                                <div class="asset-select2-wrap">
                                    <select name="department_id" id="department_id"
                                        class="asset-select general-select select2 @error('department_id') asset-invalid @enderror" required>
                                        <option value="">Select Department</option>
                                        @foreach ($departments as $dept)
                                            <option value="{{ $dept->id }}">{{ $dept->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                @error('department_id')
                                    <div class="asset-invalid">{{ $message }}</div>
                                @enderror
                            </div>

                            {{-- Job Title --}}
                            <div class="asset-col-6">
                                <label class="asset-label">Job Title <span class="text-danger">*</span></label>
                                <div class="asset-select2-wrap">
                                    <select name="job_title_id" id="job_title_id"
                                        class="asset-select general-select select2 @error('job_title_id') asset-invalid @enderror" required>
                                        <option value="">Select Job Title</option>
                                    </select>
                                </div>
                                @error('job_title_id')
                                    <div class="asset-invalid">{{ $message }}</div>
                                @enderror
                            </div>

                            {{-- Priority --}}
                            <div class="asset-col-6">
                                <label class="asset-label">Priority <span class="text-danger">*</span></label>
                                <select name="priority"
                                    class="asset-select @error('priority') asset-invalid @enderror" required>
                                    <option value="">Select Priority</option>
                                    <option value="high" {{ old('priority') == 'high' ? 'selected' : '' }}>High</option>
                                    <option value="medium" {{ old('priority', 'medium') == 'medium' ? 'selected' : '' }}>Medium</option>
                                    <option value="low" {{ old('priority') == 'low' ? 'selected' : '' }}>Low</option>
                                </select>
                                @error('priority')
                                    <div class="asset-invalid">{{ $message }}</div>
                                @enderror
                            </div>

                            {{-- Job Type --}}
                            <div class="asset-col-6">
                                <label class="asset-label">Job Type <span class="text-danger">*</span></label>
                                <select name="job_type"
                                    class="asset-select @error('job_type') asset-invalid @enderror" required>
                                    <option value="">Select Job Type</option>
                                    <option value="full_time">Full Time</option>
                                    <option value="part_time">Part Time</option>
                                    <option value="contract">Contract</option>
                                    <option value="internship">Internship</option>
                                </select>
                                @error('job_type')
                                    <div class="asset-invalid">{{ $message }}</div>
                                @enderror
                            </div>

                            {{-- Salary --}}
                            <div class="asset-col-6">
                                <label class="asset-label">Salary Range</label>
                                <input type="text" name="salary_range"
                                    class="asset-input @error('salary_range') asset-invalid @enderror"
                                    value="{{ old('salary_range') }}"
                                    placeholder="e.g. $2000 - $3000">
                                @error('salary_range')
                                    <div class="asset-invalid">{{ $message }}</div>
                                @enderror
                            </div>

                            {{-- Experience --}}
                            <div class="asset-col-6">
                                <label class="asset-label">Work Experience</label>
                                <input type="text" name="work_experience"
                                    class="asset-input @error('work_experience') asset-invalid @enderror"
                                    value="{{ old('work_experience') }}"
                                    placeholder="e.g. 2-3 years">
                                @error('work_experience')
                                    <div class="asset-invalid">{{ $message }}</div>
                                @enderror
                            </div>

                            {{-- Report To --}}
                            <div class="asset-col-6">
                                <label class="asset-label">Report To <span class="text-danger">*</span></label>
                                <div class="asset-select2-wrap">
                                    <select name="report_to"
                                        class="asset-select general-select select2 @error('report_to') asset-invalid @enderror" required>
                                        <option value="">Select Manager</option>
                                        @foreach ($staffs as $staff)
                                            <option value="{{ $staff->id }}">
                                                {{ $staff->first_name }} {{ $staff->last_name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                                @error('report_to')
                                    <div class="asset-invalid">{{ $message }}</div>
                                @enderror
                            </div>

                            {{-- Due Date --}}
                            <div class="asset-col-6">
                                <label class="asset-label">Due Date <span class="text-danger">*</span></label>
                                <input type="date" name="due_date"
                                    class="asset-input @error('due_date') asset-invalid @enderror"
                                    value="{{ old('due_date') }}" required>
                                @error('due_date')
                                    <div class="asset-invalid">{{ $message }}</div>
                                @enderror
                            </div>

                            {{-- Preferred Age --}}
                            <div class="asset-col-6">
                                <label class="asset-label">Preferred Age</label>
                                <input type="number" name="prefered_age"
                                    class="asset-input @error('prefered_age') asset-invalid @enderror"
                                    value="{{ old('prefered_age') }}">
                                @error('prefered_age')
                                    <div class="asset-invalid">{{ $message }}</div>
                                @enderror
                            </div>

                            {{-- Description --}}
                            <div class="asset-col-12">
                                <label class="asset-label">Job Description <span class="text-danger">*</span></label>
                                <textarea name="job_description"
                                    class="asset-input @error('job_description') asset-invalid @enderror"
                                    rows="4" required>{{ old('job_description') }}</textarea>
                                @error('job_description')
                                    <div class="asset-invalid">{{ $message }}</div>
                                @enderror
                            </div>

                            {{-- Skills --}}
                            <div class="asset-col-12">
                                <label class="asset-label">Required Skills</label>
                                <textarea name="required_skills"
                                    class="asset-input @error('required_skills') asset-invalid @enderror"
                                    rows="4">{{ old('required_skills') }}</textarea>
                                @error('required_skills')
                                    <div class="asset-invalid">{{ $message }}</div>
                                @enderror
                            </div>

                        </div>
                    </div>

                    <div class="asset-actions">
                        <a href="{{ route('recuirements.index') }}" class="asset-btn asset-btn--secondary">
                            Cancel
                        </a>

                        <button type="submit" class="asset-btn asset-btn--primary">
                            Save Requirement
                        </button>
                    </div>

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