<%! from django.utils.translation import ugettext as _ %>
<%inherit file="/main.html" />
<%block name="bodyclass">${course.css_class}</%block>
<%namespace name='static' file='/static_content.html'/>

<%block name="headextra">
<%static:css group='course'/>
</%block>

<%block name="title"><title>${_("{course_number} Open Ended Problems").format(course_number=course.display_number_with_default) | h}</title></%block>

<%include file="/courseware/course_navigation.html" args="active_page='open_ended_problems'" />


<section class="container">
    <div class="open-ended-problems" data-ajax_url="${ajax_url}">
        <div class="error-container">${error_text}</div>
        <h1>${_("Open Ended Problems")}</h1>
        <h2>${_("Instructions")}</h2>
        <p>${_("Here is a list of open ended problems for this course.")}</p>
        % if success:
            % if len(problem_list) == 0:
                <div class="message-container">
                  ${_("You have not attempted any open ended problems yet.")}
                </div>
            %else:
                <table class="problem-list">
                    <tr>
                        <th>${_("Problem Name")}</th>
                        <th>${_("Status")}</th>
                        <th>${_("Grader Type")}</th>
                        <th>${_("ETA")}</th>
                    </tr>
                    %for problem in problem_list:
                    <tr>
                        <td>
                            <a href="${problem['actual_url']}">${problem['problem_name']}</a>
                        </td>
                        <td>
                            ${problem['state']}
                        </td>
                        <td>
                            ${problem['grader_type']}
                        </td>
                        <td>
                            ${problem['eta_string']}
                        </td>
                    </tr>
                    %endfor
                </table>
            %endif
        %endif
    </div>
</section>
