- content_for :page_specific_javascripts do
  = webpack_bundle_tag 'common_vue'
  = webpack_bundle_tag 'schedule_form'

= form_for [@project.namespace.becomes(Namespace), @project, @schedule], as: :schedule, html: { id: "new-pipeline-schedule-form", class: "form-horizontal js-pipeline-schedule-form" } do |f|
  = form_errors(@schedule)
  .form-group
    .col-md-9
      = f.label :description, _('Description'), class: 'label-light'
      = f.text_field :description, class: 'form-control', required: true, autofocus: true, placeholder: s_('PipelineSchedules|Provide a short description for this pipeline')
  .form-group
    .col-md-9
      = f.label :cron, _('Interval Pattern'), class: 'label-light'
      #interval-pattern-input{ data: { initial_interval: @schedule.cron } }
  .form-group
    .col-md-9
      = f.label :cron_timezone, _('Cron Timezone'), class: 'label-light'
      = dropdown_tag(_("Select a timezone"), options: { toggle_class: 'btn js-timezone-dropdown', title: _("Select a timezone"), filter: true, placeholder: s_("OfSearchInADropdown|Filter"), data: { data: timezone_data } } )
      = f.text_field :cron_timezone, value: @schedule.cron_timezone, id: 'schedule_cron_timezone', class: 'hidden', name: 'schedule[cron_timezone]', required: true
  .form-group
    .col-md-9
      = f.label :ref, _('Target Branch'), class: 'label-light'
      = dropdown_tag(_("Select target branch"), options: { toggle_class: 'btn js-target-branch-dropdown', dropdown_class: 'git-revision-dropdown', title: _("Select target branch"), filter: true, placeholder: s_("OfSearchInADropdown|Filter"), data: { data: @project.repository.branch_names, default_branch: @project.default_branch } } )
      = f.text_field :ref, value: @schedule.ref, id: 'schedule_ref', class: 'hidden', name: 'schedule[ref]', required: true
  .form-group
    .col-md-9
      %label.label-light
        #{ s_('PipelineSchedules|Variables') }
    %ul.js-pipeline-variable-list.pipeline-variable-list
      - @schedule.variables.each do |variable|
        = render 'variable_row', id: variable.id, key: variable.key, value: variable.value
      = render 'variable_row'
  .form-group
    .col-md-9
      = f.label  :active, s_('PipelineSchedules|Activated'), class: 'label-light'
      %div
        = f.check_box :active, required: false, value: @schedule.active?
        = _('Active')
  .footer-block.row-content-block
    = f.submit _('Save pipeline schedule'), class: 'btn btn-create', tabindex: 3
    = link_to _('Cancel'), pipeline_schedules_path(@project), class: 'btn btn-cancel'
