@extends(get_view('index-header'))
@section('title')Giriş Yap - @endsection
@section('header')

@endsection
@section('content')

<main>
    <!-- section -->
    <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/signin-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">Giriş Yapın</h1>
                        <p>Tekrar hoşgeldiniz, şimdi giriş yapın ve işlemlerinize kaldığınız yerden devam edin.</p>
                    </div>

                    @if( session('error') )
                        <div class="alert alert-danger">
                            <h5 class="m-0">Hata</h5>
                            <p class="m-0 p-0">E-posta adresi veya şifre hatalı, lütfen tekrar deneyin. </p>
                        </div>
                    @endif
                    
                    <form method="POST" action="{{ route('front.login.post') }}">
                        @csrf
                        <div class="row g-3">
                            <!-- row -->

                            <div class="col-12">
                                <!-- input -->
                                <input type="email" name="email" class="form-control" id="inputEmail4" placeholder="E-Posta" value="{{ old('email') }}" required>
                            </div>
                            <div class="col-12">
                                <!-- input -->
                                <div class="password-field position-relative">
                                    <input type="password" name="password" id="fakePassword" placeholder="Şifrenizi Giriniz"
                                        class="form-control" required>
                                    <span><i id="passwordToggler" class="bi bi-eye-slash"></i></span>
                                </div>

                            </div>
                            <div class="d-flex justify-content-between">
                                <!-- form check -->
                                <div class="form-check">
                                    <input class="form-check-input" name="remember_me" type="checkbox" value="" id="flexCheckDefault">
                                    <!-- label -->
                                    <label class="form-check-label" for="flexCheckDefault">
                                        Beni hatırla
                                    </label>
                                </div>
                                <div> Şifrenizi mi unuttunuz? <a href="{{ route('front.forgot-password') }}">Şifreyi Sıfırla</a></div>
                            </div>
                            <!-- btn -->
                            <div class="col-12 d-grid"> <button type="submit" class="btn btn-primary">Giriş Yap</button>
                            </div>
                            <!-- link -->
                            <div>Hala üyeliğiniz yok mu?<a href="{{ route('front.register') }}"> Hesap Oluştur</a></div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </section>

</main>

@endsection
@section('footer')

@endsection