<div class="modal fade cooperative-add-carousel-modal" tabindex="-1" role="dialog" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">添加轮播图</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <%= simple_form_for(PortalImage.new, url: cooperative_carousels_path(laboratory_id: laboratory_id), html: { class: 'cooperative-add-carousel-form', enctype: 'multipart/form-data' }) do |f| %>
          <div class="form-group">
            <div class="input-group">
              <div class="input-group-prepend">
                <span class="input-group-text">图片</span>
              </div>
              <div class="custom-file flex-row-reverse">
                <input type="file" name="portal_image[image]" class="img-file-input" id="img-file-input" accept="image/*">
                <label class="custom-file-label file-names" for="img-file-input">选择文件</label>
              </div>
            </div>
          </div>

          <%= f.input :name, label: '名称', placeholder: '请输入名称' %>
          <%= f.input :link, as: :url, label: '跳转地址', placeholder: '请输入跳转地址' %>

          <div class="error text-danger"></div>
        <% end %>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
        <button type="button" class="btn btn-primary submit-btn">确认</button>
      </div>
    </div>
  </div>
</div>