<style type="text/css">
    .min-vh-100{
        min-height: 100vh !important;
    }
    body{
        padding-top: 0;
        background-color: #e5e5e5;
        background-image: url(images/login-bg-lg.jpg);
        background-position: top center !important;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
    }
</style>
<div class="container min-vh-100" ng-if="show_form">
    <div class="row min-vh-100 align-items-center justify-content-center" ng-if="!$root.usuario_acceso">
        <div class="col-sm-12 col-md-8 col-lg-6">
            <div class="bg-white-80-gradient">
                <div class="text-center">
                    <div class="p-5">
                        <img src="images/logobg.png" alt="logo" class="logo-lg"/>
                    </div>
                </div>
                <div>
                    <form class="bg-white p-3 p-md-5" ng-submit="submit()" novalidate autocomplete="off">
                        <h2 class="mb-4">Bienvenido</h2>
                        <div class="form-group">
                            <label for="pass" class="form-control-label">Asignar una contrase&ntilde;a</label>
                            <div class="input-group">
                                <input ng-attr-type="{{ show_pass ? 'text' : 'password' }}" id="pass" class="form-control" ng-model="form_pass.password" ng-minlength="6" required/>
                                <div class="input-group-append">
                                    <span class="input-group-text" ng-click="show_pass = !show_pass"><i ng-class="show_pass ? 'fa fa-eye-slash' : 'fa fa-eye'"></i></span>
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="confirmpass" class="form-control-label">Confirmar contrase&ntilde;a</label>
                            <div class="input-group">
                                <input ng-attr-type="{{ show_confirmpass ? 'text' : 'password' }}" id="confirmpass" class="form-control" confirm-password="form_pass.password" ng-model="form_pass.confirmpassword" ng-minlength="6" required/>
                                <div class="input-group-append">
                                    <span class="input-group-text" ng-click="show_confirmpass = !show_confirmpass"><i ng-class="show_confirmpass ? 'fa fa-eye-slash' : 'fa fa-eye'"></i></span>
                                </div>
                            </div>
                        </div>
                        <div class="row justify-content-end">
                            <div class="col-md-6">
                                <button type="submit" class="btn btn-success btn-block border border-light mt-4">guardar</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>