- page_title s_('TagsPage|New Tag')
- default_ref = params[:ref] || @project.default_branch

- if @error
  = render Pajamas::AlertComponent.new(variant: :danger, dismissible: true ) do |c|
    = c.body do
      = @error

%h1.page-title.gl-font-size-h-display
  = s_('TagsPage|New Tag')

%p.gl-text-secondary
  - link_start = '<a href="%{url}">'.html_safe % { url: new_namespace_project_release_path }
  - link_end = '</a>'.html_safe
  = s_('TagsPage|Do you want to create a release with the new tag? You can do that in the %{link_start}New release page%{link_end}.').html_safe % { link_start: link_start, link_end: link_end }

= form_tag namespace_project_tags_path, method: :post, id: "new-tag-form", class: "common-note-form tag-form js-quick-submit js-requires-input" do
  .form-group.row
    .col-sm-12
      = label_tag :tag_name, nil
      = text_field_tag :tag_name, params[:tag_name], required: true, autofocus: true, class: 'form-control', data: { qa_selector: "tag_name_field" }
  .form-group.row
    .col-sm-12.create-from
      = label_tag :ref, 'Create from'
      .dropdown
        = hidden_field_tag :ref, default_ref
        = button_tag type: 'button', title: default_ref, class: 'dropdown-menu-toggle wide js-branch-select monospace', required: true, data: { toggle: 'dropdown', selected: default_ref, field_name: 'ref' } do
          .text-left.dropdown-toggle-text= default_ref
          = sprite_icon('chevron-down', css_class: 'dropdown-menu-toggle-icon gl-top-3')
        = render 'shared/ref_dropdown', dropdown_class: 'wide'
      .form-text.text-muted
        = s_('TagsPage|Existing branch name, tag, or commit SHA')
  .form-group.row
    .col-sm-12
      = label_tag :message, nil
      = text_area_tag :message, @message, required: false, class: 'form-control', rows: 5, data: { qa_selector: "tag_message_field" }
      .form-text.text-muted
        = tag_description_help_text

  .gl-display-flex
    = render Pajamas::ButtonComponent.new(variant: :confirm, button_options: { class: 'gl-mr-3', data: { qa_selector: "create_tag_button" }, type: 'submit' }) do
      = s_('TagsPage|Create tag')
    = render Pajamas::ButtonComponent.new(href: project_tags_path(@project)) do
      = s_('TagsPage|Cancel')
-# haml-lint:disable InlineJavaScript
%script#availableRefs{ type: "application/json" }= @project.repository.ref_names.to_json.html_safe