@extends('layouts.site')

@section('content')
@php($isAr = $locale === 'ar')
<section class="page-hero">
    <div class="container page-hero-inner reveal">
        <span class="eyebrow">{{ $isAr ? 'اتصل بنا' : 'Contact Us' }}</span>
        <h1>{{ $isAr ? 'نستقبل استفساراتكم ومساهماتكم' : 'We Welcome Your Inquiries and Contributions' }}</h1>
    </div>
</section>
<section class="section">
    <div class="container contact-grid">
        <div class="contact-card reveal">
            <h2>{{ $isAr ? 'معلومات التواصل' : 'Contact Information' }}</h2>
            <a href="tel:{{ $settings->get('phone') }}">{{ $settings->get('phone') }}</a>
            <a href="mailto:{{ $settings->get('email') }}">{{ $settings->get('email') }}</a>
            <p>{{ $isAr ? $settings->get('address_ar') : $settings->get('address_en') }}</p>
        </div>
        <form class="contact-form reveal" method="post" action="{{ url('/' . $locale . '/contact') }}">
            @csrf
            @if (session('status'))
                <div class="form-success">{{ session('status') }}</div>
            @endif
            <label>
                <span>{{ $isAr ? 'الاسم' : 'Name' }}</span>
                <input name="name" value="{{ old('name') }}" required>
            </label>
            <label>
                <span>{{ $isAr ? 'البريد الإلكتروني' : 'Email' }}</span>
                <input type="email" name="email" value="{{ old('email') }}">
            </label>
            <label>
                <span>{{ $isAr ? 'الهاتف' : 'Phone' }}</span>
                <input name="phone" value="{{ old('phone') }}">
            </label>
            <label>
                <span>{{ $isAr ? 'الموضوع' : 'Subject' }}</span>
                <input name="subject" value="{{ old('subject') }}">
            </label>
            <label>
                <span>{{ $isAr ? 'الرسالة' : 'Message' }}</span>
                <textarea name="message" rows="6" required>{{ old('message') }}</textarea>
            </label>
            @if ($errors->any())
                <div class="form-error">{{ $isAr ? 'يرجى مراجعة الحقول المطلوبة.' : 'Please review the required fields.' }}</div>
            @endif
            <button class="btn btn-primary" type="submit">{{ $isAr ? 'إرسال الرسالة' : 'Send Message' }}</button>
        </form>
    </div>
</section>
@endsection