@extends('layouts.master')

@section('content')
<div>
    <h3 style="font-weight: 800; margin-bottom: 5px;">اتصل بنا</h3>
    <p style="color: #666;">أرسل لنا رسالتك وسنقوم بالرد عليك في أقرب وقت</p>
    <hr>

    @include('layouts.errors')

    <div id="flash">
        @if(session('flash_notification'))
            @foreach(session('flash_notification') as $msg)
                <div class="alert alert-{{ $msg->level }}">{{ $msg->message }}</div>
            @endforeach
        @endif
    </div>

    <form method="POST" action="/contact">
        @csrf

        <div class="form-group">
            <label>الاسم:</label>
            <input type="text" class="form-control" name="name" value="{{ old('name') }}" placeholder="أدخل اسمك" required>
        </div>

        <div class="form-group">
            <label>البريد الإلكتروني:</label>
            <input type="email" class="form-control" name="email" value="{{ old('email') }}" placeholder="example@email.com" required style="direction: ltr; text-align: right;">
        </div>

        <div class="form-group">
            <label>الموضوع:</label>
            <select class="form-control" name="subject" required>
                <option value="">-- اختر الموضوع --</option>
                <option value="إضافة كلمات أغنية" {{ old('subject') == 'إضافة كلمات أغنية' ? 'selected' : '' }}>إضافة كلمات أغنية</option>
                <option value="تصحيح كلمات" {{ old('subject') == 'تصحيح كلمات' ? 'selected' : '' }}>تصحيح كلمات</option>
                <option value="مشكلة تقنية" {{ old('subject') == 'مشكلة تقنية' ? 'selected' : '' }}>مشكلة تقنية</option>
                <option value="اقتراح" {{ old('subject') == 'اقتراح' ? 'selected' : '' }}>اقتراح</option>
                <option value="حقوق النشر" {{ old('subject') == 'حقوق النشر' ? 'selected' : '' }}>حقوق النشر</option>
                <option value="أخرى" {{ old('subject') == 'أخرى' ? 'selected' : '' }}>أخرى</option>
            </select>
        </div>

        <div class="form-group">
            <label>الرسالة:</label>
            <textarea class="form-control" name="message" rows="6" placeholder="اكتب رسالتك هنا..." required>{{ old('message') }}</textarea>
        </div>

        @php $recaptchaEnabled = \App\SiteSetting::get('recaptcha_enabled', '0'); $recaptchaSiteKey = \App\SiteSetting::get('recaptcha_site_key', ''); @endphp
        @if($recaptchaEnabled == '1' && $recaptchaSiteKey)
        <div style="padding: 10px 0; display: flex; justify-content: center;">
            <div class="g-recaptcha" data-sitekey="{{ $recaptchaSiteKey }}"></div>
        </div>
        @if ($errors->has('g-recaptcha-response'))
            <div style="color: #cc0000; font-size: 0.85em; text-align: center; margin-bottom: 5px;">{{ $errors->first('g-recaptcha-response') }}</div>
        @endif
        @endif

        <div class="form-group" style="margin-top: 1.5rem;">
            <button type="submit" class="btn btn-primary btn-lg btn-block">إرسال الرسالة</button>
        </div>
    </form>

    <div style="margin-top: 1.5rem; padding: 12px; background: #bbbbd0; border: 1px solid #9999CC;">
        <p style="color: #333; margin: 0; font-size: 0.9em;">
            <strong style="color: #7777CC;">ملاحظة:</strong>
            إذا كنت تريد إرسال كلمات أغنية، يمكنك استخدام نموذج
            <a href="/songs/create">إرسال كلمات أغنية</a>
            مباشرةً.
        </p>
    </div>
</div>
@endsection
