@extends('layouts.auth')

@section('content')
<div class="container">

    <div class="modal fade login" id="forgotModal">
        <div class="modal-dialog animated">
            <div class="modal-content">

                <div class="modal-body">
                    <div class="box">
                        <div class="content">

                            <div class="error"></div>
                            <div class="form loginBox">
                                <div style="margin: 5px;"><img src="{{ get_asset('dist/auth/img/srm-logo.jpg')}}"
                                        width="100%" /></div>
                                <form method="" action="" accept-charset="UTF-8">
                                    <input id="email" class="form-control" type="text" placeholder="Email" name="email">
                                    <input id="question" class="form-control" type="text"
                                        placeholder="Enter your Question?" name="question"
                                        value="What's is your favourite color?">
                                    <input id="answer" class="form-control" type="text" placeholder="Enter your answer"
                                        name="answer">
                                    <input class="btn btn-default btn-login" data-dismiss="modal" data-toggle="modal"
                                        data-target="#confirmationModal" type="button" value="Reset Password"
                                        onclick="goConfirm()">
                                </form>
                            </div>
                        </div>
                    </div>

                </div>


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

    <div class="modal fade login" id="loginModal">
        <div class="modal-dialog login animated">
            <div class="modal-content">

                <div class="modal-body">
                    <div class="box">
                        <div class="content">

                            <div class="form loginBox">
                                <div style="margin: 5px;"><img src="{{ get_asset('dist/auth/img/srm-logo.jpg')}}"
                                        width="100%" /></div>

                                <form method="post" id="login-form" action="{{ route('login') }}"
                                    accept-charset="UTF-8">
                                    @csrf
                                    <input id="email" class="form-control" type="text" placeholder="Email" name="email">
                                    <input id="password" class="form-control" type="password" placeholder="Password"
                                        name="password">

                                    <input class="btn btn-default btn-login" type="submit" value="Login">
                                    <input name="remember" type="checkbox" id="remember">
                                    <span for="remember">
                                        Remember Me
                                    </span>
                                </form>
                            </div>
                        </div>
                    </div>
                    <div class="box">
                        <div class="content registerBox" style="display:none;">
                            <div class="form">
                                <form method="post" html="{:multipart=>true}" data-remote="true" action=""
                                    accept-charset="UTF-8">
                                    <div style="margin: 5px;"><img src="{{ get_asset('dist/auth/img/srm-logo.jpg')}}"
                                            width="100%" />
                                    </div>

                                    <input type="text" id="userName" class="form-control" placeholder="User Name"
                                        name="userName">

                                    <input id="email" class="form-control" type="text" placeholder="Email" name="email">
                                    <input id="password" class="form-control" type="password" placeholder="Password"
                                        name="password">
                                    <input id="password_confirmation" class="form-control" type="password"
                                        placeholder="Repeat Password" name="password_confirmation">
                                    <input type="text" id="security question" class="form-control"
                                        placeholder="security question" name="security question">
                                    <input type="text" id="answer" class="form-control" placeholder="Enter Your Answer"
                                        name="answer">
                                    <input class="btn btn-default btn-register" type="submit" value="Create account"
                                        name="commit">
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <div class="forgot login-footer">
                        <span>Looking to
                            <a href="javascript: showRegisterForm();">create an account</a>
                            ? <br> or <br> <a href="javascript: showForgetForm();" class="btn" data-toggle="modal"
                                data-dismiss="modal" href="#" data-target="#forgotModal">Forgot Password</a></span>
                    </div>
                    <div class="forgot register-footer" style="display:none">
                        <span>Already have an account?</span>
                        <a href="javascript: showLoginForm();">Login</a>
                    </div>
                    <div class="forgot forgot-footer" style="display:none">

                        <a href="javascript: showLoginForm();">Login</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="{{ get_asset('dist/auth/js/jquery-1.10.2.js')}}" type="text/javascript"></script>
<script src="{{ get_asset('dist/auth/js/bootstrap.js')}}" type="text/javascript"></script>
<script src="{{ get_asset('dist/auth/js/login-register.js')}}" type="text/javascript"></script>
<script>
    $(document).ready(function(){

$('.big-login').trigger('click');
})

</script>
@endsection