<div class = "validation-error-modal-content">
    <div class "error-header">
        <p>
        <%= _.template(
            ngettext(
                "There was {strong_start}{num_errors} validation error{strong_end} while trying to save the course settings in the database.",
                "There were {strong_start}{num_errors} validation errors{strong_end} while trying to save the course settings in the database.",
                num_errors
            ),
            {interpolate: /\{(.+?)\}/g})(
            {
                strong_start:'<strong>',
                num_errors: num_errors,
                strong_end: '</strong>'
            })%>
        <%= gettext("Please check the following validation feedbacks and reflect them in your course settings:")%></p>
    </div>

    <hr>

    <ul class = "error-list">
        <% _.each(response, function(value, index, list) { %>

            <li class = "error-item">
                <span class='error-item-title'>
                    <span class="icon fa fa-warning" aria-hidden="true"></span>
                    <strong><%= value.model.display_name %></strong>:
                </span>
                <textarea class = "error-item-message" disabled='disabled'><%=value.message%></textarea>
            </li>

        <% }); %>
    </ul>
</div>