from django import forms
from .models import ContactMessage
from captcha.fields import ReCaptchaField
from captcha.widgets import ReCaptchaV2Checkbox

from django.utils.translation import gettext_lazy as _

SERVICE_CHOICES = [
    ('', _('اختر نوع الخدمة')),
    ('استشارة', _('استشارة')),
    ('تصميم موقع', _('تصميم موقع')),
    ('تصميم متجر الكتروني', _('تصميم متجر الكتروني')),
    ('التسويق الرقمي', _('التسويق الرقمي')),
    ('الاستضافة', _('الاستضافة')),
    ('الدعم الفني', _('الدعم الفني')),
    ('الهوية البصرية', _('الهوية البصرية')),
]

class ContactForm(forms.ModelForm):
    service_type = forms.ChoiceField(
        choices=SERVICE_CHOICES,
        widget=forms.Select(attrs={
            'class': 'form-select',  # ✅ هذا هو الكلاس الصحيح للقائمة المنسدلة
            'dir': 'rtl',  # لجعل الاتجاه من اليمين لليسار إن كان موقعك عربي
            'aria-label': _('اختر نوع الخدمة'),
        })
    )
    captcha = ReCaptchaField(widget=ReCaptchaV2Checkbox)

    class Meta:
        model = ContactMessage
        fields = ['name', 'email', 'phone', 'service_type', 'message', 'captcha']
        widgets = {
            'name': forms.TextInput(attrs={
                'class': 'form-control',
                'placeholder': _('الاسم')
            }),
            'email': forms.EmailInput(attrs={
                'class': 'form-control',
                'placeholder': _('البريد الإلكتروني')
            }),
            'phone': forms.TextInput(attrs={
                'class': 'form-control',
                'placeholder': _('رقم الجوال')
            }),
            'message': forms.Textarea(attrs={
                'class': 'form-control',
                'rows': 6,
                'placeholder': _('التفاصيل')
            }),
        }