@extends('layouts.app')
@section('title', 'إنشاء عقد - DOTS HR Pro')

@section('content')
<div class="page-header">
    <div>
        <h1 class="page-title">إنشاء عقد جديد</h1>
        <p class="page-subtitle">رقم العقد: <strong>{{ $nextNumber }}</strong></p>
    </div>
    <div class="page-actions">
        <a href="{{ route('contracts.index') }}" class="btn btn-ghost"><i class="fas fa-arrow-right"></i> رجوع</a>
    </div>
</div>

@if($errors->any())
    <div class="alert alert-danger" style="padding:16px; margin-bottom:24px; background: var(--danger-light); border-radius: var(--radius); border-right: 4px solid var(--danger)">
        <ul style="margin:0; padding-right: 20px">
            @foreach($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif

<div class="card" style="max-width:900px">
    <div class="card-header"><h3>بيانات العقد</h3></div>
    <div class="card-body">
        <form method="POST" action="{{ route('contracts.store') }}" enctype="multipart/form-data">
            @csrf
            <div class="form-grid cols-2">
                <div class="form-group">
                    <label class="form-label required">الموظف</label>
                    <select name="employee_id" class="form-select" required>
                        <option value="">اختر الموظف</option>
                        @foreach($employees as $emp)
                            <option value="{{ $emp->id }}" {{ old('employee_id') == $emp->id ? 'selected' : '' }}>{{ $emp->full_name }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="form-group">
                    <label class="form-label required">نوع العقد</label>
                    <select name="type" class="form-select" required>
                        <option value="permanent" {{ old('type') == 'permanent' ? 'selected' : '' }}>دائم</option>
                        <option value="fixed_term" {{ old('type', 'fixed_term') == 'fixed_term' ? 'selected' : '' }}>محدد المدة</option>
                        <option value="probation" {{ old('type') == 'probation' ? 'selected' : '' }}>فترة تجربة</option>
                        <option value="temporary" {{ old('type') == 'temporary' ? 'selected' : '' }}>مؤقت</option>
                    </select>
                </div>
            </div>
            <div class="form-grid cols-2">
                <div class="form-group">
                    <label class="form-label required">تاريخ البداية</label>
                    <input type="date" name="start_date" value="{{ old('start_date', date('Y-m-d')) }}" class="form-input" required>
                </div>
                <div class="form-group">
                    <label class="form-label">تاريخ النهاية</label>
                    <input type="date" name="end_date" value="{{ old('end_date') }}" class="form-input">
                    <small class="form-hint">اتركه فارغاً للعقود الدائمة</small>
                </div>
            </div>
            <div class="form-grid cols-2">
                <div class="form-group">
                    <label class="form-label">فترة التجربة حتى</label>
                    <input type="date" name="probation_end_date" value="{{ old('probation_end_date') }}" class="form-input">
                </div>
                <div class="form-group">
                    <label class="form-label">مدة العقد (أشهر)</label>
                    <input type="number" name="duration_months" value="{{ old('duration_months', 12) }}" class="form-input" min="1">
                    <small class="form-hint">تُحسب تلقائياً من التواريخ</small>
                </div>
            </div>
            <div class="form-grid cols-2">
                <div class="form-group">
                    <label class="form-label required">الراتب الأساسي</label>
                    <input type="number" name="salary" value="{{ old('salary') }}" class="form-input" step="0.01" min="0" required>
                </div>
                <div class="form-group">
                    <label class="form-label">البدلات</label>
                    <input type="number" name="allowances" value="{{ old('allowances', 0) }}" class="form-input" step="0.01" min="0">
                </div>
            </div>
            <div class="form-grid cols-2">
                <div class="form-group">
                    <label class="form-label">المسمى الوظيفي بالعقد</label>
                    <input type="text" name="job_title" value="{{ old('job_title') }}" class="form-input">
                </div>
                <div class="form-group">
                    <label class="form-label">القسم</label>
                    <input type="text" name="department" value="{{ old('department') }}" class="form-input">
                </div>
            </div>
            <div class="form-grid cols-2">
                <div class="form-group">
                    <label class="form-label">مدة الإشعار (أيام)</label>
                    <input type="number" name="notice_period_days" value="{{ old('notice_period_days', 30) }}" class="form-input" min="0">
                </div>
                <div class="form-group">
                    <label class="form-label">ملف العقد (PDF)</label>
                    <input type="file" name="document" class="form-input" accept=".pdf,.doc,.docx,.jpg,.png">
                </div>
            </div>
            <div class="form-group">
                <label style="display:flex; align-items:center; gap:8px; cursor:pointer">
                    <input type="checkbox" name="auto_renew" value="1" {{ old('auto_renew') ? 'checked' : '' }}>
                    <span>تجديد تلقائي عند انتهاء العقد</span>
                </label>
            </div>
            <div class="form-group">
                <label class="form-label">الشروط والأحكام</label>
                <textarea name="terms" class="form-textarea" rows="4">{{ old('terms') }}</textarea>
            </div>
            <div class="form-group">
                <label class="form-label">ملاحظات</label>
                <textarea name="notes" class="form-textarea" rows="2">{{ old('notes') }}</textarea>
            </div>
            <div class="form-actions">
                <button type="submit" class="btn btn-primary btn-lg"><i class="fas fa-save"></i> حفظ العقد</button>
                <a href="{{ route('contracts.index') }}" class="btn btn-ghost btn-lg">إلغاء</a>
            </div>
        </form>
    </div>
</div>
@endsection