openfoodnetwork/app/views/admin/order_cycles/index.html.haml

- content_for :page_title do
  = t :admin_order_cycles

- content_for :main_ng_app_name do
  = "admin.orderCycles"

= content_for :page_actions do
  - if subscriptions_enabled?
    %li
      %a.button.icon-plus#new-schedule{ "schedule-dialog" => true, "ofn-with-tip" => t('.new_schedule_tooltip'), "powertip-location" => 's' }
        = t('admin.order_cycles.index.new_schedule')
  %li#new_order_cycle_link
    = button_link_to t(:new_order_cycle), main_app.new_admin_order_cycle_path, icon: 'icon-plus', id: 'admin_new_order_cycle_link', "ofn-with-tip" => t(:new_order_cycle_tooltip), "powertip-location" => 's'

= admin_inject_column_preferences module: 'admin.orderCycles'

%div{ "ng-controller": 'OrderCyclesCtrl' }
  = render 'admin/order_cycles/filters'

  %hr.divider

  .row.controls{ "ng-show": "orderCycles.length > 0" }
    .thirteen.columns.alpha  
    %columns-dropdown{ action: "#{controller_name}_#{action_name}" }

    %div{ data: { controller: 'order-cycle-form' } }
      %form{ name: 'order_cycles_form' }
        %save-bar{ dirty: "order_cycles_form.$dirty", persist: "false" }
          %input.red{ type: "button", value: t(:save_changes), "ng-click": "saveAll($event)", "ng-disabled": "!order_cycles_form.$dirty",
                      data: { confirm: "true", 'trigger-action': 'bulk_save' } }
        %table.index#listing_order_cycles{ "ng-show": 'orderCycles.length > 0' }
          = render 'admin/order_cycles/header' #, simple_index: simple_index
          %tbody
            = render 'admin/order_cycles/row' #, simple_index: simple_index
        = render 'admin/order_cycles/loading_flash'
        = render 'admin/order_cycles/show_more'

        %div.warning-modal{ data: { controller: 'modal modal-link', 'modal-link-target-value': "linked-order-warning-modal" } }
          %button.modal-target-trigger{ type: 'button', data: { 'action': 'modal-link#open' }, style: 'display: none;' } 
          = render ModalComponent.new(id: "linked-order-warning-modal", close_button: false) do
            .content.flex-column.gap-2
              = render 'date_time_warning_modal_content', action: 'bulk_update'