<div class="row">

    <form class="form-horizontal" role="form" name="edit.form">

        <div class="form-group">

            <label for="id" class="col-sm-3 control-label" data-translate="moon.pdp.edit.basic.form.id">Id</label>

            <div class="col-sm-6">

                <input name="id" id="id" disabled class="form-control" type="text" data-ng-model="edit.pdpToEdit.id" required />

            </div>

        </div>

        <div class="form-group" ng-class="{'has-error': edit.form.name.$invalid && edit.form.name.$dirty}">

            <label for="name" class="col-sm-3 control-label" data-translate="moon.pdp.edit.basic.form.name">Name</label>

            <div class="col-sm-6">

                <input name="name" id="name" class="form-control" type="text" data-ng-model="edit.pdpToEdit.name" required />

                <div class="help-block" ng-show="edit.form.name.$dirty && edit.form.name.$invalid">
                    <small class="error" ng-show="edit.form.name.$error.required" data-translate="moon.pdp.edit.basic.check.name.required">Name is required</small>
                </div>

            </div>

        </div>

        <div class="form-group">

            <label for="description" class="col-sm-3 control-label" data-translate="moon.pdp.edit.basic.form.description">Description</label>
            <div class="col-sm-6">
                <textarea id="description" name="description" class="form-control" data-ng-model="edit.pdpToEdit.description"></textarea>
            </div>

        </div>

        <div class="form-group">

            <div class="col-sm-2 col-sm-offset-3">

                <a href=""  ng-disabled="edit.loading" ng-click="edit.init()" class="btn btn-default">
                    <span data-translate="moon.pdp.edit.basic.action.init">Init</span>
                </a>
            </div>

            <div class="col-sm-4 col-sm-offset-2">

                <a href="" ng-disabled="edit.loading" ng-click="edit.editPdp()" class="btn btn-warning">
                    <span class="glyphicon glyphicon-save"></span>
                    <span data-translate="moon.pdp.edit.basic.action.update">Update</span>
                </a>

                <moon-loader ng-if="edit.loading"></moon-loader>
            </div>

        </div>

    </form>

</div>