<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
  <!-- Content Header (Page header) -->
  <section class="content-header">
    <h1>
      <%= singular_table_name %>
      <small><%= singular_table_name %> manager</small>
    </h1>
    <ol class="breadcrumb">
      <li><%%= link_to '<i class="fa fa-dashboard"></i> 首页'.html_safe, root_path %></li>
      <li><%%= link_to "<%= singular_table_name %>", <%= singular_table_name %>s_url %></li>
      <li class="active"><%= singular_table_name %>新增/修改</li>
    </ol>
  </section>

  <!-- Main content -->
  <section class="content">
    <%% if @<%= singular_table_name %>.errors.any? %>
    <div class="alert alert-danger alert-dismissible">
      <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
      <h4><i class="icon fa fa-ban"></i> 有<%%= @<%= singular_table_name %>.errors.count %>个错误:</h4>
      <%% errors = "" %>
      <%% @<%= singular_table_name %>.errors.messages.values.each_with_index { |message, index| errors = errors +
      "#{index+1}.#{message.join(";")}; " } %>
      <%%= errors %>
    </div>
    <%% end %>

    <!-- /.row -->
    <div class="row">
      <div class="col-md-12">
        <!-- Horizontal Form -->
        <div class="box box-info">
          <div class="box-header with-border">
            <h3 class="box-title">成员新增/修改</h3>
          </div>
          <!-- /.box-header -->
          <!-- BEGIN FORM-->
          <%%= form_for(@<%= singular_table_name %>, :html => {:class => "form-horizontal", :id => "obj_form"}) do |f| %>
          <div class="form-body">
            <% attributes.each do |attribute| -%>
                <div class="form-group">
                  <label class="col-sm-3 control-label"> <%= attribute.column_name %> </label>
                  <div class="col-md-6">
                    <%%= f.<%= attribute.field_type %> :<%= attribute.column_name %>, class: "form-control", placeholder: "<%= attribute.column_name %>" %>
                  </div>
                </div>
            <% end -%>
          </div>
          <div class="box-footer">
            <button type="button" onclick="javascript:history.back();" class="btn btn-default">返回</button>
            <button type="submit" class="btn btn-info pull-right">提交</button>
          </div>
          <%% end %>
          <!-- END FORM-->
        </div>
        <!-- /.box -->
      </div>
    </div>
    <!-- /.row -->
  </section>
  <!-- /.content -->
</div>
<!-- /.content-wrapper -->
<%%= content_for :js_bottom do %>
    <script type="text/javascript" charset="utf-8">
      $(function () {
        $("#obj_form").validate({
          errorElement: 'span', //default input error message container
          errorClass: 'help-block help-block-error', // default input error message class
          focusInvalid: false, // do not focus the last invalid input
          ignore: "",  // validate all fields including form hidden input
          rules: {
            <% attributes.each do |attribute| -%>
            "<%= singular_table_name %>[<%= attribute.column_name %>]": {
              required: true,
              rangelength: [1, 50]
            },
            <% end -%>
          },
          messages: {
            <% attributes.each do |attribute| -%>
            "<%= singular_table_name %>[<%= attribute.column_name %>]": {
              required: "请输入<%= attribute.column_name %>",
              rangelength: "<%= attribute.column_name %>长度必须是1~50"
            },
            <% end -%>
          },
          highlight: function (element) { // hightlight error inputs
            $(element).closest('.form-group').addClass('has-error'); // set error class to the control group
          },
          unhighlight: function (element) { // revert the change done by hightlight
            $(element).closest('.form-group').removeClass('has-error'); // set error class to the control group
          },
          success: function (label) {
            label.closest('.form-group').removeClass('has-error'); // set success class to the control group
          },
          submitHandler: function (form) {
            $(form).find(":submit").attr("disabled", true).text("提交中...");
            form.submit();
          }
        });
      });
    </script>
<%% end %>