@extends('layout.master')

@section('title','Giriş yap - Kayıt Ol')

@section('content')



    <main class="main">

        <nav aria-label="breadcrumb" class="breadcrumb-nav border-0 mb-0">

            <div class="container">

                <ol class="breadcrumb">

                    <li class="breadcrumb-item"><a href="/">Anasayfa</a></li>

                    <li class="breadcrumb-item active" aria-current="page">Giriş</li>

                </ol>

            </div><!-- End .container -->

        </nav><!-- End .breadcrumb-nav -->



        @if(Session::has('flash_message_error'))

            <div class="alert alert-error alert-block">

                <button type="button" class="close" data-dismiss="alert">×</button>

                <strong>{!! session('flash_message_error') !!}</strong>

            </div>

        @endif

        @if(Session::has('flash_message_success'))

            <div class="alert alert-success alert-block">

                <button type="button" class="close" data-dismiss="alert">×</button>

                <strong>{!! session('flash_message_success') !!}</strong>

            </div>

        @endif

        <div class="login-page bg-image pt-8 pb-8 pt-md-12 pb-md-12 pt-lg-17 pb-lg-17">

            <div class="container">

                <div class="form-box">

                    <div class="form-tab">

                        <ul class="nav nav-pills nav-fill" role="tablist">

                            <li class="nav-item">

                                <a class="nav-link active" id="signin-tab-2" data-toggle="tab" href="#signin-2" role="tab" aria-controls="signin-2" aria-selected="false">Giriş yap</a>

                            </li>

                            <li class="nav-item">

                                <a class="nav-link " id="register-tab-2" data-toggle="tab" href="#register-2" role="tab" aria-controls="register-2" aria-selected="true">Kayıt ol</a>

                            </li>

                        </ul>

                        <div class="tab-content">

                            <div class="tab-pane fade show active" id="signin-2" role="tabpanel" aria-labelledby="signin-tab-2">

                                <form action="{{route('login')}}" method="post">

                                    @csrf

                                    <div class="form-group">

                                        <label for="singin-email-2">E-mail adresiniz *</label>

                                        <input type="text" class="form-control" id="singin-email-2" name="email" required>

                                    </div><!-- End .form-group -->



                                    <div class="form-group">

                                        <label for="singin-password-2">Şifreniz *</label>

                                        <input type="password" class="form-control" id="singin-password-2" name="password" required>

                                    </div><!-- End .form-group -->



                                    <div class="form-footer">

                                        <button type="submit" class="btn btn-outline-primary-2">

                                            <span>Giriş yap</span>

                                            <i class="icon-long-arrow-right"></i>

                                        </button>



                                        <div class="custom-control custom-checkbox">

                                            <input type="checkbox" class="custom-control-input" id="signin-remember-2" name="remember" checked>

                                            <label class="custom-control-label" for="signin-remember-2">Beni hatırla</label>

                                        </div><!-- End .custom-checkbox -->



                                        <a href="{{route('forgot.password')}}" class="forgot-link">Şifremi unuttum?</a>

                                    </div><!-- End .form-footer -->

                                </form>

                                <div class="form-choice">

                                    <p class="text-center">ya da</p>

                                    <div class="row">

                                        <div class="col-sm-6">

                                            <a href="#" class="btn btn-login btn-f">

                                                <i class="icon-facebook-f"></i>

                                                facebook ile giriş

                                            </a>

                                        </div><!-- End .col-6 -->

                                    </div><!-- End .row -->

                                </div><!-- End .form-choice -->

                            </div><!-- .End .tab-pane -->

                            <div class="tab-pane fade" id="register-2" role="tabpanel" aria-labelledby="register-tab-2">

                                <form action="{{route('user.register')}}" method="post" autocomplete="off">

                                    @csrf

                                    <div class="form-group">

                                        <label for="register-name">Adınız  *</label>

                                        <input type="text" class="form-control" id="register-name" name="register-name" required>

                                    </div><!-- End .form-group -->

                                    <div class="form-group">

                                        <label for="register-lastname">Soyadınız  *</label>

                                        <input type="text" class="form-control" id="register-name" name="register-lastname" required>

                                    </div><!-- End .form-group -->

                                    <div class="form-group">

                                        <label for="register-email">Email adresiniz  *</label>

                                        <input type="email" class="form-control" id="register-email" name="register-email" required>

                                    </div><!-- End .form-group -->

                                    <div class="form-group">

                                        <label for="register-password">Şifre *</label>

                                        <input type="password" class="form-control" id="password" name="register-password" required>

                                    </div><!-- End .form-group -->

                                    <div class="form-group">

                                        <label for="register-password">Şifre *</label>

                                        <input type="password" class="form-control" id="password2" name="register-password2" required>

                                    </div><!-- End .form-group -->



                                    <div class="form-footer">

                                        <button type="submit" class="btn btn-outline-primary-2">

                                            <span>SIGN UP</span>

                                            <i class="icon-long-arrow-right"></i>

                                        </button>



                                        <div class="custom-control custom-checkbox">

                                            <input type="checkbox" class="custom-control-input" id="register-policy" required>

                                            <label class="custom-control-label" for="register-policy">I agree to the <a href="#">privacy policy</a> *</label>

                                        </div><!-- End .custom-checkbox -->

                                    </div><!-- End .form-footer -->

                                </form>

                                <div class="form-choice">

                                    <p class="text-center">or sign in with</p>

                                    <div class="row">

                                        <div class="col-sm-6">

                                            <a href="#" class="btn btn-login  btn-f">

                                                <i class="icon-facebook-f"></i>

                                                Facebook ile kaydol

                                            </a>

                                        </div><!-- End .col-6 -->

                                    </div><!-- End .row -->

                                </div><!-- End .form-choice -->

                            </div><!-- .End .tab-pane -->

                        </div><!-- End .tab-content -->

                    </div><!-- End .form-tab -->

                </div><!-- End .form-box -->

            </div><!-- End .container -->

        </div><!-- End .login-page section-bg -->

    </main><!-- End .main -->

@endsection