<div class="col-sm-6"></div>
<div class="col-sm-6">
    {{#when type 'eq' 'signup'}}
    <legend>Signup</legend>
    {{else}}
    <legend>Signin</legend>
    {{/when}}
    <form role="form" class="form-horizontal ">
        {{#when type 'eq' 'signup'}}
        <div class="form-group">
            <label for="email" class="col-sm-2 control-label">  Name</label>
            <div class="col-sm-10 ">
                <div class="row">
                    <div class="col-sm-6 col-xs-6"><input type="text" class="form-control" name='firstname' placeholder="First Name" /></div>
                    <div class="col-sm-6 col-xs-6">
                        <input type="text" class="form-control " name='lastname' placeholder="Last Name" />
                    </div>

                </div>

            </div>
        </div>
        {{/when}}
        <div class="form-group">
            <label for="email" class="col-sm-2 control-label">
                                    Email</label>
            <div class="col-sm-10">
                <input type="email" class="form-control" name='email' placeholder="Email" />
            </div>
        </div>
        <div class="form-group">
            <label for="exampleInputPassword1" class="col-sm-2 control-label">
                                    Password</label>
            <div class="col-sm-10">
                <input type="password" class="form-control" name='password' placeholder="*******" />
            </div>
        </div>
        <div class="row">
            <div class="col-sm-2">
            </div>
            <div class="col-sm-10">
                {{#when type 'eq' 'signup'}}
                <button class="btn btn-primary col-sm-12 register col-xs-12" style="margin-bottom:7px">
                                        Signup</button>
                <a href="#" class="switch" data-type='signin' style="color:gray;">Already User?</a> {{else}}
                <button class="btn btn-primary col-sm-12 login col-xs-12" style="margin-bottom:7px">
                                        Login</button>
                <a href="#" class="switch" data-type='signup' style="color:gray;">Create a account</a> {{/when}}

            </div>
            <div style="text-align: center">
                {{!--<a href="/auth/facebook" class="btn " style="background-color:#3b5998;color:white" target="_top"><span class="fa fa-facebook"></span> Facebook</a>&nbsp;&nbsp;
                <a href="/auth/google" class="btn btn-danger " style="color:white" target="_top"><span class="fa fa-google "></span> Google</a>--}}
            </div>

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