@extends('public.core.core')
@section('title')
    İletişim
@endsection
@section('csrf_token')
    <meta name="csrf-token" content="{{ csrf_token() }}">
@endsection
@section('content')
    <!--====== BANNER PART START ======-->
    <section class="banner-area bg_cover">
        <div class="container">
        </div>
    </section>
    <!--====== BANNER PART END ======-->

    <!--====== WELCOME PART START ======-->
    <section class="welcome-area pt-60 pb-110">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="post-ad-form-wrapper">
                        <h2 class="text-center">Bizimle İletişime Geçin</h2>
                        @if (session('form'))
                            <h4 class="valid-feedback d-block text-center" role="alert">
                                <strong>{{ session('form') }}</strong>
                            </h4>
                        @endif
                        <form action="{{ route('contactus') }}" method="POST">
                            @csrf
                            <div class="row">
                                <div class="col-xl-12 mb-5">
                                    <div class="left-wrapper pt-50 w-50 mx-auto">
                                        <div class="single-form mb-15">
                                            <label for="title" class="mb-1">Konu</label>
                                            <input type="text" id="title" name="title" maxlength="255"
                                                class="px-3 py-2 mb-0 border rounded" required>
                                            @error('title')
                                                <span class="invalid-feedback d-block" role="alert" required>
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
                                        <div class="single-form mb-15">
                                            <label for="email" class="mb-1">Email Adresiniz</label>
                                            <input type="email" id="email" name="email" maxlength="255"
                                                class="px-3 py-2 mb-0 border rounded" required>
                                            @error('email')
                                                <span class="invalid-feedback d-block" role="alert" required>
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
                                        <div class="single-form mb-15">
                                            <label for="message" class="mb-1">Mesajınız</label>
                                            <textarea name="message" maxlength="500" id="message" rows="5" class="px-3 py-2 mb-0 border rounded" required></textarea>
                                            @error('message')
                                                <span class="invalid-feedback d-block" role="alert" required>
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
                                        <div class="single-form text-center">
                                            <button class="main-btn py-2" type="submit">Gönder</button>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-12 w-100">
                                    <iframe
                                        src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d6015.21728363952!2d28.97724451833885!3d41.07754652252469!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x14cab6ef494bfa6d%3A0xf886fd36dbd436de!2zw4dhxJ9sYXlhbiwgMzQ0MDMgS8OixJ_EsXRoYW5lL8Swc3RhbmJ1bA!5e0!3m2!1str!2str!4v1715257101195!5m2!1str!2str"
                                        style="display: block;height:350px;width:100%" allowfullscreen="" loading="lazy"
                                        referrerpolicy="no-referrer-when-downgrade"></iframe>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--====== WELCOME PART END ======-->

    <!--====== SUBSCRIBE PRODUCT PART START ======-->
    <section class="subscribe-area">
        <div class="container">
            <div class="subscribe-wrapper bg_cover">
                <div class="row align-items-center">
                    <div class="col-lg-7">
                        <div class="subscribe-content section-title">
                            <h1 class="text-white">Bültenimize Abone Olun</h1>
                            <p class="text-white">Size özel hazıraldığımız farklı sektörlerle alakalı bültenimize abone olun
                            </p>
                        </div>
                    </div>
                    <div class="col-lg-5">
                        <div class="subscribe-form-wrapper">
                            <form action="#" class="subscribe-form">
                                <input type="email" name="email" id="sub-email-input"
                                    placeholder="Mail Adresinizi Giriniz">
                                <button type="button" id="sub-email-button"><i
                                        class="lni lni-telegram-original"></i></button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--====== SUBSCRIBE PRODUCT PART ENDS ======-->
@endsection
@section('extra_js')
    <script src="/assets/js/subscribe.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js"
        integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous">
    </script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js"
        integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy" crossorigin="anonymous">
    </script>
@endsection