@extends('master')
@section('icerik')

    <section aria-label="section" style="background-size: 100%; background-repeat: no-repeat;">
        <div class="container" style="background-size: 100%; background-repeat: no-repeat;">
            <div class="row g-custom-x" style="background-size: 100%; background-repeat: no-repeat;">

                <div class="col-lg-8 mb-sm-30" style="background-size: 100%; background-repeat: no-repeat;">

                    <h3>Bir sorunuz mu var?</h3>

                    <form  class="form-border" method="post" action="/send">
                        @csrf
                        <div class="row" style="background-size: 100%; background-repeat: no-repeat;">
                            <div class="col-md-4 mb10" style="background-size: 100%; background-repeat: no-repeat;">
                                <div class="field-set" style="background-size: 100%; background-repeat: no-repeat;">
                                    <input type="text" name="isim" id="name" class="form-control"
                                           placeholder="İsim ve Soyisim" required="">
                                </div>
                            </div>
                            <div class="col-md-4 mb10" style="background-size: 100%; background-repeat: no-repeat;">
                                <div class="field-set" style="background-size: 100%; background-repeat: no-repeat;">
                                    <input type="text" name="email" id="email" class="form-control"
                                           placeholder="Email" required="">
                                </div>
                            </div>
                            <div class="col-md-4 mb10" style="background-size: 100%; background-repeat: no-repeat;">
                                <div class="field-set" style="background-size: 100%; background-repeat: no-repeat;">
                                    <input type="text" name="telefon" id="phone" class="form-control"
                                           placeholder="Telefon Numarası" required="">
                                </div>
                            </div>
                        </div>

                        <div class="field-set mb20" style="background-size: 100%; background-repeat: no-repeat;">
                            <textarea name="mesaj" id="message" class="form-control" rows="7" cols="10" placeholder="Mesajınız"
                                      required=""></textarea>
                        </div>

                        <div id="submit" class="mt20" style="background-size: 100%; background-repeat: no-repeat;">
                            <input type="submit" id="send_message" value="Gönder" class="btn-main">
                        </div>

                        <div id="success_message" class="success"
                             style="background-size: 100%; background-repeat: no-repeat;">
                            Your message has been sent successfully. Refresh this page if you want to send more
                            messages.
                        </div>

                    </form>
                </div>

                <div class="col-lg-4" style="background-size: 100%; background-repeat: no-repeat;">

                    <div class="de-box mb30" style="background-size: 100%; background-repeat: no-repeat;">
                        <h4>Adresimiz</h4>
                        <address class="s1">
                            <span><i class="id-color fa fa-map-marker fa-lg"></i>{{$ayar['adres']}}</span>
                            <span><i class="id-color fa fa-phone fa-lg"></i> <a href="tel:{{ $ayar['telefon'] }}">{{ $ayar['telefon'] }}</a></span>
                            <span><i class="id-color fa fa-envelope-o fa-lg"></i><a href="mailto:{{ $ayar['mail'] }}">{{ $ayar['mail'] }}</a></span>

                        </address>
                    </div>




                </div>

            </div>
        </div>

    </section>

@endsection
