<form id="add-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">

    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Start_diameter')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-start_diameter" class="form-control" name="row[start_diameter]" type="number">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('End_diameter')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-end_diameter" class="form-control" name="row[end_diameter]" type="number">
        </div>
    </div>
    <div class="form-group form-inline">
        <label class="control-label col-xs-12 col-sm-2">{:__('Pipe_color')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-pipe_color" class="form-control" name="row[pipe_color]" type="text" value="">
            <div id="color-form" class="form-control" style="background-color: transparent;width: 40px;height: 33px;margin-left: 3px;"></div>
            <button type="button" class="btn btn-default btn-color colorpicker" style="padding:0;margin-left:1px;" title="选择颜色"><img src="__CDN__/assets/img/colorful.png" height="29" alt=""></button>
        </div>
    </div>
    <div class="form-group layer-footer">
        <label class="control-label col-xs-12 col-sm-2"></label>
        <div class="col-xs-12 col-sm-8">
            <button type="submit" class="btn btn-success btn-embossed disabled">{:__('OK')}</button>
            <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
        </div>
    </div>
</form>