@extends('welcome')

@section('content')

<!-- begin #home -->
<div class="content has-bg home tpl-page tpl-home">
    <!-- begin container -->
    <div class="container home-content">
        <div class="tpl-vertical">
            <div class="tpl-logo">
                <img class="img-responsive" src="{{url('storage/frontend/assets/img/logo-big.png')}}" alt="CryptShares" />
            </div>
            
            <!-- <a href="/explore" class="btn btn-theme">Explore Groups</a>  -->
            @if(Auth::guard('crypto')->check() && Auth::guard('crypto')->user()->status === "1")
                <div class="text-center return-back-anchor">
                    <a href="/dashboard"><i class="fa fa-arrow-left"></i> Return to Dashboard</a>
                </div>
            @else
                <div id="login">
                    <div class="tpl-form-box">
                        <div class="alert alert-danger" id="result7" style="display: none;"></div>
                        <form name="login_form" id="login_form" action="javascript:void(0);" method="POST">
                            {{csrf_field()}}
                            <input type="text" name="username" id="username" placeholder="Username" />
                            <input type="password" name="password" id="password" placeholder="Password" />
                            <div class="checkbox">
                                <label>
                                    <input type="checkbox" name="remember" id="remember" /> Remember Me
                                </label>
                            </div>
                            <input type="submit" id="login_submit" value="Sign In" />
                            <a href="javascript:void(0);" id="link_register">Register</a>
                            <a href="javascript:void(0);" id="link_forgotpass">Forgot Password?</a>
                        </form>
                    </div>
                </div>
                <div id="register" style="display: none;">
                    <div class="tpl-form-box">
                        <div class="alert alert-info" id="result5" style="display: none;"></div>
                        <div class="alert alert-danger" id="result6" style="display: none;"></div>
                        <form name="register_form" id="register_form" action="javascript:void(0);" method="POST">
                            {{csrf_field()}}
                            <input type="text" name="reg_username" id="reg_username" placeholder="Username" maxlength="12" onkeydown="return isCharacter(event);" />
                            <input type="password" name="reg_password" id="reg_password" placeholder="Password" />
                            <input type="password" name="confirm_password" id="confirm_password" placeholder="Confirm Password" />
                            <input type="text" name="reg_email" id="reg_email" placeholder="Email address" />
                            <input type="text" name="captain_name" id="captain_name" placeholder="Captain" maxlength="12" onkeydown="return isCharacter(event);" /> &nbsp;&nbsp;&nbsp;&nbsp;<span title="This is the username of the person who Referred you, if you don't have a Captain leave blank, you can always fill it in later." style="cursor: help;"><i class="fa fa-question-circle"></i></span>
                            <div class="checkbox">
                                <label>
                                    <input type="checkbox" name="aggrement" id="aggrement" /> By clicking Sign Up, you agree to our terms and that you have read our Data Policy including our Cookie Use.
                                </label>
                            </div>
                            <input type="submit" id="register_submit" value="Sign Up" />
                            <a href="javascript:void(0);" class="link_login">Back</a>
                        </form>
                    </div>
                </div>
                <div id="forgot_pass" style="display: none;">
                    <div class="tpl-form-box">
                        <div class="alert alert-danger" id="result2" style="display: none;"></div>
                        <div class="alert alert-info" id="result3" style="display: none;"></div>
                        <form name="forgot_form" id="forgot_form" action="javascript:void(0);" method="POST">
                            {{csrf_field()}}
                            <input type="text" name="forgot_email" id="forgot_email" placeholder="Email address" />
                            <input type="submit" id="forgot_submit" value="Submit" />
                            <a href="javascript:void(0);" class="link_login">Back</a>
                        </form>
                    </div>
                </div>
            @endif
        </div>
    </div>
    <!-- end container -->
</div>
<!-- end #home -->
@stop