{#{% extends "_layouts/base.html" %}#}
{% extends request.master_template %}
{% block page_title %}Prep Courses{% endblock page_title %}
{% block meta_title %}HR Certification Prep Courses | Browse List | HRCP{% endblock meta_title %}
{% block meta_description %}View an extensive list of PHR classes, SPHR classes and more HR certification prep classes. Also view online HR courses design to help with exam prep.{% endblock meta_description %}
{% block css %}
<link rel="stylesheet" href="//cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css">
<style type='text/css'>
#facets {
padding:30px 10px;
color:#fff;
background-color:#4a4f55;
border-radius:5px;
}
#facets > form > div {
margin:10px 0;
}
#facets label {
width:110px;
margin-right:10px;
text-align:right;
}
#facets input, #facets select {
width:150px;
}
#facets input[type='submit'] {
display:block;
margin-left:123px;
}
</style>
{% endblock css %}
{# {% block header_text %}PHR & SPHR Prep Courses{% endblock header_text %} #}
{% block header_text %}HRCP Certification Prep Courses{% endblock header_text %}
{% block content %}
<div class='container'>
<div class='row'>
<div id='breadcrumbs'>
Home > Prep Courses
</div>
</div>
<div class='row' id='facets'>
<form id='course_facets' action='' method='post'>
{% csrf_token %}
<div class='col-md-4'>
<label>Exam:</label>
<select id='sel_course' name='course_type'>
<option id='' value=''>-- ALL --</option>
{# {{ exam_choices }} #}
{% for k,v in exam_choices %}
<option value='{{k}}'{% if k == selected_course_type %} selected{% endif %}>{{v}}</option>
{% endfor %}
</select>
</div>
<div class='col-md-4'>
<label>Course Delivery:</label>
<select id='sel_method' name='delivery_method'>
<option id='' value=''>-- ALL --</option>
<option value='classroom'{% if selected_delivery_method == 'classroom' %} selected{% endif %}>Traditional Classroom</option>
<option value='online'{% if selected_delivery_method == 'online' %} selected{% endif %}>Online</option>
</select>
</div>
<div class='col-md-4'>
<label>City:</label>
<input type='text' name='city'{% if selected_city %} value='{{ selected_city }}'{% endif %}/>
</div>
<div class='col-md-4'>
<label>State:</label>
<select id='sel_method' name='state'>
<option id='' value=''>-- ALL --</option>
{% for state in all_states %}
<option value='{{ state }}'{% if selected_state == state %} selected{% endif %}>{{ state }}</option>
{% endfor %}
</select>
</div>
<div class='col-md-4'>
<label>Country:</label>
<select id='sel_method' name='country'>
<option id='' value=''>-- ALL --</option>
{% for country in all_countries %}
<option value='{{ country }}'{% if selected_country == country %} selected{% endif %}>{{ country }}</option>
{% endfor %}
</select>
</div>
<div class='col-md-4'>
<input type='submit' class='btn btn-default' value='Submit' />
</div>
</form>
{# <div style='float:right;'> #}
{# <select id='sel_course'> #}
{# <option id='' value=''>FILTER COURSES</option> #}
{# {{ exam_choices }} #}
{# {% for k,v in exam_choices %} #}
{# <option value='{{k}}'>{{v}}</option> #}
{# {% endfor %} #}
{# </select> #}
{# </div> #}
</div>
<table id='course_table' class='table'>
<thead>
<tr>
<th>Organization</th>
<th>City</th>
<th>State</th>
<th>Country</th>
<th>Course Delivery</th>
<th>Exam</th>
<th>Class</th>
</tr>
</thead>
<tbody>
{% for course in all_courses %}
<tr>
<td><a href='/classlist/{{ course.pk }}/'>{{ course.organization.name }}</a></td>
<td>{{ course.get_city }}</td>
<td>{{ course.get_state }}</td>
<td>{{ course.organization.get_country }}</td>
<td>{{ course.get_course_type_display }}</td>
<td>{{ course.display_exam_type }}</td>
<td>{{ course.name }}</td>
</tr>
{% endfor %}
</tbody>
<tfoot></tfoot>
</table>
{# #}
{# {% if exam_specific %} #}
{# <h2>Exam-Specific Courses</h2> #}
{# {% for course in exam_specific %} #}
{# {% ifchanged course.exam_type %} #}
{# {% if not forloop.first %}<hr size='1' />{% endif %} #}
{# <h2 style='margin-top:30px;text-transform:none;'>{{ course.display_exam_type }}</h2> #}
{# {% endifchanged %} #}
{# <strong>{{ course.organization.name }}</strong> - <span style='font-size:9px;'><a href='/organizations/{{ course.organization.id }}/'>Contact</a></span><br/> #}
{# <div class='course_holder'> #}
{# <div></div> #}
{# <div><a href='{{ course.id }}'>Class Name: {{ course.name }}</a></div> #}
{# </div> #}
{# {% endfor %} #}
{# {% endif %} #}
{# <hr size='1' /> #}
{# #}
{# {% if online_courses %} #}
{# <h2 style='text-transform:uppercase;'>Online</h2> #}
{# {% for org in online_courses %} #}
{# <strong>{{ org.name }}</strong> - <span style='font-size:9px;'><a href='/organizations/{{ org.id }}/'>Contact</a></span><br/> #}
{# {% for course in org.get_online_courses %} #}
{# <div class='course_holder'> #}
{# <div></div> #}
{# <div> #}
{# <a href='{{ course.id }}/'>Class Name: {{ course.name }}</a> #}
{# </div> #}
{# </div> #}
{# {% endfor %} #}
{# {% endfor %} #}
{# <hr size='1' /> #}
{# {% endif %} #}
{# #}
{# {% if us_courses %} #}
{# <h2 style='text-transform:uppercase;'>United States</h2> #}
{# {% for us_org in us_courses %} #}
{# {% ifchanged us_org.get_full_state %}<h3 class='state-name'>{{ us_org.get_full_state }}</h3>{% endifchanged %} #}
{# <div class='org_name'>{{ us_org.name }} - <span style='font-size:9px;'><a href='/organizations/{{ us_org.id }}/'>Contact</a></span></div> #}
{# {% for us_course in us_org.get_us_courses %} #}
{# <div class='course_holder'> #}
{# <div class='course_name'> #}
{# {{ us_course.get_city }}: {{ us_course.organization.name }} #}
{# </div> #}
{# <div> #}
{# <a href='{{ us_course.id }}/'>Class Name: {{ us_course.name }}</a> #}
{# </div> #}
{# </div> #}
{# {% endfor %} #}
{# {% endfor %} #}
{# <hr size='1' /> #}
{# {% endif %} #}
{# #}
{# {% if international_courses %} #}
{# <h2 style='text-decoration:underline;text-transform:uppercase;'>International</h2> #}
{# {% for intl_org in international_courses %} #}
{# {% ifchanged intl_org.get_country %}{{ intl_org.get_country }}{% endifchanged %} #}
{# <div class='org_name'>{{ intl_org.name }} - <span style='font-size:9px;'><a href='/organizations/{{ intl_org.id }}/'>Contact</a></span></div> #}
{# {% for intl_course in intl_org.get_international_courses %} #}
{# <div class='course_holder'> #}
{# <div class='course_name'> #}
{# {{ intl_course.get_state }}, {{ intl_course.get_city }} #}
{# </div> #}
{# <div> #}
{# <a href='{{ intl_course.id }}/'>Class Name: {{ intl_course.name }}</a> #}
{# </div> #}
{# </div> #}
{# {% endfor %} #}
{# {% endfor %} #}
{# {% endif %} #}
</div>
{% endblock %}
{% block js %}
<script type="text/javascript" src="//cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script>
{% endblock js %}
{% block doc_ready %}
{# $("#course_facets input, #course_facets select").on('change',function(){ #}
{# $("#course_facets").submit(); #}
{# }); #}
{% comment %}
.on("processing.dt",function(e,settings,processing){
if(processing) {
toggle_overlay(true);
}
}).on('init.dt',function(){
$("table tbody").css("opacity",1);
toggle_overlay(false);
})
{% endcomment %}
$("#course_table").DataTable({
autoWidth: false,
scrollX: true,
responsive:true,
{# responsive:true, #}
{# "order":[[4,"desc"]], #}
{# columnDefs: [ #}
{# { responsivePriority: 1, targets: 0 }, #}
{# { responsivePriority: 2, targets: -1 }, #}
{# { responsivePriority: 3, targets: 2 }, #}
{# { responsivePriority: 4, targets: -2 } #}
{# ] #}
});
{% endblock doc_ready %}