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

@endsection
@section('content')

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



<!-- START SECTION CONTACT US -->
<section class="contact-us">
    <div class="container">


        @if ( isset(Site::contact()->google_maps) && Site::contact()->google_maps != null )
        <div class="property-location mb-5">
            <h3>{{ __('Neredeyiz?') }}</h3>
            <div class="divider-fade"></div>
            <div class="google_map_iframe">
                {!! Site::contact()->google_maps ?? '' !!}
            </div>
        </div>
        @endif


        <div class="row">
            <div class="col-lg-8 col-md-12">
                <h3 class="mb-4">{{ __('Bize Ulaşın') }}</h3>
                <form class="form-style-3" action="{{ url('message/send') }}" method="POST">
                    @csrf
    
                    @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="contact-form-success alert alert-success mt-4">
                        <strong>{{ __('İşlem Başarılı!') }}</strong> {{ session('success') }}
                    </div>
                    @elseif(session('error'))
                    <div class="contact-form-error alert alert-danger mt-4">
                        <strong>{{ __('Hata!') }}</strong> {{ session('error') }}
                        <span class="mail-error-message text-1 d-block"></span>
                    </div>
                    @endif
                    @endif
    
    
    
                    <div class="row">
                        <div class="form-group col mb-3-5">
                            <input type="text" value="" data-msg-required="{{ __('Lütfen adınızı giriniz.') }}"
                                maxlength="100" class="form-control text-3 h-auto py-3-5" name="name"
                                placeholder="{{ __('Adınız') }}" required>
                        </div>
                        <div class="form-group col mb-3-5">
                            <input type="text" value="" data-msg-required="{{ __('Lütfen soyadınızı giriniz.') }}"
                                maxlength="100" class="form-control text-3 h-auto py-3-5" name="surname"
                                placeholder="{{ __('Soyadınız') }}" required>
                        </div>
                    </div>
                    <div class="row">
                        <div class="form-group col mb-3-5">
                            <input type="email" value="" data-msg-required="{{ __('Lütfen e-posta adresinizi giriniz.') }}"
                                data-msg-email="{{ __('Lütfen geçerli bir e-posta adresi giriniz.') }}" maxlength="100"
                                class="form-control text-3 h-auto py-3-5" name="email"
                                placeholder="{{ __('E-posta Adresi') }}" required>
                        </div>
                    </div>
                    <div class="row">
                        <div class="form-group col mb-3-5">
                            <input type="text" value="" data-msg-required="{{ __('Lütfen konu başlığını giriniz.') }}"
                                maxlength="100" class="form-control text-3 h-auto py-3-5" name="subject"
                                placeholder="{{ __('Konu') }}" required>
                        </div>
                    </div>
                    <div class="row">
                        <div class="form-group col mb-3-5">
                            <textarea maxlength="5000" data-msg-required="{{ __('Lütfen mesajınızı giriniz.') }}" rows="8"
                                class="form-control text-3 h-auto py-3-5" name="message" placeholder="{{ __('Mesajınız') }}"
                                required></textarea>
                        </div>
                    </div>
                    <div class="row">
                        <div class="form-group col-12">
                            <div id="google_recaptcha"></div>
                            <br>
                        </div>
                    </div>
                    <div class="row">
                        <div class="form-group col">
                            <button type="submit" class="btn btn-primary btn-lg">
                                {{ __('Gönder') }}
                            </button>
                        </div>
                    </div>
                </form>
            </div>
            <div class="col-lg-4 col-md-12 bgc">
                <div class="call-info">
                    <h3>{{ __('İletişim Bilgileri') }}</h3>
                    <p class="mb-5">{{ __('Lütfen aşağıdaki iletişim bilgilerini bulun ve bugün bizimle iletişime geçin!') }}</p>
                    <ul>
                        @if ( isset(Site::contact()->contact_address) && Site::contact()->contact_address != null )
                        <li>
                            <div class="info">
                                <i class="fa fa-map-marker text-white" aria-hidden="true"></i>
                                <p class="in-p">{{ Site::contact()->contact_address ?? '' }}</p>
                            </div>
                        </li>
                        @endif

                        @if ( isset(Site::contact()->contact_phone) && Site::contact()->contact_phone != null )
                        <li>
                            <div class="info">
                                <i class="fa fa-phone text-white" aria-hidden="true"></i>
                                <p class="in-p">{{ Site::contact()->contact_phone ?? '' }}</p>
                            </div>
                        </li>
                        @endif

                        @if ( isset(Site::contact()->contact_email) && Site::contact()->contact_email != null )
                        <li>
                            <div class="info">
                                <i class="fa fa-envelope text-white" aria-hidden="true"></i>
                                <p class="in-p ti">{{ Site::contact()->contact_email ?? '' }}</p>
                            </div>
                        </li>
                        @endif

                    </ul>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- END SECTION CONTACT US -->


@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