<%
  define_admin_breadcrumbs do
    add_admin_breadcrumb('云上实验室', admins_laboratories_path)
    add_admin_breadcrumb('轮播图')
  end
%>

<div class="card mb-5 carousels-card">
  <div class="card-header d-flex justify-content-between align-items-center">
    <span class="flex-1">首页轮播图<span class="text-secondary font-12">（拖动排序）</span></span>
    <%= javascript_void_link '添加', class: 'btn btn-primary btn-sm add-btn', data: { toggle: 'modal', target: '.admin-add-carousel-modal' } %>
  </div>
  <div class="card-body row" id="carousels-container" data-laboratory-id="<%= current_laboratory.id %>">
    <% @images.each_with_index do |image, index| %>
      <div class="col-12 custom-carousel-item custom-carousel-item-<%= image.id %>" data-id="<%= image.id %>">
        <div class="border rounded relative p-3 mb-3 drag row align-items-center <%= image.online? ? '' : 'not_active' %>">
          <div class="col-2 col-md-1 custom-carousel-item-no"><%= index + 1 %></div>
          <div class="col-10 col-md-3 custom-carousel-item-img" data-source-id="<%= image.id %>" data-source-type="PortalImage" data-toggle="modal" data-target=".admin-upload-file-modal">
            <img src="<%= Util::FileManage.exist?('PortalImage', image.id) ? Util::FileManage.disk_file_url('PortalImage', image.id) : '' %>" data-toggle="tooltip" data-title="重新上传"/>
          </div>
          <div class="col-10 col-md-7">
            <div class="input-group">
              <input type="text" value="<%= image.name %>" class="form-control name-input" placeholder="请输入名称" />
              <input type="text" value="<%= image.link %>" class="form-control link-input" placeholder="请输入跳转地址">
              <div class="input-group-prepend">
                <button class="input-group-text save-data-btn" data-id="<%= image.id %>">保存</button>
              </div>
            </div>
          </div>
          <div class="col-2 col-md-1 operate-box">
            <%= check_box_tag(:online, 1, image.online?, id: nil, class: 'online-check-box', data: { id: image.id, toggle: 'tooltip', title: '首页展示' }) %>
            <%= delete_link '删除', admins_laboratory_carousel_path(image, laboratory_id: image.laboratory_id, element: ".custom-carousel-item-#{image.id}", not_refresh: true), class: 'delete-btn' do %>
              <i class="fa fa-trash-o" data-id="<%= image.id %>"></i>
            <% end %>
          </div>
        </div>
      </div>
    <% end %>
  </div>
</div>


<%= render partial: 'admins/carousels/shared/add_carousel_modal', locals: { laboratory_id: current_laboratory } %>
<%= render partial: 'admins/shared/modal/upload_file_modal' %>