<div class="col-md-12" ng-controller="CreatePaymentTypeController">
    <div class="paddedbottom10">
        <ul class="breadcrumb">
            <li><a href="#/organization">{{'label.anchor.organization' | translate}}</a> </li>
            <li><a href="#/viewpaymenttype">{{'label.anchor.paymentTypes' | translate}}</a></li>
            <li class="active">{{'label.anchor.createpaymenttype' | translate}} </li>
        </ul>
        <form name="createpaymenttype" novalidate="" class="form-horizontal well"
              rc-submit="submit()">
            <api-validate></api-validate>
            <fieldset>
                <legend>{{'label.anchor.createpaymenttype' | translate}}</legend>

                <div class="form-group">
                    <label class="control-label col-sm-2" for="name">{{'label.anchor.paymentTypes' | translate}}<span
                            class="required">*</span></label>

                    <div class="col-sm-3">
                        <input ng-autofocus="true" type="text" id="name" name="name" ng-model="formData.name" class="form-control" required
                               late-Validate/>
                    </div>
                    <div class="col-sm-3">
                        <form-validate valattributeform="createcenterform" valattribute="name"/>
                    </div>
                </div>
                <div class="form-group">
                    <label class="control-label col-sm-2" >{{'label.input.description' | translate}}</label>

                    <div class="col-sm-3">
                        <textarea name="description" ng-model="formData.description"
                                  type="text" class="form-control"/>
                    </div>
                </div>
                <div class="form-group">
                    <label class="control-label col-sm-2">{{'label.input.iscashpayment' | translate}}</label>

                    <div class="col-sm-3">
                        <input type="checkbox" id="iscashpayment"  ng-model="formData.isCashPayment">
                    </div>
                </div>
                <div class="form-group">
                    <label class="control-label col-sm-2" >{{'label.input.position' | translate}}</label>

                    <div class="col-sm-3">
                        <input name="position" ng-model="formData.position"
                                  type="text" class="form-control"/>
                    </div>
                </div>
                <div class="col-md-offset-2 paddedleft">
                    <a id="cancel" href="#/viewpaymenttype" class="btn btn-default">{{'label.button.cancel' | translate}}</a>
                    <button id="save" type="submit" class="btn btn-primary" has-permission='CREATE_PAYMENTTYPE'>{{'label.button.save' | translate}}</button>
                </div>
            </fieldset>
        </form>
    </div>
</div>
