<%= render partial: 'spree/shared/error_messages', locals: { target: @promotion } %>
<fieldset class="form-group no-border-bottom no-border-top">
  <div class="row">
    <div id="general_fields" class="col-9">
      <div class="row">
        <div class="col-12">
          <%= f.field_container :name do %>
            <%= f.label :name, class: 'required' %>
            <%= f.text_field :name, class: 'fullwidth', required: true %>
          <% end %>

          <%= f.field_container :description do %>
            <%= f.label :description %><br>
            <%= f.text_area :description, rows: 7, class: 'fullwidth' %>
            <span class="info">
              <%= t('spree.character_limit') %>
            </span>
          <% end %>

          <%= f.field_container :category do %>
            <%= f.label :promotion_category_id, Spree::PromotionCategory.model_name.human %><br>
            <%= f.collection_select(:promotion_category_id, @promotion_categories, :id, :name, { include_blank: t('spree.match_choices.none') }, { class: 'custom-select fullwidth' }) %>
          <% end %>
        </div>
      </div>
    </div>

    <div id="expiry_fields" class="col-3">
      <%= f.field_container :overall_usage_limit do %>
        <%= f.label :usage_limit %><br>
        <%= f.number_field :usage_limit, min: 0, class: 'fullwidth' %><br>
        <span class="info">
          <%= t('spree.current_promotion_usage', count: @promotion.usage_count) %>
        </span>
      <% end %>

      <% if @promotion.persisted? %>
        <%= f.field_container :per_code_usage_limit do %>
          <%= f.label :per_code_usage_limit %><br>
          <%= f.number_field :per_code_usage_limit, min: 0, class: 'fullwidth' %><br>
        <% end %>
      <% end %>

      <div id="starts_at_field" class="field">
        <%= f.label :starts_at %>
        <%= f.field_hint :starts_at %>
        <%= f.text_field :starts_at, value: datepicker_field_value(@promotion.starts_at, with_time: true), placeholder: t(".starts_at_placeholder"), class: 'datepicker datepicker-from fullwidth', data: { :'enable-time' => true, :'default-hour' => 0 } %>
      </div>

      <div id="expires_at_field" class="field">
        <%= f.label :expires_at %>
        <%= f.field_hint :expires_at %>
        <%= f.text_field :expires_at, value: datepicker_field_value(@promotion.expires_at, with_time: true), placeholder: t(".expires_at_placeholder"), class: 'datepicker datepicker-to fullwidth', data: { :'enable-time' => true, :'default-hour' => 0 } %>
      </div>
    </div>
  </div>
</fieldset>

<fieldset class="form-group no-border-bottom">
  <legend><%= t '.activation' %></legend>

  <% if @promotion.new_record? %>
    <%= render 'spree/admin/promotions/activations_new', f: f %>
  <% else %>
    <%= render 'spree/admin/promotions/activations_edit', f: f %>
  <% end %>
</fieldset>
