@extends('master')
@section('icerik')
    <div class="no-bottom no-top" id="content" style="background-size: 100%; background-repeat: no-repeat;">
        <div id="top" style="background-size: 100%; background-repeat: no-repeat;"></div>
        <section id="section-hero" aria-label="section" class="jarallax" style="z-index: 0; background-size: 100%; background-repeat: no-repeat;">

            <div class="v-center" style="background-size: 100%; background-repeat: no-repeat;">
                <div class="container" style="background-size: 100%; background-repeat: no-repeat;">
                    <div class="row align-items-center" style="background-size: 100%; background-repeat: no-repeat;">
                        <div class="col-lg-4 offset-lg-4" style="background-size: 100%; background-repeat: no-repeat;">
                            <div class="padding40 rounded-3 shadow-soft bgcustom" data-bgcolor="#ffffff" style="background-color: rgb(255, 255, 255); background-size: 100%; background-repeat: no-repeat;">
                                <h4>Giriş Yap</h4>
                                <p><i class="fa fa-warning"></i> Lütfen kullanıcı bilgileriniz ile giriş yapın.</p>
                                <div class="spacer-10" style="background-size: 100%; background-repeat: no-repeat;"></div>
                                <form id="form_register" class="form-border" method="post" action="/login">
                                    @csrf
                                    <div class="field-set" style="background-size: 100%; background-repeat: no-repeat;">
                                        <input type="text" name="email" id="name" class="form-control" required placeholder="E-mail">
                                    </div>
                                    <div class="field-set" style="background-size: 100%; background-repeat: no-repeat;">
                                        <input type="password" name="password" id="name" class="form-control" required placeholder="Şifre">
                                    </div>
                                    <div id="submit" style="background-size: 100%; background-repeat: no-repeat;">
                                        <button class="btn btn-success btn-fullwidth rounded-3 mt-3"><i class="fa fa-sign-in"></i> Giriş Yap</button>
                                        <a href="/uye-ol" id="send_message"  class="btn btn-info btn-fullwidth rounded-3 mt-2"><i class="fa fa-user-plus"></i> Üye Ol</a>
                                        <a href="/sifremi-unuttum" id="send_message"  class="btn btn-danger btn-fullwidth rounded-3 mt-2"><i class="fa fa-envelope"></i> Şifremi Unuttum</a>

                                    </div>
                                </form>
{{--                                <div class="title-line" style="background-size: 100%; background-repeat: no-repeat;">Ya&nbsp;da&nbsp;Giriş&nbsp;Yapın</div>--}}
{{--                                <div class="row g-2" style="background-size: 100%; background-repeat: no-repeat;">--}}
{{--                                    <div class="col-lg-6" style="background-size: 100%; background-repeat: no-repeat;">--}}
{{--                                        <a class="btn-sc btn-fullwidth mb10" href="#"><img src="images/svg/google_icon.svg" alt="">Google</a>--}}
{{--                                    </div>--}}
{{--                                    <div class="col-lg-6" style="background-size: 100%; background-repeat: no-repeat;">--}}
{{--                                        <a class="btn-sc btn-fullwidth mb10" href="#"><img src="images/svg/facebook_icon.svg" alt="">Facebook</a>--}}
{{--                                    </div>--}}
{{--                                </div>--}}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div id="jarallax-container-0" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; z-index: -100; clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 0px 100%); background-size: 100%; background-repeat: no-repeat;"><img src="images/background/2.jpg" class="jarallax-img" alt="" style="object-fit: cover; object-position: 50% 50%; max-width: none; position: absolute; top: 0px; left: 0px; width: 1903px; height: 1027px; overflow: hidden; pointer-events: none; transform-style: preserve-3d; backface-visibility: hidden; will-change: transform, opacity; margin-top: -45px; transform: translate3d(0px, 45px, 0px);"></div></section>
    </div>
    <style>
        .ustarka { display: none!important;}
        #section-call-to-action { display: none!important;}
    </style>
@endsection
