@extends('layouts.auth')

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

    <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 forgetPasswordBox">
                            <form id="checkemailform" data-reset="{{ route('password.email') }}"
                                data-check="{{ route('password.security_question') }}" method="POST">
                                @csrf
                                <div class="form">

                                    <div style="margin: 5px;"><img src="{{ get_asset('dist/auth/img/srm-logo.jpg')}}"
                                            width="100%" /></div>
                                    <input id="email" class="form-control" type="text" placeholder="Email" name="email"
                                        value="{{ old('email') }}">
                                    <div class="security_inputs">
                                        <input id="question" class="form-control" type="text"
                                            placeholder="Enter your Question?" name="question" value="">
                                        <input id="answer" class="form-control" type="text"
                                            placeholder="Enter your answer" name="security_answer">
                                    </div>
                                    <input class="btn btn-default btn-login" id="checkEmail" type="button"
                                        value="Reset Password">
                                </div>
                                <div class="alert alert-danger" id="error" style="margin-top: 0.5em">

                                </div>
                                <div class="alert alert-success" id="success" style="margin-top: 0.5em">

                                </div>
                            </form>

                        </div>
                    </div>
                    <div class="modal-footer">
                        <div class="forgot forget-footer">
                            <a href="{{ route('login') }}">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>

    @endsection