@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>Üye Girişi</h3>
            <p class="font-md color-gray-500">Hoşgeldiniz!</p>


            <div class="form-register mt-30 mb-30">
                <form action="{{route('login')}}" method="POST">
                    @csrf
              <div class="form-group">
                <label class="mb-5 font-sm color-gray-700">Email *</label>
                <input class="form-control" name="email" type="email" required="required" placeholder="email@server.com" value="{{ old('email') }}" autocomplete="email" autofocus>
              </div>
              <div class="form-group">
                <label class="mb-5 font-sm color-gray-700">Şifre *</label>
                <input class="form-control" type="password"  name="password" required="required"  placeholder="******************">
              </div>
              <div class="row">
                <div class="col-lg-6">
                  <div class="form-group">
                    <label class="color-gray-500 font-xs">
                      <input class="checkagree" type="checkbox" name="remember" id="remember" {{ old('remember') ? 'checked' : '' }}>Beni Hatırla
                    </label>
                  </div>
                </div>
                <div class="col-lg-6 text-end">
                  <div class="form-group"><a class="font-xs color-gray-500" href="{{ route('password.request') }}">Şifre mi Unuttum ?</a></div>
                </div>
              </div>
              <div class="form-group">
                <input class="font-md-bold btn btn-buy" type="submit" value="Giriş Yap">
              </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 Yokmu?</span><a class="font-xs color-brand-3 font-medium" href="{{route('register')}}"> Kayıt Ol</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