@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" style="background-size: 100%; background-repeat: no-repeat;">
                <div class="col-md-8 offset-md-2" style="background-size: 100%; background-repeat: no-repeat;">
                    <h3>Hesabınız yok mu? Hemen Üye olun.</h3>
                    <p><b>{{ $ayar['siteadi'] }}</b> hizmetlerinden yararlanabilmek için lütfen üyelik formumuzu doldurarak sitemize üye olun. Transferlerinizi organize edin, araç kiralayın, hızlı ve güvenli ödeme yapın.</p>

                    <div class="spacer-10" style="background-size: 100%; background-repeat: no-repeat;"></div>

                    <form name="contactForm" id="contact_form" class="form-border" method="post" action="/uye-ol">
                        @csrf

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

                            <div class="col-md-6" style="background-size: 100%; background-repeat: no-repeat;">
                                <div class="field-set" style="background-size: 100%; background-repeat: no-repeat;">
                                    <label>Adınız:</label>
                                    <input type="text" required name="name" id="name" class="form-control">
                                </div>
                            </div>

                            <div class="col-md-6" style="background-size: 100%; background-repeat: no-repeat;">
                                <div class="field-set" style="background-size: 100%; background-repeat: no-repeat;">
                                    <label>E-mail adresiniz:</label>
                                    <input type="text" required name="email" id="email" class="form-control">
                                </div>
                            </div>



                            <div class="col-md-6" style="background-size: 100%; background-repeat: no-repeat;">
                                <div class="field-set" style="background-size: 100%; background-repeat: no-repeat;">
                                    <label>Telefon:</label>
                                    <input type="text" required name="telefon" id="phone" class="form-control">
                                </div>
                            </div>

                            <div class="col-md-6" style="background-size: 100%; background-repeat: no-repeat;">
                                <div class="field-set" style="background-size: 100%; background-repeat: no-repeat;">
                                    <label>Şifre:</label>
                                    <input type="text" required name="password" id="password" class="form-control">
                                </div>
                            </div>




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

                                <div id="submit" class="pull-left" style="background-size: 100%; background-repeat: no-repeat;">
                                    <input type="submit" id="send_message" value="Hemen Üye Ol" class="btn-main color-2">
                                </div>

                                <div id="mail_success" class="success" style="background-size: 100%; background-repeat: no-repeat;">Your message has been sent successfully.</div>
                                <div id="mail_fail" class="error" style="background-size: 100%; background-repeat: no-repeat;">Sorry, error occured this time sending your message.</div>
                                <div class="clearfix" style="background-size: 100%; background-repeat: no-repeat;"></div>

                            </div>

                        </div>
                    </form>

                </div>
            </div>
        </div>
    </section>
@endsection
