﻿@extends('layouts.app')

@section('title', 'إنشاء عقد جديد')

@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">إنشاء عقد جديد</h3>
                    <div class="card-tools">
                        <a href="{{ route('employee-contracts.index') }}" class="btn btn-default">
                            <i class="fas fa-arrow-right"></i> العودة إلى قائمة العقود
                        </a>
                    </div>
                </div>
                <div class="card-body">
                    @if ($errors->any())
                    <div class="alert alert-danger">
                        <ul class="mb-0">
                            @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                    @endif

                    <form action="{{ route('employee-contracts.store') }}" method="POST" enctype="multipart/form-data">
                        @csrf
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="employee_id">الموظف <span class="text-danger">*</span></label>
                                    <select name="employee_id" id="employee_id" class="form-control @error('employee_id') is-invalid @enderror" required>
                                        <option value="">-- اختر الموظف --</option>
                                        @foreach($employees as $employee)
                                        <option value="{{ $employee->id }}" {{ old('employee_id') == $employee->id ? 'selected' : '' }}>
                                            {{ $employee->user->name }} ({{ $employee->employee_number }})
                                        </option>
                                        @endforeach
                                    </select>
                                    @error('employee_id')
                                    <span class="invalid-feedback">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="contract_number">رقم العقد <span class="text-danger">*</span></label>
                                    <input type="text" name="contract_number" id="contract_number" class="form-control @error('contract_number') is-invalid @enderror" value="{{ old('contract_number') }}" required>
                                    @error('contract_number')
                                    <span class="invalid-feedback">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="contract_type">نوع العقد <span class="text-danger">*</span></label>
                                    <select name="contract_type" id="contract_type" class="form-control @error('contract_type') is-invalid @enderror" required>
                                        <option value="">-- اختر نوع العقد --</option>
                                        @foreach($contractTypes as $value => $label)
                                        <option value="{{ $value }}" {{ old('contract_type') == $value ? 'selected' : '' }}>
                                            {{ $label }}
                                        </option>
                                        @endforeach
                                    </select>
                                    @error('contract_type')
                                    <span class="invalid-feedback">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="job_title">المسمى الوظيفي <span class="text-danger">*</span></label>
                                    <input type="text" name="job_title" id="job_title" class="form-control @error('job_title') is-invalid @enderror" value="{{ old('job_title') }}" required>
                                    @error('job_title')
                                    <span class="invalid-feedback">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="start_date">تاريخ بدء العقد <span class="text-danger">*</span></label>
                                    <input type="date" name="start_date" id="start_date" class="form-control @error('start_date') is-invalid @enderror" value="{{ old('start_date') }}" required>
                                    @error('start_date')
                                    <span class="invalid-feedback">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="end_date">تاريخ انتهاء العقد</label>
                                    <input type="date" name="end_date" id="end_date" class="form-control @error('end_date') is-invalid @enderror" value="{{ old('end_date') }}">
                                    <small class="form-tet text-muted">اترك هذا الحقل فارغًا إذا كان العقد غير محدد المدة</small>
                                    @error('end_date')
                                    <span class="invalid-feedback">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="basic_salary">الراتب الأساسي <span class="text-danger">*</span></label>
                                    <input type="number" step="0.01" name="basic_salary" id="basic_salary" class="form-control @error('basic_salary') is-invalid @enderror" value="{{ old('basic_salary') }}" required>
                                    @error('basic_salary')
                                    <span class="invalid-feedback">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="housing_allowance">بدل السكن</label>
                                    <input type="number" step="0.01" name="housing_allowance" id="housing_allowance" class="form-control @error('housing_allowance') is-invalid @enderror" value="{{ old('housing_allowance') }}">
                                    @error('housing_allowance')
                                    <span class="invalid-feedback">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="transportation_allowance">بدل المواصلات</label>
                                    <input type="number" step="0.01" name="transportation_allowance" id="transportation_allowance" class="form-control @error('transportation_allowance') is-invalid @enderror" value="{{ old('transportation_allowance') }}">
                                    @error('transportation_allowance')
                                    <span class="invalid-feedback">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="other_allowances">بدلات أخرى</label>
                                    <input type="number" step="0.01" name="other_allowances" id="other_allowances" class="form-control @error('other_allowances') is-invalid @enderror" value="{{ old('other_allowances') }}">
                                    @error('other_allowances')
                                    <span class="invalid-feedback">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="working_hours">ساعات العمل اليومية</label>
                                    <input type="number" step="0.5" name="working_hours" id="working_hours" class="form-control @error('working_hours') is-invalid @enderror" value="{{ old('working_hours') }}">
                                    @error('working_hours')
                                    <span class="invalid-feedback">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="probation_period">فترة التجربة (بالأيام)</label>
                                    <input type="number" name="probation_period" id="probation_period" class="form-control @error('probation_period') is-invalid @enderror" value="{{ old('probation_period') }}">
                                    @error('probation_period')
                                    <span class="invalid-feedback">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="notice_period">فترة الإشعار (بالأيام)</label>
                                    <input type="number" name="notice_period" id="notice_period" class="form-control @error('notice_period') is-invalid @enderror" value="{{ old('notice_period') }}">
                                    @error('notice_period')
                                    <span class="invalid-feedback">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="contract_file">ملف العقد</label>
                                    <div class="custom-file">
                                        <input type="file" name="contract_file" id="contract_file" class="custom-file-input @error('contract_file') is-invalid @enderror">
                                        <label class="custom-file-label" for="contract_file">اختر ملف</label>
                                    </div>
                                    <small class="form-tet text-muted">يمكن تحميل ملفات PDF, DOC, DOC بحجم أقصى 10 ميجابايت</small>
                                    @error('contract_file')
                                    <span class="invalid-feedback">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="notes">ملاحظات</label>
                            <textarea name="notes" id="notes" rows="3" class="form-control @error('notes') is-invalid @enderror">{{ old('notes') }}</textarea>
                            @error('notes')
                            <span class="invalid-feedback">{{ $message }}</span>
                            @enderror
                        </div>

                        <div class="form-group">
                            <button type="submit" class="btn btn-primary">
                                <i class="fas fa-save"></i> حفظ العقد
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('scripts')
<script>
    $(document).ready(function() {
        // تحديث اسم الملف المختار
        $('.custom-file-input').on('change', function() {
            var fileName = $(this).val().split('\\').pop();
            $(this).net('.custom-file-label').html(fileName);
        });
    });
</script>
@endsection
