@extends(get_view('index'))
@section('title')
{{ translate('contact') }} - 
@endsection
@section('header')

@endsection
@section('content')

@include(get_view('components.pages.page-title'), ['title' => translate('contact')])




    <!-- ================ contact section start ================= -->
    <section class="contact-section">
        <div class="container">

            <div class="row">
                <div class="col-12 mb-3">
                    <div class="google_map_iframe">
                        {!! Site::contact()->google_maps ?? '' !!}
                    </div>
                </div>
                <div class="col-12">
                    <h2 class="contact-title">{{ __('Bize Ulaşın') }}</h2>
                </div>
                <div class="col-lg-8">
                    
                    @if ($errors->any())
                        <div class="alert alert-danger">
                            <ul>
                                @foreach ($errors->all() as $error)
                                    <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                        </div>
                    @else
                        @if (session('success'))
                            <div class="alert alert-success">
                                {{ session('success') }}
                            </div>
                        @elseif(session('error'))
                            <div class="alert alert-danger">
                                {{ session('error') }}
                            </div>
                        @endif
                    @endif

                    <form class="form-contact contact_form" action="{{ url('message/send') }}" method="POST" id="contactForm" novalidate="novalidate">
                        @csrf
                        <div class="row">
                            <div class="col-12">
                                <div class="form-group">
                                    <textarea class="form-control w-100" name="message" id="message" cols="30" rows="9" placeholder="{{ __('Mesajınız') }}"></textarea>
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <div class="form-group">
                                    <input class="form-control valid" name="name" id="name" type="text" placeholder="{{ __('Adınız') }}">
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <div class="form-group">
                                    <input class="form-control" name="surname" id="surname" type="text" placeholder="{{ __('Soyadınız') }}">
                                </div>
                            </div>
                            <div class="col-12">
                                <div class="form-group">
                                    <input class="form-control valid" name="email" id="email" type="email" placeholder="{{ __('E-Posta Adresiniz') }}">
                                </div>
                            </div>
                        </div>
                        <div class="form-group mt-3">
    
                            <div id="google_recaptcha"></div>
                            <br>

                            <button type="submit" class="button button-contactForm boxed-btn">{{ __('Gönder') }}</button>
                        </div>
                    </form>
                </div>
                <div class="col-lg-3 offset-lg-1">
                    @if ( isset(Site::contact()->contact_address) && Site::contact()->contact_address != null )
                    <div class="media contact-info">
                        <span class="contact-info__icon"><i class="ti-home"></i></span>
                        <div class="media-body">
                            <h3>{{ Site::contact()->contact_address ?? '' }}</h3>
                        </div>
                    </div>
                    @endif

                    @if ( isset(Site::contact()->contact_phone) && Site::contact()->contact_phone != null )
                    <div class="media contact-info">
                        <span class="contact-info__icon"><i class="ti-tablet"></i></span>
                        <div class="media-body">
                            <h3>{{ Site::contact()->contact_phone ?? '' }}</h3>
                        </div>
                    </div>
                    @endif
                    
                    @if ( isset(Site::contact()->contact_email) && Site::contact()->contact_email != null )
                        <div class="media contact-info">
                            <span class="contact-info__icon"><i class="ti-email"></i></span>
                            <div class="media-body">
                                <h3>{{ Site::contact()->contact_email ?? '' }}</h3>
                            </div>
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </section>
<!-- ================ contact section end ================= -->

@endsection
@section('footer')
<script>
// Example starter JavaScript for disabling form submissions if there are invalid fields
(function () {
    'use strict'

    // Fetch all the forms we want to apply custom Bootstrap validation styles to
    var forms = document.querySelectorAll('.needs-validation')

    // Loop over them and prevent submission
    Array.prototype.slice.call(forms)
        .forEach(function (form) {
        form.addEventListener('submit', function (event) {
            if (!form.checkValidity()) {
            event.preventDefault()
            event.stopPropagation()
            }

            form.classList.add('was-validated')
        }, false)
        })
    })()
</script>
@endsection