{% load rolemgmt_tags %}
{% load rmtmgmt_tags %}

<table id="example1" class="table table-bordered table-striped">
	<thead>
		<tr>
			  <th>Name</th>
			  <th>Mobile</th>
			  <th>Email</th>
			  {% if not search_tag %}
			  <th>Requirement</th>
			  {% endif %}
			  <th>Exp / CTC / ECTC / NP</th>
			  {% if not search_tag %}
			  <th style="width:140px;">Stage</th>
			  <th style="width:140px;">State</th>
			  <th>TA</th>
			  {% else %}
			  <th>Reached Stage</th>
			  <th>Attach to Requirement</th>
			  {% endif %}
			  <th>Action</th>
			  <th style="display:none;">hide</th>
			  {% if auto_suggest_tag %}
				<th>Rating</th>
			  {% endif %}
		</tr>
	</thead>
	<tbody>
		{% for r in resume %}
		<tr>
		  <td>
			{{ r.first_name }} {{ r.last_name }}<br>
			{% if r.hot_pool %}
				<input type="checkbox" name="hot_pool_tag" id="id_hot_pool_tag{{r.id}}" onchange="change_hot_pool_tag({{r.id}});" checked>
				<span id="hot_pool_span{{ r.id }}">Hot Pool</span>
			{% else %}
				<input type="checkbox" name="hot_pool_tag" id="id_hot_pool_tag{{r.id}}" onchange="change_hot_pool_tag({{r.id}});">
				<span id="hot_pool_span{{r.id}}">Add to Hot Pool</span>
			{% endif %}

		  </td>
		  <td>{{ r.mobile }}</td>
		  <td>{{ r.email }}</td>
		  {% if not search_tag %}
		  <td>{{ r.requirement }}</td>
		  {% endif %}
		  <td>{{ r.experience }} / {{ r.ctc }} / {{ r.ectc }} / {{ r.notice_period }}</td>
		  {% if not search_tag %}
		  <td>
			<table>
				{% with r.get_stage as resume_stages_list %}
				<tr id="id_td_stage_{{ r.id }}">
					<td style="vertical-align: top;">
						<div style="margin-top:5px;">
							<label class="badge">{{resume_stages_list.0.2}}</label>
						</div>
					</td>
					<td width="100px;">
						<select style="width:140%" class="popupclass form-control input-sm" name="resume_stage" id="resume_stage{{r.id}}"
								onchange="updatestatus({{ r.id }}, '{{ r.stage.stage }}', '{{ r.get_next_stage.0 }}', {{r.get_next_stage.1 }});">
							{% for stage in resume_stages_list %}
								<option value="{{stage.0}}">{{stage.1}}</option>
							{% endfor %}
						</select>
						<div id="stage_timing{{r.id}}" style="margin-left:0px;font-size:12px;">
							<button value="+" onclick="get_all_stage_timings({{r.id}});" id="id_expand_stage_timings_{r.id}}">
								+
							</button>
							{{ r|stage_timing|safe }}
						</div>
						<div id="all_stage_timing{{r.id}}" style="margin-left:0px;font-size:12px;"></div>
							<button value="-" onclick="collapse_timings({{r.id}});" id="id_collapse_timings_{{r.id}}" style="display:none;">
								-
							</button>
					</td>
				</tr>
				{% endwith %}
			</table>
		  </td>
		  <td width="100px;" id="id_tr_status_{{r.id }}">
			<select class="form-control input-sm" name="interview_status" id="interview_status{{r.id}}"
						onchange="updateinterviewstatus({{r.id}});">
			{% for status in r.get_status %}
			  {% if status.1 == r.status %}
				<option value="{{status.0}}" selected>{{status.1}}</option>
			  {% else %}
				<option value="{{status.0}}">{{status.1}}</option>
			  {% endif %}
			{% endfor %}
			</select>
			{% if r.stage.stage == 'Joining' or r.stage.stage == "Offer" %}
				{% with r.id|join_date_time as jo %}
			  		{% if jo %}
                        	Joining Date: {{ jo }}
			  		{% endif %}
			    {% endwith %}
			{% else %}
				{% with r.id|sch_date_time as sch %}
                                        {% if sch %}
                                Scheduled Timing: {{ sch }}
                                        {% endif %}
                            {% endwith %}
			{% endif %}
		  </td>

		  <td>{{ r.created_by.get_full_name }}</td>
		  {% else %}
		  <td>{{ r.released_stage.stage }}</td>
		  <td><select name="attch_req" id="attach_req{{r.id}}" style="width:100%;" onchange="add_req_resume({{r.id}});">
			{% for req in req_obj %}
				{% if r.requirement.id == req.id %}
					<option value={{req.id}} selected>{{ req }}</option>
				{% else %}
					<option value={{req.id}}>{{ req }}</option>
				{% endif %}
			{% endfor %}
		  </select></td>
		  {% endif %}
		  <td>

			<a href="/media/{{ r.resume }}"><i class="fa fa-fw fa-download" style="color: green;"></i>Download</a> |
			<a href="/resume-management/edit/{{ r.id }}/"><i class="fa fa-fw fa-edit" style="color: #000000;"></i>Edit</a>
			{% if r.get_resume_history %}
			| <a href="/interview-history/{{ r.id }}/{{ r.requirement.id }}/"><i class="fa fa-fw fa-history" style="color: blue;"></i>History</a>
			{% else %}
			| <a><i class="fa fa-fw fa-history" style="color: blue;"></i>History</a>
			{% endif %}
			| <a href="/resume-management/view/{{ r.id }}/"><i class="fa fa-fw fa-eye" style="color: darkred;"></i>View</a>
		  </td>
		  <td style="display:none;">{{ r.get_stage.0.1 }}</td>
			{% if auto_suggest_tag %}
				<td>
					{{ r.id|get_rating }}<span class="fa fa-star" style="color:orange;"></span>
					<a onclick="show_rating_modal({{ r.id }}, 1)">Brief Report</a>
					<a onclick="show_rating_modal({{ r.id }}, 2)">Detail Report</a>
				</td>
			{% endif %}
		</tr>
		{% endfor %}
	</tbody>
</table>

<div class="pagination pull-right">
	<span class="step-links">
		{% if resume.has_previous %}
			<a href="?page=1" class="btn btn-primary">&laquo; first</a>
			<a href="?page={{ resume.previous_page_number }}" class="btn btn-primary">previous</a>
		{% endif %}
		<span class="current">
			Page {{ resume.number }} of {{ resume.paginator.num_pages }}.
		</span>
		{% if resume.has_next %}
			<a href="?page={{ resume.next_page_number }}" class="btn btn-primary">next</a>
			<a href="?page={{ resume.paginator.num_pages }}" class="btn btn-primary">last &raquo;</a>
		{% endif %}
	</span>
</div>

{% include "sch_joi_com_modal.html" %}


<script>
  $(function () {
  $.fn.dataTableExt.sErrMode = 'throw';
  $('#example1').DataTable({
  "scrollX": true,
  "pageLength": 50,
  "searching": false,
   "paging": false,
   "bInfo": false,
  "order": [[0, "asc"]],
  "aoColumnDefs": [
      { "bSearchable": false, "aTargets": [ 5 ] }
    ]

  });
  })
</script>