@include('front.layouts.head')
<!-- TOP TITLE -->
<section class="topSingleBkg topPageBkg topSingleBkgImg">
    <div class="item-img" style="background-image: url('{{ asset($banner ? 'storage/' . $banner : 'front/images/about-banner.jpg') }}');"></div>
    <div class="inner-desc">
        <h1 class="post-title single-post-title">İletişim</h1>
        <span class="post-subtitle">{{ $mainTitle }}</span>
    </div>
</section>
<!-- /TOP TITLE -->
<!-- CONTENT SECTION -->
<section id="wrap-content" class="page-content">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="page-holder custom-page-template-fw">
                    {!! $mainText !!}
                    <div class="form-container margin-t24">
                        <p>Sorularınız veya yorumlarınız varsa, lütfen bizimle iletişime geçmekten çekinmeyin.</p>
                        <div id="contact-form-holder">
                            @if(session('success'))
                                <div class="alert alert-success small pager">
                                    <strong>{{ session('success') }}</strong>
                                </div>
                            @endif
                            <form method="post" id="contact-form" action="{{ route('front.send_message') }}">
                                @csrf
                                <div class="row">
                                    <div class="col-sm-4">
                                        <input type="text" name="name" value="" class="comm-field" placeholder="Adınız Soyadınız" />
                                        @error('name')
                                            <div class="small text-danger">
                                                {{ $message }}
                                            </div>
                                        @enderror
                                    </div>
                                    <div class="col-sm-4">
                                        <input type="text" name="email" value="" class="comm-field" placeholder="E-posta Adresiniz" />
                                        @error('email')
                                            <div class="small text-danger">
                                                {{ $message }}
                                            </div>
                                        @enderror
                                    </div>
                                    <div class="col-sm-4">
                                        <input type="text" name="phone" value="" class="comm-field" placeholder="Telefon Numaranız" />
                                        @error('phone')
                                            <div class="small text-danger">
                                                {{ $message }}
                                            </div>
                                        @enderror
                                    </div>
                                </div>
                                <p>
                                    <textarea name="message" rows="3" class="" id="msg-contact" placeholder="Mesajınız"></textarea>
                                    @error('message')
                                        <div class="small text-danger">
                                            {{ $message }}
                                        </div>
                                    @enderror
                                </p>

                                <p class="contact-btn"><input type="submit" value="Mesaj Gönder" id="submit" /></p>
                            </form>
                        </div>
                    </div>
                    <!-- contact-form-holder-->
                    <div id="output-contact"></div>
                </div>
                <!--page-holder-->
            </div>
            <!--col-md-12-->
        </div>
        <!--row-->
    </div>
    <!--container-->
</section>
<!-- /CONTENT SECTION -->
@include('front.layouts.footer')