<div class="container-fluid">
    <div class="row align-items-center justify-content-center">
        <div class="col">
            <form ng-submit="submit()" novalidate autocomplete="off">
                <div class="card my-5">
                    <div class="card-header">
                        <button class="btn btn-outline-danger btn-sm float-right ml-2" type="button" title="cerrar" ng-click="openCancelDialog()"><i class="fas fa-times"></i></button>
                        <h4 ng-if="action === 'create'">Agregando rol</h4>
                        <h4 ng-if="action === 'edit'">Editando rol</h4>
                    </div>
                    <div class="card-body">
                        <div class="form-group">
                            <label for="rol">Nombre del rol:*</label>
                            <input class="form-control" type="text" ng-model="form_rol.rol_nombre" id="rol" name="rol" placeholder="Nombre del rol" maxlength="45" required/>
                        </div>
                        <div>
                            <small>* campos obligatorios</small>
                        </div>
                    </div>
                    <div class="card-footer text-right">
                        <button type="submit" class="btn btn-md btn-outline-success">guardar</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>