#modal-create-new-dir.modal
  .modal-dialog
    .modal-content
      .modal-header
        %a.close{href: "#", "data-dismiss" => "modal"} ×
        %h3.page-title Create New Directory
      .modal-body
        = form_tag namespace_project_create_dir_path(@project.namespace, @project, @id), method: :post, remote: false, class: 'form-horizontal js-create-dir-form' do
          .form-group
            = label_tag :dir_name, 'Directory Name', class: 'control-label'
            .col-sm-10
              = text_field_tag :dir_name, params[:dir_name], placeholder: "Directory name", required: true, class: 'form-control'

          = render 'shared/new_commit_form', placeholder: "Add new directory"

          .form-group
            .col-sm-offset-2.col-sm-10
              = submit_tag "Create directory", class: 'btn btn-primary btn-create'
              = link_to "Cancel", '#', class: "btn btn-cancel", "data-dismiss" => "modal"

:javascript
  disableButtonIfAnyEmptyField($(".js-create-dir-form"), ".form-control", ".btn-create");
  new NewCommitForm($('.js-create-dir-form'))