@extends('layouts.app')

@section('content')
<style> .authArea { height: 600px; border-radius: 4px; margin-top: 70px; margin-bottom: 100px; } .registerBox .card { background: #e30613 !important; } .loginBox { background-color: white; border: 1px solid #d2cfcf; padding: 20px; border-radius: 4px } .btn-register { background: #771616 !important; width: 100%; padding: 12px !important; border: 1px solid #6c0707 !important; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; } .btn-register:hover { background: #fff !important; color: black !important border: 1px solid transparent !important; box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px; } .registerBox .btn-dark:hover{ color: black !important; } </style>
    <div class="container authArea mb-5">
        <div class="row h-100">
            <div class="col-12 col-md-5 p-5 offset-2 loginBox">
                <form onsubmit="return submitForm(this);">



                    <h5 class="fw-normal mb-3 pb-3" style="letter-spacing: 1px;">Üye Giriş Formu</h5>

                    <div class="form-outline mb-4">
                        <label class="form-label" for="form2Example17">E-Posta Adresiniz</label>
                        <input type="email" id="email" name="email" class="form-control form-control-lg" value="memduh@insaatsepetim.com"  required/>

                    </div>

                    <div class="form-outline mb-4">
                        <label class="form-label" for="form2Example27">Şifreniz</label>
                        <input type="password" name="password" id="form2Example27" class="form-control form-control-lg" value="123" required />

                    </div>

                    <div class="pt-1 mb-4">
                        <button type="submit" class="btn btn-dark btn-lg btn-block" type="button">Giriş</button>
                    </div>

                    <a class="small text-muted" href="#!">Şifremi Unuttum?</a>
                    <p class="mb-5 pb-lg-2" style="color: #393f81;">Üye değil misiniz?
                        <a href="{{route('register')}}" style="color: #0d6efd !important; font-weight:600">Üye olun</a>
                    </p>
                    <a href="#!" class="small text-muted">Kullanım Şartları.</a>
                    <a href="#!" class="small text-muted">Gizlilik politikası</a>
                </form>

            </div>
            <div class="col-12 col-md-3 registerBox  h-100">
                <div class="card text-white bg-primary py-5 d-md-down-none h-100" style="width:100%">
                    <div class="card-body">
                        <div class="text-center">
                            <h2 class="text-white">Bize Katılın!</h2>
                        </div>
                        <div id="myDiv" style="text-align: left;margin:0 auto;">

                            Derneğimiz, iş dünyasında başarılı olmak isteyen profesyoneller için bir platform sunmaktadır.
                            Derneğimize katılarak, yatırım fırsatlarından ve yetenek gelişiminden
                            yararlanabilirsiniz.<br>Derneğin iş, yatırım, yetenek ve fayda vizyonunuzu geliştirmek için
                            sizleri de aramızda görmekten memnuniyet duyarız.
                        </div>
                        <a href="{{route('register')}}" style="" class="btn btn-dark block mt-3  text-bold btn-register">Üye
                            Ol!</a>

                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>

<script>
    function submitForm(e){
        
        var formData = $(e).serialize();
        formData += '&_token={{csrf_token()}}';
        $.ajax({
            type: "POST",
            url: "/auth/login",
            data: formData,
            success: function (response) {
                if(response.status){
                    Swal.fire({
                        position: 'center-center',
                        icon: 'success',
                        title: response.message,
                        showConfirmButton: false,
                        timer: 1500
                    }).then((result) => {
                       if (result.dismiss === Swal.DismissReason.timer) {
                          location.reload();
                          window.location.href = response.url;
                        }
                    })
                }else{
                     Swal.fire({
                        position: 'center-center',
                        icon: 'error',
                        title: response.message,
                        showConfirmButton: false,
                        timer: 1500
                    })
                }
            }
        });

        return false;
    }
</script>
@endsection