<div class="col-sm-6">
    <form id="supplier-add-edit-form">
            <div class="form-group supplier-group">
                <label for="supplier-name">{{'suppliers.tables.headers.name' | translate}}:</label>
                <input class="form-control supplier-input"
                    type="text"
                    placeholder="{{'suppliers.tables.headers.name' | translate}}"
                    id="supplier-name"
                    ng-model="data.name"
                    value="{{data.name}}"
                    autofocus="on"
                    required>
            </div>

            <div class="form-group supplier-group">
                <label for="phone">{{'suppliers.tables.headers.phone' | translate}}:</label>
                <input type="text"
                    placeholder="{{'suppliers.tables.headers.phone' | translate}}"
                    class="form-control supplier-input"
                    id="supplier-phone"
                    ng-model="data.phone"
                    value="{{data.phone}}">
            </div>

            <div class="form-group supplier-group">
                <label for="mail">{{'suppliers.tables.headers.mail' | translate}}:</label>
                <input type="text"
                placeholder="{{'suppliers.tables.headers.mail' | translate}}"
                class="form-control supplier-input"
                id="supplier-mail"
                ng-model="data.mail"
                value="{{data.mail}}">
            </div>

            <button type="submit" ng-click="addEditSupplier()" class="btn btn-primary">{{'suppliers.buttons.SUPPLIERS_'+formAction | translate}}</button>
    </form>
</div>
