.row.prepend-top-default
  .col-lg-3
    %h4.prepend-top-0
      = page_title
    %p
      #{link_to "Webhooks", help_page_path("user/project/integrations/webhooks")} can be
      used for binding events when something is happening within the project.
  .col-lg-9.append-bottom-default
    = form_for hook, as: :hook, url: polymorphic_path(url_components + [:hooks]) do |f|
      = form_errors(hook)

      .form-group
        = f.label :url, "URL", class: 'label-light'
        = f.text_field :url, class: "form-control", placeholder: 'http://example.com/trigger-ci.json'
      .form-group
        = f.label :token, "Secret Token", class: 'label-light'
        = f.text_field :token, class: "form-control", placeholder: ''
        %p.help-block
          Use this token to validate received payloads. It will be sent with the request in the X-Gitlab-Token HTTP header.
      .form-group
        = f.label :url, "Trigger", class: 'label-light'
        %ul.list-unstyled
          %li
            = f.check_box :push_events, class: 'pull-left'
            .prepend-left-20
              = f.label :push_events, class: 'list-label' do
                %strong Push events
              %p.light
                This URL will be triggered by a push to the repository
          %li
            = f.check_box :tag_push_events, class: 'pull-left'
            .prepend-left-20
              = f.label :tag_push_events, class: 'list-label' do
                %strong Tag push events
              %p.light
                This URL will be triggered when a new tag is pushed to the repository
          %li
            = f.check_box :note_events, class: 'pull-left'
            .prepend-left-20
              = f.label :note_events, class: 'list-label' do
                %strong Comments
              %p.light
                This URL will be triggered when someone adds a comment
          %li
            = f.check_box :issues_events, class: 'pull-left'
            .prepend-left-20
              = f.label :issues_events, class: 'list-label' do
                %strong Issues events
              %p.light
                This URL will be triggered when an issue is created/updated/merged
          %li
            = f.check_box :confidential_issues_events, class: 'pull-left'
            .prepend-left-20
              = f.label :confidential_issues_events, class: 'list-label' do
                %strong Confidential Issues events
              %p.light
                This URL will be triggered when a confidential issue is created/updated/merged
          %li
            = f.check_box :merge_requests_events, class: 'pull-left'
            .prepend-left-20
              = f.label :merge_requests_events, class: 'list-label' do
                %strong Merge Request events
              %p.light
                This URL will be triggered when a merge request is created/updated/merged
          %li
            = f.check_box :build_events, class: 'pull-left'
            .prepend-left-20
              = f.label :build_events, class: 'list-label' do
                %strong Jobs events
              %p.light
                This URL will be triggered when the job status changes
          %li
            = f.check_box :pipeline_events, class: 'pull-left'
            .prepend-left-20
              = f.label :pipeline_events, class: 'list-label' do
                %strong Pipeline events
              %p.light
                This URL will be triggered when the pipeline status changes
          %li
            = f.check_box :wiki_page_events, class: 'pull-left'
            .prepend-left-20
              = f.label :wiki_page_events, class: 'list-label' do
                %strong Wiki Page events
              %p.light
                This URL will be triggered when a wiki page is created/updated
      .form-group
        = f.label :enable_ssl_verification, "SSL verification", class: 'label-light checkbox'
        .checkbox
          = f.label :enable_ssl_verification do
            = f.check_box :enable_ssl_verification
            %strong Enable SSL verification
      = f.submit "Add Webhook", class: "btn btn-create"
    %hr
    %h5.prepend-top-default
      Webhooks (#{hooks.count})
    - if hooks.any?
      %ul.well-list
        - hooks.each do |hook|
          = render "project_hook", hook: hook
    - else
      %p.settings-message.text-center.append-bottom-0
        No webhooks found, add one in the form above.
