@extends('dashboard.admin.layouts.master')

@section('content')
    <div class="d-flex flex-column flex-column-fluid">
        <div id="kt_app_toolbar" class="app-toolbar py-3 py-lg-6">
            <div id="kt_app_toolbar_container" class="app-container container-xxl d-flex flex-stack">
                <div class="page-title d-flex flex-column justify-content-center flex-wrap me-3">
                    <h1 class="page-heading d-flex text-dark fw-bold fs-3 flex-column justify-content-center my-0">Create Employee</h1>
                </div>
                <div class="d-flex align-items-center gap-2 gap-lg-3">
                    <a href="{{ route('admin.dashboard.hr.employees.index') }}" class="btn btn-sm fw-bold btn-secondary">Back</a>
                </div>
            </div>
        </div>

        <div id="kt_app_content" class="app-content flex-column-fluid">
            <div id="kt_app_content_container" class="app-container container-xxl">
                <form id="EmployeeCreateForm" action="{{ route('admin.dashboard.hr.employees.store') }}" method="POST">
                    @csrf

                    <div class="card card-flush py-4 mb-7">
                        <div class="card-header">
                            <div class="card-title">
                                <h2>Personal Information</h2>
                            </div>
                        </div>
                        <div class="card-body pt-0">
                            <div class="row g-5">
                                <div class="col-md-4">
                                    <label class="required form-label">Code</label>
                                    <input type="text" name="code" class="form-control @error('code') is-invalid @enderror" value="{{ old('code') }}">
                                    @error('code')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                </div>
                                <div class="col-md-4">
                                    <label class="form-label">Candidate</label>
                                    <select name="candidate_id" class="form-select @error('candidate_id') is-invalid @enderror">
                                        <option value="">Select candidate</option>
                                        @foreach($candidates as $candidate)
                                            <option value="{{ $candidate->id }}" @selected(old('candidate_id') == $candidate->id)>{{ $candidate->code }} - {{ $candidate->name }}</option>
                                        @endforeach
                                    </select>
                                    @error('candidate_id')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                </div>
                                <div class="col-md-4">
                                    <label class="required form-label">Employment Status</label>
                                    <select name="employment_status" class="form-select @error('employment_status') is-invalid @enderror">
                                        @foreach($employmentStatuses as $status)
                                            <option value="{{ $status }}" @selected(old('employment_status', 'active') === $status)>{{ ucfirst($status) }}</option>
                                        @endforeach
                                    </select>
                                    @error('employment_status')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                </div>
                                <div class="col-md-6">
                                    <label class="required form-label">Arabic Name</label>
                                    <input type="text" name="name[ar]" class="form-control @error('name.ar') is-invalid @enderror" value="{{ old('name.ar') }}">
                                    @error('name.ar')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label">English Name</label>
                                    <input type="text" name="name[en]" class="form-control @error('name.en') is-invalid @enderror" value="{{ old('name.en') }}">
                                    @error('name.en')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                </div>
                                <div class="col-md-4">
                                    <label class="form-label">Email</label>
                                    <input type="email" name="email" class="form-control @error('email') is-invalid @enderror" value="{{ old('email') }}">
                                    @error('email')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                </div>
                                <div class="col-md-4">
                                    <label class="form-label">Phone</label>
                                    <input type="text" name="phone" class="form-control @error('phone') is-invalid @enderror" value="{{ old('phone') }}">
                                    @error('phone')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                </div>
                                <div class="col-md-4">
                                    <label class="form-label">Nationality</label>
                                    <input type="text" name="nationality" class="form-control @error('nationality') is-invalid @enderror" value="{{ old('nationality') }}">
                                    @error('nationality')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                </div>
                                <div class="col-md-4">
                                    <label class="form-label">Date of Birth</label>
                                    <input type="date" name="date_of_birth" class="form-control @error('date_of_birth') is-invalid @enderror" value="{{ old('date_of_birth') }}">
                                    @error('date_of_birth')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                </div>
                                <div class="col-md-4">
                                    <label class="form-label">Gender</label>
                                    <select name="gender" class="form-select @error('gender') is-invalid @enderror">
                                        <option value="">Select gender</option>
                                        @foreach($genders as $gender)
                                            <option value="{{ $gender }}" @selected(old('gender') === $gender)>{{ ucfirst($gender) }}</option>
                                        @endforeach
                                    </select>
                                    @error('gender')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                </div>
                                <div class="col-md-4">
                                    <label class="form-label">Marital Status</label>
                                    <select name="marital_status" class="form-select @error('marital_status') is-invalid @enderror">
                                        <option value="">Select marital status</option>
                                        @foreach($maritalStatuses as $status)
                                            <option value="{{ $status }}" @selected(old('marital_status') === $status)>{{ ucfirst($status) }}</option>
                                        @endforeach
                                    </select>
                                    @error('marital_status')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label">National ID Number</label>
                                    <input type="text" name="national_id_number" class="form-control @error('national_id_number') is-invalid @enderror" value="{{ old('national_id_number') }}">
                                    @error('national_id_number')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label">Passport Number</label>
                                    <input type="text" name="passport_number" class="form-control @error('passport_number') is-invalid @enderror" value="{{ old('passport_number') }}">
                                    @error('passport_number')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                </div>
                                <div class="col-12">
                                    <label class="form-label">Address</label>
                                    <textarea name="address" class="form-control @error('address') is-invalid @enderror" rows="3">{{ old('address') }}</textarea>
                                    @error('address')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label">Emergency Contact Name</label>
                                    <input type="text" name="emergency_contact_name" class="form-control @error('emergency_contact_name') is-invalid @enderror" value="{{ old('emergency_contact_name') }}">
                                    @error('emergency_contact_name')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label">Emergency Contact Phone</label>
                                    <input type="text" name="emergency_contact_phone" class="form-control @error('emergency_contact_phone') is-invalid @enderror" value="{{ old('emergency_contact_phone') }}">
                                    @error('emergency_contact_phone')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="card card-flush py-4 mb-7">
                        <div class="card-header">
                            <div class="card-title">
                                <h2>Job Information</h2>
                            </div>
                        </div>
                        <div class="card-body pt-0">
                            <div class="row g-5">
                                <div class="col-md-4">
                                    <label class="form-label">Branch</label>
                                    <select name="branch_id" class="form-select @error('branch_id') is-invalid @enderror">
                                        <option value="">Select branch</option>
                                        @foreach($branches as $branch)
                                            <option value="{{ $branch->id }}" @selected(old('branch_id') == $branch->id)>{{ $branch->name }}</option>
                                        @endforeach
                                    </select>
                                    @error('branch_id')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                </div>
                                <div class="col-md-4">
                                    <label class="form-label">Department</label>
                                    <select name="department_id" class="form-select @error('department_id') is-invalid @enderror">
                                        <option value="">Select department</option>
                                        @foreach($departments as $department)
                                            <option value="{{ $department->id }}" @selected(old('department_id') == $department->id)>{{ $department->code }} - {{ $department->name }}</option>
                                        @endforeach
                                    </select>
                                    @error('department_id')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                </div>
                                <div class="col-md-4">
                                    <label class="form-label">Designation</label>
                                    <select name="designation_id" class="form-select @error('designation_id') is-invalid @enderror">
                                        <option value="">Select designation</option>
                                        @foreach($designations as $designation)
                                            <option value="{{ $designation->id }}" @selected(old('designation_id') == $designation->id)>{{ $designation->code }} - {{ $designation->name }}</option>
                                        @endforeach
                                    </select>
                                    @error('designation_id')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                </div>
                                <div class="col-md-4">
                                    <label class="form-label">Grade</label>
                                    <select name="grade_id" class="form-select @error('grade_id') is-invalid @enderror">
                                        <option value="">Select grade</option>
                                        @foreach($grades as $grade)
                                            <option value="{{ $grade->id }}" @selected(old('grade_id') == $grade->id)>{{ $grade->code }} - {{ $grade->name }}</option>
                                        @endforeach
                                    </select>
                                    @error('grade_id')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                </div>
                                <div class="col-md-4">
                                    <label class="form-label">Direct Manager</label>
                                    <select name="direct_manager_id" class="form-select @error('direct_manager_id') is-invalid @enderror">
                                        <option value="">Select manager</option>
                                        @foreach($managers as $manager)
                                            <option value="{{ $manager->id }}" @selected(old('direct_manager_id') == $manager->id)>{{ $manager->code }} - {{ $manager->name }}</option>
                                        @endforeach
                                    </select>
                                    @error('direct_manager_id')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                </div>
                                <div class="col-md-4">
                                    <label class="form-label">Hire Date</label>
                                    <input type="date" name="hire_date" class="form-control @error('hire_date') is-invalid @enderror" value="{{ old('hire_date') }}">
                                    @error('hire_date')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                </div>
                                <div class="col-12">
                                    <div class="form-check form-check-custom form-check-solid">
                                        <input type="hidden" name="is_active" value="0">
                                        <input class="form-check-input" type="checkbox" name="is_active" value="1" id="employee_is_active" {{ old('is_active', true) ? 'checked' : '' }}>
                                        <label class="form-check-label" for="employee_is_active">Active</label>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="d-flex justify-content-end">
                        <button type="submit" class="btn btn-primary">Save Employee</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection

@section('js')
    <script type="text/javascript" src="{{ asset('vendor/jsvalidation/js/jsvalidation.js') }}"></script>
    {!! JsValidator::formRequest('App\Http\Requests\Admin\HR\Employee\StoreEmployeeRequest', '#EmployeeCreateForm') !!}
@endsection