<%
var attr = [];
if(data.wrap){
    attr.push('layout-wrap');
}

if(data.responsive){
  attr.push(data.responsive);
}

attr = attr.join(' ');
var layout;

if(data.vertical){
  layout="column";
}else{
  layout="row";
}
%>

<select-buttons <%-formValidators(data)%> name="<%-data.name%>" layout="<%-layout%>" <%-attr%> ng-model="<%-data.model%>" class="<%-data.class%>" <%-data.attrs%>>
    <% if(_.isArray(data.options)){
    for(var option of data.options){
      var value = option.value || option.name;
      var attr = 'ng-click="select(\''+value+'\')" ng-class="{selected:'+data.model+'==\''+value+'\'}"';
      %>
    <%if(data.buttonTemplate){%>
        <%-template(data.buttonTemplate,{option:option,attr:attr,data:data})%>
    <%}else{%>
        <md-button class="md-padding md-raised" <%-attr%> ng-class="{selected:<%-data.model%>=='<%-value%>'}">
            <%if(option.icon){%>
                <md-icon md-svg-icon="<%-get_icon(option.icon)%>"></md-icon>
            <%}%>
            <%-lng(option.title)%>
        </md-button>
    <%}%>
<%}%>
<%}else{%>
<md-button ng-repeat="option in <%-data.options%>" ng-click="select(option.value)" ng-class="{selected:<%-data.model%>==option.value}" class="md-padding md-raised">
    {{option.title}}
</md-button>
<%}%>
</select-buttons>
