<!-- Page Content -->
<div id="page-wrapper">
    <div class="container-fluid">
        <div class="row">
            <div class="col-lg-12">
                <h1 class="page-header">Agregar Servicio</h1>
            </div>
            <!-- /.col-lg-12 -->
            <div class="panel-body">
                    <div class="row">
                        <div class="col-lg-9">
                            <form role="form">

                                <div class="form-group">
                                    <label>Nombre</label>
                                    <input class="form-control" ng-model="nombre" placeholder="Escribir nombre..." required>
                                </div>
                                <div class="form-group">
                                    <label>Descripcion</label>
                                    <input class="form-control" ng-model="descripcion" placeholder="Escribir descripcion...">
                                </div>
                                <div class="form-group">
                                    <label>Precio</label>
                                    <input class="form-control" type="number" ng-model="precio" placeholder="Insertar precio..." required>
                                </div>
                      
                                <button type="reset" class="btn btn-default">Limpiar</button>
                                <button type="submit" class="btn btn-default" ng-click="agregarServicio()">Agregar</button>
                            </form>
                        </div>
                    </div>
                    <!-- /.row (nested) -->
                </div>
                <!-- /.panel-body -->
        </div>
        <!-- /.row -->
    </div>
    <!-- /.container-fluid -->
</div>
<!-- /#page-wrapper -->