/////////////////////////////////////////////////////////////
//
// pgAdmin 4 - PostgreSQL Tools
//
// Copyright (C) 2013 - 2022, The pgAdmin Development Team
// This software is released under the PostgreSQL Licence
//
//////////////////////////////////////////////////////////////

import Notify from '../../../static/js/helpers/Notifier';

define(
  ['sources/gettext', 'underscore', 'sources/pgadmin'],
  function(gettext, _, pgAdmin) {
    pgAdmin.Browser = pgAdmin.Browser || {};

    _.extend(pgAdmin.Browser, {
      report_error: function(title, message, info, callback) {
        title = _.escape(title);
        message = _.escape(message);
        info = _.escape(info);
        let text ='<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">'
          + '<div class="panel panel-default">'
          + '<div class="panel-heading" role="tab" id="headingOne">'
          + '<h4 class="panel-title">'
          + '<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">' + gettext('Error message') + '</a>'
          + '</h4>'
          + '</div>'
          + '<div id="collapseOne" class="panel-collapse collapse show" role="tabpanel" aria-labelledby="headingOne">'
          + '<div class="panel-body" style="overflow: auto;">' + message + '</div>'
          + '</div>'
          + '</div>';

        if (info != null && info != '') {
          text += '<div class="panel panel-default">'
            + '<div class="panel-heading" role="tab" id="headingTwo">'
            + '<h4 class="panel-title">'
            + '<a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">' + gettext('Additional info') + '</a>'
            + '</h4>'
            + '</div>'
            + '<div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">'
            + '<div class="panel-body" style="overflow: auto;">' + info + '</div>'
            + '</div>'
            + '</div>'
            + '</div>';
        }

        text += '</div>';
        Notify.alert(
          _.unescape(title),
          text,
          function() {
            if(callback) {
              callback();
            }
          }
        );
      },
    });

    return pgAdmin.Browser.report_error;
  });