@extends('frontend.layouts.fix')

@section('content')

<main class="main">
    <section class="section-box shop-template mt-60">
      <div class="container">
        <div class="row mb-100">
          <div class="col-lg-1"></div>
          <div class="col-lg-5">
            <h3>Yeni Bir Hesap</h3>
            <p class="font-md color-gray-500">Merhaba; Hesabınızı Oluşturup Hızlı Alışveriş Yapabilirsiniz..</p>
            <div class="form-register mt-30 mb-30">
                <form action="{{route('register')}}" method="POST">
                    @csrf
                <div class="row">
            <div class="col-md-6">
              <div class="form-group">
                <label class="mb-5 font-sm color-gray-700">Adınız *</label>
                <input class="form-control" type="text" name="name" required="required" placeholder="Tam Adınız...">
              </div>
            </div>
            <div class="col-md-6">
              <div class="form-group">
                <label class="mb-5 font-sm color-gray-700">Soyadınız *</label>
                <input class="form-control" type="text" name="surname" required="required" placeholder="Tam Soyadınız...">
              </div>
            </div>
            </div>
              <div class="form-group">
                <label class="mb-5 font-sm color-gray-700">Email *</label>
                <input class="form-control" type="email" name="email" required="required" placeholder="email@server.com">
              </div>
              <div class="form-group">
                <label class="mb-5 font-sm color-gray-700">Cinsiyet *</label>
                  <select class="form-control" name="cinsiyet">
                    <option value="erkek">Erkek</option>
                    <option value="kadin">Kadın</option>
                  </select>
              </div>
              <div class="form-group">
                <label class="mb-5 font-sm color-gray-700">Şifreniz *</label>
                <input class="form-control" type="password" name="password" required="required" placeholder="******************">
              </div>
              <div class="form-group">
                <label class="mb-5 font-sm color-gray-700">Şifrenizi Onaylayınız *</label>
                <input class="form-control" type="password" name="password_confirmation" required="required" placeholder="******************">
              </div>
              <div class="form-group">
                <label>
                  <input class="checkagree" name="kosullar" type="checkbox">Sözleşmeyi Okudum ve Kabul Ediyorum.
                </label>
              </div>
              <div class="form-group">
                <input class="font-md-bold btn btn-buy" type="submit" value="Kayıt Ol">
              </div>
              <div class="flex items-center justify-end mt-4">
                <a href="{{ url('auth/google') }}" target="_blank">
                    <img src="https://developers.google.com/identity/images/btn_google_signin_dark_normal_web.png" style="width: 32%;">
                </a>
            </div>
            </form>
              <div class="mt-20"><span class="font-xs color-gray-500 font-medium">Bir Hesabınız Varmı?</span><a class="font-xs color-brand-3 font-medium" href="{{route('login')}}"> Giriş Yap</a></div>
            </div>
          </div>
          <div class="col-lg-5" id="login-png">
            <img src="/frontend/assets/imgs/login.png" alt="">
          </div>
        </div>
      </div>
    </section>

  </main>

@endsection