@extends('site.layouts.app')
@section('title', 'تواصل معنا | ' . config('site.name'))

@section('content')
<section class="page-hero"><div class="container"><h1>تواصل معنا</h1></div></section>
<section class="section-padding"><div class="container"><div class="row g-5">
    <div class="col-lg-5">
        <h2 class="section-title mb-4">نحن هنا لمساعدتك</h2>
        <p><i class="bi bi-telephone me-2 text-warning"></i><a href="tel:{{ config('site.phone_tel') }}">{{ config('site.phone_display') }}</a></p>
        <p><i class="bi bi-whatsapp me-2 text-warning"></i><a href="https://wa.me/{{ config('site.whatsapp') }}" target="_blank">واتساب</a></p>
        @if(config('site.email'))<p><i class="bi bi-envelope me-2 text-warning"></i><a href="mailto:{{ config('site.email') }}">{{ config('site.email') }}</a></p>@endif
        <p><i class="bi bi-geo-alt me-2 text-warning"></i>{{ config('site.address') }}</p>
    </div>
    <div class="col-lg-7">
        @if(session('success'))<div class="alert alert-success">{{ session('success') }}</div>@endif
        <form method="POST" action="{{ route('site.contact.store') }}" class="contact-form">
            @csrf
            <div class="row g-3">
                <div class="col-md-6"><label class="form-label">الاسم *</label><input type="text" name="name" class="form-control @error('name') is-invalid @enderror" value="{{ old('name') }}" required>@error('name')<div class="invalid-feedback">{{ $message }}</div>@enderror</div>
                <div class="col-md-6"><label class="form-label">الجوال</label><input type="text" name="phone" class="form-control" value="{{ old('phone') }}"></div>
                <div class="col-12"><label class="form-label">البريد</label><input type="email" name="email" class="form-control" value="{{ old('email') }}"></div>
                <div class="col-12"><label class="form-label">الموضوع</label><input type="text" name="subject" class="form-control" value="{{ old('subject') }}"></div>
                <div class="col-12"><label class="form-label">الرسالة *</label><textarea name="message" rows="5" class="form-control @error('message') is-invalid @enderror" required>{{ old('message') }}</textarea>@error('message')<div class="invalid-feedback">{{ $message }}</div>@enderror</div>
                <div class="col-12"><button type="submit" class="btn btn-gold">إرسال الرسالة</button></div>
            </div>
        </form>
    </div>
</div></div></section>
@endsection