<%-- 
    Document   : edit_assessment
    Created on : Feb 29, 2008, 1:25:43 PM
    Author     : aili
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
   
<%@taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<f:view locale="#{facade.locale}">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>PETS</title>
        <script src='<h:outputText value="#{conf.appRoot}"/>/Jscript/javascript_main.js' type='text/javascript'></script>
        <script src='<h:outputText value="#{conf.appRoot}"/>/Jscript/mootools.js' type='text/javascript'></script>
        <script src='<h:outputText value="#{conf.appRoot}"/>/Jscript/calendar.js' type='text/javascript'></script>
        <script type="text/javascript">
            window.addEvent('domready', function() { 
                myCal = new Calendar({ start_day: 'd.m.Y'}, { direction: .5 }); 
                myCal2 = new Calendar({ finish_day: 'd.m.Y'}, { direction: .5 });
            } );
        </script>
        <link rel="stylesheet" type="text/css" media="screen,projection" href="<h:outputText value="#{conf.appRoot}"/>/style/pets.css">
        <link rel="stylesheet" type="text/css" media="screen" href="<h:outputText value="#{conf.appRoot}"/>/style/calendar.css" />
    </head>
<body onLoad="hideOrShowOptions()">
    <f:loadBundle basename="pets.i18n.messages" var="msgs" />
    <table class="main_table" cellpadding="0" cellspacing="0">
        <tr>
            <td class="header" colspan="3"></td>
        </tr>
        <tr>
            <td style="width:20%" rowspan="6" valign="top" >
                <h:form>
                    &nbsp;
                    <h:commandLink action="#{facade.setLocale}" value="et">
                        <f:param name="langid" value="et" />
                    </h:commandLink>
                    &nbsp;
                    <h:commandLink action="#{facade.setLocale}" value="en">
                        <f:param name="langid" value="en" />
                    </h:commandLink>
                    <div style="clear:both;height:5px;">&nbsp;</div>
                    <div class="uname_div">
                        &nbsp;
                        <c:if test="${facade.loggedIn}">
                            <h:outputLink value="#{conf.appRoot}/auth/profile_view.faces">
                                <h:outputText value="#{Session.profile.fullName}" />
                            </h:outputLink>
                            <div class="small_text">
                                &nbsp;&nbsp;
                                <h:outputText rendered="#{Session.profile.userRole == 'user'}" value="#{msgs.candidate}" />
                                <h:outputText rendered="#{Session.profile.userRole == 'local_admin'}" value="#{msgs.scorer}" />
                                <h:outputText rendered="#{Session.profile.userRole == 'admin'}" value="#{msgs.proctor}" />
                                <h:outputText rendered="#{Session.profile.userRole == 'manager'}" value="manager" />
                            </div>
                        </c:if>
                    </div>
                </h:form>
            </td>
            <td></td>
            <td style="width:20%" rowspan="6"></td>
        </tr>
        <tr>
            <td>  
                <table cellpadding="0" cellspacing="0" class="menu">
                    <tr style="height:21px">
                        <td colspan="3"></td>
                        <td align="center" valign="top"><img src="../../../style/arrow_down.gif" /></td>
                    </tr>
                    <h:form>
                        <%@ include file="../../../WEB-INF/jspf/UserMenu.jspf" %>
                    </h:form>
                </table>
                <h:form>
                    <ul class="submenu">
                        <li class="active"><h:outputText value="#{msgs.Assessments}" /></li>
                        <li>
                            <h:commandLink value="#{msgs.Add_new_assessment}" action="#{AssessmentBean.startCreatingAssesssment}" />
                        </li>
                    </ul>
                </h:form>
            </td>                        
        </tr>
        <tr>
            <td class="heading"></td>
        </tr>
        <tr>
            <td valign="top">
                <br />
                <h:form id="assessment">
                    <div class="tabsheader" id="tabsheader">
                        <ul class="primary" id="tabsheader_ul">
                            <li onClick="changeTab('metadata')" id="tab_metadata"
                                <h:outputText rendered="#{AssessmentBean.activeTab == 'metadata'}">class="active_tab"</h:outputText> >
                                <h:outputText value="#{msgs.Metadata}" /></li>
                            <c:if test="${AssessmentBean.activeAssessment.assessmentType != 'self_test'}">
                            <li onClick="changeTab('group')" id="tab_group"
                                <h:outputText rendered="#{AssessmentBean.activeTab == 'group'}">class="active_tab"</h:outputText> >
                                <h:outputText value="#{msgs.Groups}" /></li>
                            </c:if>
                            <c:if test="${AssessmentBean.activeAssessment.assessmentType == 'quiz' || AssessmentBean.activeAssessment.assessmentType == 'self_quiz'}">
                            <li onClick="changeTab('certificate')" id="tab_certificate"
                                <h:outputText rendered="#{AssessmentBean.activeTab == 'certificate'}">class="active_tab"</h:outputText> >
                                <h:outputText value="#{msgs.Certificate}" /></li>
                            </c:if>
                         </ul>
                    </div>


                    <input type="hidden" id="old_tab" value="<h:outputText value="#{AssessmentBean.activeTab}" />" />

                    <div class="tabcontent" id="tabcontent">

                    <%-- assessment metadata --%>
                    <div id="metadata" <h:outputText rendered="#{AssessmentBean.activeTab != 'metadata'}">style="display:none"</h:outputText> >
                    <table>
                        <tr>
                            <td><h:outputText value="#{msgs.Title}" /></td>
                            <td><h:inputText id="title" value="#{AssessmentBean.title}"/></td>
                        </tr>
                        <tr>
                            <td valign="top"><h:outputText value="#{msgs.Description}" /></td>
                            <td><h:inputTextarea id="description" value="#{AssessmentBean.description}" cols="25" /></td>
                        </tr>
                        <tr>
                            <td valign="top"><h:outputText value="#{msgs.Type}" /></td>
                            <td>
                                <input type="radio" id="assessment_type" name="assessment_type" value="quiz" disabled="disabled"
                                    <h:outputText rendered="#{AssessmentBean.assessmentType == 'quiz'}">checked="checked"</h:outputText> />
                                <h:outputText value="#{msgs.exam}" /><br />
                                <input type="radio" id="assessment_type" name="assessment_type" value="self_quiz" disabled="disabled"
                                    <h:outputText rendered="#{AssessmentBean.assessmentType == 'self_quiz'}">checked="checked"</h:outputText> />
                                <h:outputText value="#{msgs.self_quiz}" /><br />
                                <input type="radio" id="assessment_type" name="assessment_type" value="questionnaire" disabled="disabled"
                                    <h:outputText rendered="#{AssessmentBean.assessmentType == 'questionnaire'}">checked="checked"</h:outputText> />
                                <h:outputText value="#{msgs.questionnaire}" /><br />
                                <input type="radio" id="assessment_type" name="assessment_type" value="self_test" disabled="disabled"
                                    <h:outputText rendered="#{AssessmentBean.assessmentType == 'self_test'}">checked="checked"</h:outputText> />
                                <h:outputText value="#{msgs.self_test}" /> <br />
                            </td>
                        </tr>
                        <tr id="start_day_row">
                            <td><h:outputText value="#{msgs.Start_day}" /></td>
                            <td><input id="start_day" name="start_day" type="date"
                                       value="<h:outputText value="#{AssessmentBean.startDay}">
                                                  <f:convertDateTime type="date" pattern="dd.MM.yyyy" /></h:outputText>"/>
                            </td>
                        </tr>
                        <tr id="start_time_row">
                            <td><h:outputText value="#{msgs.Start_time}" /></td>
                            <td>
                                <h:selectOneMenu id="start_hour" value="#{AssessmentBean.startHour}">
                                    <f:selectItems value="#{AssessmentBean.hoursList}" />
                                </h:selectOneMenu> :
                                <h:selectOneMenu id="start_minutes" value="#{AssessmentBean.startMinutes}">
                                    <f:selectItems value="#{AssessmentBean.minutesList}" />
                                </h:selectOneMenu>
                            </td>
                        </tr>
                        <tr id="finish_day_row">
                            <td><h:outputText value="#{msgs.Finish_day}" /></td>
                            <td><input id="finish_day" name="finish_day" type="date"
                                       value="<h:outputText value="#{AssessmentBean.finishDay}">
                                       <f:convertDateTime type="date" pattern="dd.MM.yyyy" /></h:outputText>"/>
                            </td>
                        </tr>
                        <tr id="finish_time_row">
                            <td><h:outputText value="#{msgs.Finish_time}" /></td>
                            <td>
                                <h:selectOneMenu id="finish_hour" value="#{AssessmentBean.finishHour}">
                                    <f:selectItems value="#{AssessmentBean.hoursList}" />
                                </h:selectOneMenu> :
                                <h:selectOneMenu id="finish_minutes" value="#{AssessmentBean.finishMinutes}">
                                    <f:selectItems value="#{AssessmentBean.minutesList}" />
                                </h:selectOneMenu>
                            </td>
                        </tr>
                        <tr id="timelimit_row">
                            <td colspan="2"><h:selectBooleanCheckbox value="#{AssessmentBean.isTimeLimitBoolean}" />
                                <h:outputText value="#{msgs.Time_limit} " />
                                <h:inputText id="timelimit_hour" size="2" value="#{AssessmentBean.activeAssessment.timelimitHour}" />
                                 :
                                <h:inputText id="timelimit_minutes" size="2" value="#{AssessmentBean.activeAssessment.timelimitMinutes}" />
                            </td>
                        </tr>
                        <tr id="randomization_row">
                            <td colspan="2"><h:selectBooleanCheckbox value="#{AssessmentBean.isRandomization}"/><h:outputText value="#{msgs.Randomization}" /></td>
                        </tr>
                        <tr id="reactivation_row">
                            <td colspan="2"><h:selectBooleanCheckbox value="#{AssessmentBean.isUserReactivation}" /><h:outputText value="#{msgs.User_can_reactivate}" />
                            <h:inputText size="2" value="#{AssessmentBean.attempts}" /><h:outputText value="#{msgs.attempts}" /></td>
                        </tr>
                        <tr id="questionnaire_row">
                            <td colspan="2">
                                <input type="checkbox" disabled="disabled" name="is_anonymous"
                                        <h:outputText rendered="#{AssessmentBean.activeAssessment.isAnonymous == 1}">checked="checked"</h:outputText> />
                                <h:outputText value="#{msgs.anonymous_questionnaire}" />
                            </td>
                        </tr>
                    </table>

                    <h:commandButton value="#{msgs.Save}" action="#{AssessmentBean.saveModifications}" />
                    <input type="button" value="<h:outputText value="#{msgs.Cancel}" />"
                        onClick="javascript:window.location.href='assessments_index.faces'" />
                    </div>

                    <%-- assessment group --%>
                    <c:if test="${AssessmentBean.activeAssessment.assessmentType != 'self_test'}">
                    <div id="group" <h:outputText rendered="#{AssessmentBean.activeTab != 'group'}">style="display:none"</h:outputText> >

                        <table>
                            <tr>
                                <td valign="top"><h:outputText value="#{msgs.Chosen_groups}: " /></td>
                                <td>
                                    <h:dataTable value="#{AssessmentBean.activeAssessmentGroups}"
                                        var="item" border="0" cellpadding="2" cellspacing="0" >
                                        <h:column>
                                            <h:outputText value="#{item.title}" />
                                        </h:column>
                                    </h:dataTable>
                                </td>
                            </tr>
                        </table>
                        <br />

                        <%-- questionnaire group(s) cannot be changed later --%>
                        <c:if test="${AssessmentBean.activeAssessment.assessmentType != 'questionnaire'}">
                            <%-- Search --%>
                            <h:outputText value="#{msgs.Search}" />:
                            <h:inputText value="#{SubgroupBean.searchWord}" />
                            <h:selectOneMenu id="School" rendered="#{SubgroupAttributeBean.schoolAttribute}" value="#{SubgroupBean.searchSchool}">
                                <f:selectItem itemValue="" itemLabel="#{msgs.school}" />
                                <f:selectItems value="#{SubgroupBean.schoolsList}" />
                            </h:selectOneMenu>
                            <h:selectBooleanCheckbox title="#{msgs.Only_my_groups}" value="#{SubgroupBean.myGroups}" />
                            <h:commandButton value="#{msgs.Search}" action="#{SubgroupBean.searchGroupsForAssessmentMod}" />
                            <h:commandButton value="#{msgs.Reset}" action="#{SubgroupBean.resetFilter}" />
                            <br /><br />

                            <%--<h:dataTable value="#{SubgroupBean.groupsList}" styleClass="table_list"
                                     var="item" border="0" cellpadding="2" cellspacing="0" >
                                <h:column>
                                    <input type="checkbox" name="sel_group" value="<h:outputText value='#{item.groupId}'/>" />--%>
                                    <%--<h:outputText rendered="#{fn:contains(AssessmentBean.activeAssessment.groups , item.groupId )}">checked="checked"</h:outputText> />--%>
                                    <%--<h:outputText value="#{item.title}" />
                                </h:column>
                            </h:dataTable>--%>
                            <h:outputText value="#{SubgroupBean.groupsForAssessment}" escape="false" />
                            <h:commandButton value="#{msgs.Save}" action="#{AssessmentBean.modifyGroups}" />
                        </c:if>
                        <input type="button" value="<h:outputText value="#{msgs.Cancel}" />"
                                onClick="javascript:window.location.href='assessments_index.faces'" />
                    </div>
                    </c:if>

                    <c:if test="${AssessmentBean.activeAssessment.assessmentType == 'quiz' || AssessmentBean.activeAssessment.assessmentType == 'self_quiz'}">
                    <div id="certificate" <h:outputText rendered="#{AssessmentBean.activeTab != 'certificate'}">style="display:none"</h:outputText> >
                    <table>
                        <tr>
                            <td colspan="2">
                                <h:selectBooleanCheckbox value="#{AssessmentBean.isCertificateForAssessment}" />
                                <h:outputText value="#{msgs.Create_assessment_certificate}" />
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">
                                <h:selectBooleanCheckbox value="#{AssessmentBean.isScoresRequiredBoolean}"/>
                                <h:outputText value="#{msgs.Scores_required_for_certificate}" />
                            </td>
                        </tr>
                        <tr>
                            <td><h:outputText value="#{msgs.Required_percent}" /></td>
                            <td><h:inputText size="2" id="required_percent" value="#{AssessmentBean.requiredResult}" />%</td>
                        </tr>
                        <tr>
                            <td><h:outputText value="#{msgs.Cert_name}" /></td>
                            <td><h:inputText id="certificate_name" value="#{AssessmentBean.name}"/></td>
                        </tr>
                        <tr>
                            <td valign="top"><h:outputText value="#{msgs.Annotation}" /></td>
                            <td><h:inputTextarea rows="7" cols="25" id="annotation" value="#{AssessmentBean.annotation}"/></td>
                        </tr>
                        <tr>
                            <td><h:outputText value="#{msgs.Template}" /></td>
                            <td>
                                <h:selectOneMenu id="template" value="#{AssessmentBean.templateId}">
                                    <f:selectItems value="#{CertificateBean.templates}" />
                                </h:selectOneMenu>
                            </td>
                        </tr>
                    </table>
                    <h:commandButton value="#{msgs.Save}" action="#{AssessmentBean.modifyCertificate}" />
                    <input type="button" value="<h:outputText value="#{msgs.Cancel}" />"
                        onClick="window.location.href='assessments_index.faces'" />
                    </div>
                    </c:if>

                    </div>
                </h:form>
            </td>
        </tr>
<%@ include file ="../../../WEB-INF/jspf/Footer.jspf" %>
</f:view>