<div class="info_input">
	<table border="0" cellspacing="0" cellpadding="0">
		<thead class="list_head">
			<tr>
				<td><%= t(:key) %></td>
				<% @site_valid_locales.each do |locale| %>
		      <td><%= I18nVariable.first(:conditions => {:key => locale})[I18n.locale] %></td>
		    <% end %>
			</tr>
		</thead>
		<tbody>
		<tr class="list_item">
		    <td><%= sub_role.new_record? ? (f.text_field :key, {:style => "width:150px"}) : sub_role.key %></td>
				<%= f.fields_for :title_translations do |f| %>
				  <% @site_valid_locales.each do |locale| %>
				    <td><%= f.text_field locale, :style => "width:150px", :value => (sub_role.title_translations[locale] rescue nil) %></td>
				  <% end %>
				<% end %>
		  </tr>
		</tbody>
	</table>
	<div class="group">
		<h2>Attributes</h2>
		<div class="info_input">
			<table class="sub_role_attributes" border="0" cellspacing="0" cellpadding="0">
				<thead class="list_head">
					<tr>
						<td><%= t(:key) %></td>
						<td><%= t(:multilingual) %></td>
						<% @site_valid_locales.each do |locale| %>
				      <td><%= I18nVariable.first(:conditions => {:key => locale})[I18n.locale] %></td>
				    <% end %>
						<td><%= t(:type)%></td>
						<td>&nbsp;</td>
					</tr>
				</thead>
				<tfoot>
					<tr>
						<td colspan="6">
							<div id='add_attribute'>
								<%= hidden_field_tag 'attribute_field_count', sub_role.attribute_fields.count %>
								<a href="#" class="add"><%= t(:add) %></a>
								<%= hidden_field_tag 'sub_role_temp_id', (i rescue 'new_sub_roles') %>
							</div>
						</td>
					</tr>
				</tfoot>
				<tbody>
					<% sub_role.attribute_fields.each do |attribute_field| %>
						<%= render :partial => 'attribute_field', :object => attribute_field, :locals => {:f => f} %>
					<% end %>
				</tbody>
			</table>
		</div>
	</div>
</div>

<% content_for :page_specific_javascript do %>
	<script>
		$('#add_attribute a.add').live('click', function(){
			var new_parent_id = $(this).next().attr('value');
			var old_parent_id = new RegExp("new_sub_roles", "g");
			var new_id = $(this).prev().attr('value');
			var old_id = new RegExp("new_attribute_fields", "g");
			$(this).prev().attr('value', parseInt(new_id) + 1);
	    $(this).parents('table').append(("<%= escape_javascript(add_attribute 'admin/attributes/attribute_field', f, :attribute_fields) %>").replace(old_id, new_id).replace(old_parent_id, new_parent_id));
		});
	</script>
<% end unless !sub_role.new_record? %>