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

@endsection
@section('content')

<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-4 col-sm-12 col-12 pt-5">
            <h1 class="text-center mb-4">Üye Ol</h1>

            <div class="bg-white shadow-sm p-5 login-form mb-5">
                <form action="{{ route('front.register.post') }}" method="POST">
                    @csrf

                    <div class="login-form-button mb-5 text-center">
                        <h5 class="mb-4">Sosyal hesap ile üye ol</h5>

                        <a href="#"><img src="http://127.0.0.1:8001/images/sign-with-google.png" alt="Hooptica" height="40"></a>
                        <a href="#"><img src="http://127.0.0.1:8001/images/sign-with-facebook.png" alt="Hooptica" height="40"></a>
                    </div>

                    <h5 class="mb-4 text-center">E-posta ile üye ol</h5>

                    <div class="row">
                        <div class="col">
                            <div class="form-group mb-4">
                                <input type="text" class="form-control" placeholder="Ad">
                            </div>
                        </div>
                        <div class="col">
                            <div class="form-group mb-4">
                                <input type="text" class="form-control" placeholder="Soyad">
                            </div>
                        </div>
                    </div>

                    <div class="form-group mb-4">
                        <input type="email" class="form-control" placeholder="E-posta adresi">
                    </div>

                    <div class="form-group mb-4">
                        <input type="password" class="form-control" placeholder="Şifre">
                    </div>

                    <div class="form-check mb-4">
                        <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
                        <label class="form-check-label" for="flexCheckDefault" style="font-size: 12px">
                            Önemli kampanyalardan haberdar olmak için <b>Rıza Metni</b> kapsamında elektronik ileti almak istiyorum.
                        </label>
                    </div>

                    <button type="submit" class="btn btn-primary w-100 mt-3 mb-3">Üye Ol</button>
                    <p style="font-size: 12px">Kişisel verileriniz, <b>Aydınlatma Metni</b> kapsamında işlenmektedir.
                        <b>“Üye ol”</b> veya <b>“Sosyal Hesap”</b> butonlarından birine basarak
                        <b>Üyelik Sözleşmesi’ni, Rıza Metni’ni, Çerez Politikası’nı</b>
                        okuduğunuzu ve kabul ettiğinizi onaylıyorsunuz.</p>


                </form>
            </div>

        </div>
    </div>
</div>

@endsection
@section('footer')

@endsection