@extends('base')

@section('css')
    <link href="/js/sweetalert2/sweetalert2.min.css" rel="stylesheet" type="text/css">
@endsection

@section('main')
    @include('top')
    <div class="container">
        <div class="row">
            <section class="signin popup-in">
                <div class="container">
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="single-sign">
                                <div class="sign-content popup-in-content">
                                    <div class="popup-in-txt">
                                        <div class="signin-form">
                                            <div class=" form-group">
                                                <label for="signin_form">Username</label>
                                                <input type="email" class="form-control" id="username"
                                                    placeholder="Username">
                                            </div>
                                            <!--/.form-group -->
                                            <div class="form-group">
                                                <label for="signin_form">Password</label>
                                                <input type="password" class="form-control" id="password"
                                                    placeholder="Password">
                                            </div>
                                            <!--/.form-group -->
                                            <!--Google reCAPTCHA-->
                                            <div class="form-group">
                                                <div id="g-captcha"></div>
                                            </div>
                                            <!--/.form-group -->
                                        </div>
                                        <!--/.col -->
                                    </div>
                                    <!--/.row -->
                                </div>
                                <!--/.signin-form -->

                                <div class="signin-footer">
                                    <button type="button" class="btn signin_btn" id="loginBtn">
                                        sign in
                                    </button>
                                    <p></p>
                                </div>
                                <!--/.signin-footer -->
                            </div>
                            <!--/.popup-in-txt -->
                        </div>
                        <!--/.sign-content -->
                    </div>
                    <!--/.single-sign -->
                </div>
                <!--/.col -->
        </div>
        <!--/.row-->
    </div>
    <!--/.container -->

    @include('footer')
@endsection

@section('js')
    <script src="https://www.google.com/recaptcha/api.js?render=explicit&onload=onReCaptchaLoad" async defer></script>
    <script src="/js/jQuerySession.js"></script>
    <script src="/js/sweetalert2/sweetalert2.all.js"></script>
    <script src="/js/login.js"></script>
@endsection