@extends('layouts.app')
@section('title', 'إضافة مناسبة')
@section('content')
<div class="page-header"><div><h1 class="page-title">إضافة مناسبة</h1></div></div>
<form method="POST" action="{{ route('announcements.store-event') }}">
    @csrf
    <div class="card">
        <div class="card-body">
            <div class="form-grid cols-2">
                <div class="form-group" style="grid-column:span 2">
                    <label class="form-label required">عنوان المناسبة</label>
                    <input type="text" name="title" class="form-input" required>
                </div>
                <div class="form-group" style="grid-column:span 2">
                    <label class="form-label">الوصف</label>
                    <textarea name="description" class="form-textarea" rows="2"></textarea>
                </div>
                <div class="form-group">
                    <label class="form-label required">النوع</label>
                    <select name="event_type" class="form-select" required>
                        <option value="birthday">عيد ميلاد</option>
                        <option value="work_anniversary">ذكرى توظيف</option>
                        <option value="holiday">إجازة رسمية</option>
                        <option value="meeting">اجتماع</option>
                        <option value="celebration">احتفال</option>
                        <option value="other">أخرى</option>
                    </select>
                </div>
                <div class="form-group">
                    <label class="form-label required">التاريخ</label>
                    <input type="date" name="event_date" class="form-input" required>
                </div>
                <div class="form-group">
                    <label class="form-label">الموظف (للمناسبات الشخصية)</label>
                    <select name="employee_id" class="form-select">
                        <option value="">— بدون —</option>
                        @foreach($employees as $emp)
                        <option value="{{ $emp->id }}">{{ $emp->first_name }} {{ $emp->last_name }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="form-group">
                    <label class="form-label">
                        <input type="hidden" name="is_recurring" value="0">
                        <input type="checkbox" name="is_recurring" value="1"> تتكرر سنوياً
                    </label>
                </div>
            </div>
        </div>
    </div>
    <div class="form-actions">
        <a href="{{ route('announcements.index') }}" class="btn btn-secondary">إلغاء</a>
        <button type="submit" class="btn btn-primary">حفظ المناسبة</button>
    </div>
</form>
@endsection