%span.gl-display-flex.gl-align-items-center
  %h4
    POST
    = hook_log.url
  = gl_badge_tag hook_log.trigger.singularize.titleize, { size: :sm }, { class: 'gl-ml-3' }

%p
  = _('Completed in %{duration_seconds} seconds (%{relative_time})').html_safe % { duration_seconds: number_with_precision(hook_log.execution_duration, precision: 2), relative_time: time_ago_with_tooltip(hook_log.created_at) }

%hr

- if hook_log.internal_error_message.present?
  .gl-alert-container
    .gl-alert.gl-alert-danger
      .gl-alert-container
        = sprite_icon('error', size: 16, css_class: 'gl-icon gl-alert-icon gl-alert-icon-no-title')
        .gl-alert-content
          %h4.gl-alert-title= _('Internal error occured while delivering this webhook.')
          .gl-alert-body
            = _('Error: %{error}') % { error: hook_log.internal_error_message }

%h4= _('Response')
= render partial: 'shared/hook_logs/status_label', locals: { hook_log: hook_log }
%pre.gl-mt-3
  :escaped
    #{hook_log.response_body}

%h5= _('Headers')
%pre
  - hook_log.response_headers.each do |k, v|
    <span class="gl-font-weight-bold">#{k}:</span> #{v}
    %br

%h4.gl-mt-6= _('Request')
%pre
  :escaped
    #{Gitlab::Json.pretty_generate(hook_log.request_data)}

%h5= _('Headers')
%pre
  - hook_log.request_headers.each do |k, v|
    <span class="gl-font-weight-bold">#{k}:</span> #{v}
    %br