@extends(get_view('index-header'))
@section('title')Üye Ol - @endsection
@section('header')

@endsection
@section('content')

<main>
    <section class="my-lg-14 my-8">
        <div class="container">
            <!-- row -->
            <div class="row justify-content-center align-items-center">
                <div class="col-12 col-md-6 col-lg-4 order-lg-1 order-2">
                    <!-- img -->
                    <img src="{{ get_asset('assets/images/svg-graphics/signup-g.svg') }}" alt="" class="img-fluid">
                </div>
                <!-- col -->
                <div class="col-12 col-md-6 offset-lg-1 col-lg-4 order-lg-2 order-1">
                    <div class="mb-lg-9 mb-5">
                        <h1 class="mb-1 h2 fw-bold">Üye Ol</h1>
                        <p>{{ get_site_title() }}'a hoşgeldiniz, bir kaç bilgi paylaşarak hızlıca üye olabilir ve alışverişe başlayabilirsiniz.</p>
                    </div>
                    <!-- form -->
                    <form method="POST" action="{{ route('front.register.post') }}">
                        @csrf
                        <div class="row g-3">
                            <!-- col -->
                            <div class="col">
                                <!-- input -->
                                <input type="text" name="name" class="form-control" placeholder="Adınız"
                                    aria-label="First name" required>
                            </div>
                            <div class="col">
                                <!-- input -->
                                <input type="text" name="surname" class="form-control" placeholder="Soyadınız"
                                    aria-label="Last name" required>
                            </div>
                            <div class="col-12">
                                <!-- input -->
                                <input type="email" name="email" class="form-control" id="inputEmail4"
                                    placeholder="E-Posta Adresiniz" required>
                            </div>
                            <div class="col-12">
                                <div class="password-field position-relative">
                                    <input type="password" name="password" id="fakePassword" placeholder="Şifreniz"
                                        class="form-control" required>
                                    <span><i id="passwordToggler" class="bi bi-eye-slash"></i></span>
                                </div>
                            </div>
                            <!-- btn -->
                            <div class="col-12 d-grid"> <button type="submit"
                                    class="btn btn-primary">Kaydı Tamamla</button>
                            </div>
                            <p>
                                <small>Üye kaydı işlemine devam ederek <a href="#!">aydınlatma metnini</a> ve 
                                <a href="#!">gizlilik sözleşmesi</a>'ni kabul etmiş sayılırsınız.</small>
                            </p>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </section>
</main>

@endsection
@section('footer')

@endsection