@extends('layout.index')
@section('title', 'İletişim')
@section('content')
    <section class="pt-10 pb-24 lg:px-0 px-8">
        <div class="max-w-7xl mx-auto grid lg:grid-cols-12 grid-cols-1 gap-8 items-center">
            <div class="py-4 col-span-5">
                <h3 class="mb-5 text-4xl font-semibold">İletişim</h3>
                <p class="text-lg max-w-[768px] mx-auto text-gray-500">Görüş ve önerileriniz <br>için bizimle iletişime geçin</p>
                <form action="" class="mt-8 flex flex-col gap-y-4" method="POST">
                    @csrf
                    <div class="form-item">
                        <label for="name_surname"> Ad Soyad </label>
                        <input type="text" placeholder="John Doe" id="name_surname" name="name_surname" value="{{ $form_data['name_surname'] ?? '' }}">
                        @isset($errors['name_surname'][0])
                            <small>{{ $errors['name_surname'][0] }}</small>
                        @endisset
                    </div>
                    <div class="form-item">
                        <label for="email"> E-posta </label>
                        <input type="email" placeholder="john@doe.com" id="email" name="email" value="{{ $form_data['email'] ?? '' }}">
                        @isset($errors['email'][0])
                            <small>{{ $errors['email'][0] }}</small>
                        @endisset
                    </div>
                    <div class="form-item">
                        <label for="phone"> Telefon Numarası </label>
                        <input type="text" placeholder="+44 (444) 444 4444" id="phone" name="phone" value="{{ $form_data['phone'] ?? '' }}">
                        @isset($errors['phone'][0])
                            <small>{{ $errors['phone'][0] }}</small>
                        @endisset
                    </div>
                    <div class="form-item">
                        <label for="message"> Mesaj </label>
                        <textarea name="message" class="!rounded-xl" id="message" rows="5">{{ $form_data['message'] ?? '' }}</textarea>
                        @isset($errors['message'][0])
                            <small>{{ $errors['message'][0] }}</small>
                        @endisset
                    </div>
                    <p class="text-gray-500">Bu mesajı göndererek {{ FIRM_NAME }} Gizlilik Politikasını kabul etmiş olursunuz.</p>
                    <button class="block py-2 px-4 rounded-full bg-primary text-white hover:bg-primary-600 transition-colors duration-300">Gönder</button>
                </form>
            </div>
            <div class="col-span-1 lg:block hidden"></div>
            <img class="col-span-6 rounded-3xl lg:block hidden w-full" src="{{ upload('contact', $contact->image) }}" alt="">
        </div>
    </section>
    <section class="mb-20 lg:px-0 px-8">
        <div class="max-w-7xl mx-auto">
            <iframe src="{{ $contact->map_link }}" class="aspect-video w-full rounded-3xl" frameborder="0"></iframe>
        </div>
    </section>
@endsection