@php
    use App\Models\Contact;
    $contact = Contact::first();
@endphp
@extends('frontend.da.layouts.master')
@section('content')

<div data-aos="fade" class="page-title mt-5">
    <div class="py-5 my-4">
        <div class="container">
            <div class="border border-danger p-3 rounded text-center mb-4 mt-3">
                <h2 class="text-danger text-dark">تماس با ما</h2>
            </div>
            <div class="row">
                <!-- فرم تماس -->
                <div class="col-md-6">
                    @if (session('success'))
                        <div class="alert alert-success alert-dismissible fade show" role="alert" id="successMessage">
                            {{ session('success') }}
                            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="بستن"></button>
                        </div>
                    @endif

                    <form action="{{ route('contact.submit') }}" method="POST" class="p-4 bg-light border rounded">
                        @csrf
                        <div class="mb-3">
                            <label for="name" class="form-label">نام</label>
                            <input type="text" id="name" name="name" class="form-control @error('name') is-invalid @enderror"
                                value="{{ old('name') }}">
                            @error('name')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="mb-3">
                            <label for="email" class="form-label">ایمیل</label>
                            <input type="email" id="email" name="email"
                                class="form-control @error('email') is-invalid @enderror" value="{{ old('email') }}">
                            @error('email')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="mb-3">
                            <label for="message" class="form-label">پیام</label>
                            <textarea id="message" name="message" rows="5"
                                class="form-control @error('message') is-invalid @enderror">{{ old('message') }}</textarea>
                            @error('message')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        <button type="submit" class="btn btn-danger w-100">ارسال</button>
                    </form>
                </div>

                <!-- جزئیات تماس -->
                <div class="col-md-6">
                    <div class="text-center mb-4">
                        <h3 class="text-danger">جزئیات تماس</h3>
                    </div>
                    <div class="row g-3">
                        <!-- آدرس -->
                        <div class="col-12 col-md-6 text-center">
                            <div class="p-4 bg-light border rounded">
                                <svg height="60px" viewBox="0 -960 960 960" width="60px" fill="#dc3545">
                                    <path
                                        d="M240-200h120v-240h240v240h120v-360L480-740 240-560v360Zm-80 80v-480l320-240 320 240v480H520v-240h-80v240H160Zm320-350Z" />
                                </svg>
                                <p class="mt-3">{{ $contact->address_da ?? 'آدرس اینجا نمایش داده می‌شود...' }}</p>
                            </div>
                        </div>
                        <!-- شماره تماس -->
                        <div class="col-12 col-md-6 text-center">
                            <div class="p-4 bg-light border rounded">
                                <svg height="60px" viewBox="0 -960 960 960" width="60px" fill="#dc3545">
                                    <path
                                        d="M280-40q-33 0-56.5-23.5T200-120v-720q0-33 23.5-56.5T280-920h400q33 0 56.5 23.5T760-840v720q0 33-23.5 56.5T680-40H280Zm0-200v120h400v-120H280Zm200 100q17 0 28.5-11.5T520-180q0-17-11.5-28.5T480-220q-17 0-28.5 11.5T440-180q0 17 11.5 28.5T480-140ZM280-320h400v-400H280v400Zm0-480h400v-40H280v40Zm0 560v120-120Zm0-560v-40 40Z" />
                                </svg>
                                <p class="mt-3">
                                    {{ $contact->phone ? $contact->phone . ' - ' . $contact->second_phone : 'شماره تماس در اینجا نمایش داده می‌شود...' }}
                                </p>
                            </div>
                        </div>
                        <!-- ایمیل -->
                        <div class="col-12 text-center">
                            <div class="p-4 bg-light border rounded">
                                <svg height="60px" viewBox="0 -960 960 960" width="60px" fill="#dc3545">
                                    <path
                                        d="M160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h640q33 0 56.5 23.5T880-720v480q0 33-23.5 56.5T800-160H160Zm320-280L160-640v400h640v-400L480-440Zm0-80 320-200H160l320 200ZM160-640v-80 480-400Z" />
                                </svg>
                                <p class="mt-3">{{ $contact->email ?? 'ایمیل در اینجا نمایش داده می‌شود...' }}</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- اسکریپت حذف خودکار پیام موفقیت -->
    <script>
        setTimeout(() => {
            document.getElementById('successMessage')?.remove();
        }, 5000);
    </script>

@endsection