{% load rolemgmt_tags %}
{% load rmtmgmt_tags %}
{% for resume in resumes %}								{
	<tr>
		<td>{{ resume.first_name }} {{ resume.last_name }}</td>
		<td>{{ resume.mobile }}<br>{{ resume.email }}</td>
		<td>{{ resume.requirement.client.name }}-{{ resume.requirement.position_name }}</td>
		<td>{{ resume.experience }}/ {{ resume.ctc }}/ {{ resume.ectc }}/ {{ resume.notice_period }}</td>
		<td id="id_td_stage_{{ resume.id }}">
            <table>
                <tr>
                    <td style="vertical-align: top;" id="id_not_show">
                        <label class="badge" style="margin-top:5px;">{{ resume.get_stage_number }}</label>
                    </td>
                    <td>
                        <select class="popupclass form-control input-sm bdd11" name="resume_stage"
                                            id="resume_stage{{ resume.id }}" onchange="updatestatus({{ resume.id }}, '{{ resume.stage.stage }}', '{{ resume.get_next_stage.0 }}', {{resume.get_next_stage.1 }});">
                            <option value="{{ resume.stage.id }}">{{ resume.stage.stage }}</option>
                            <option value="{{ resume.get_next_stage.1 }}">{{ resume.get_next_stage.0 }}</option>
                        </select>
                        <div id="stage_timing{{ resume.id }}">
                            <button onclick="get_all_stage_timings({{ resume.id }});" id="id_expand_stage_timings_{{ resume.id }}'">+</button>
                            {{ resume.created_on|resume_total_timing }}
                        </div>
                        <div id="all_stage_timing{{ resume.id }}"></div>
                        <button value="-" onclick="collapse_timings({{ resume.id }});" id="id_collapse_timings_{{ resume.id }}" style="display:none;">-</button>
                    </td>
                </tr>
            </table>
		</td>
		<td id="id_tr_status_{{resume.id }}">
            <select class="form-control input-sm bdd12" name="interview_status" id="interview_status{{ resume.id }}"
					onchange="updateinterviewstatus({{ resume.id }});">
                {% for status in resume.stage.id|get_status_list %}
                    {% if status.1 == resume.status %}
                        <option value="{{ status.0 }}" selected>{{ status.1 }}</option>
                    {% else %}
                        <option value="{{ status.0 }}">{{ status.1 }}</option>
                    {% endif %}
                {% endfor %}
            </select>
            <div>
                {% if resume.stage.stage == "Joining"  or resume.stage.stage == "Offer"%}
                    {% with resume.id|join_date_time as jo %}
                        {% if jo %}
                        	Joining Date: {{ jo }}
                        {% endif %}
                    {% endwith %}
                {% else %}
                    {% with resume.id|sch_date_time as sch %}
                        {% if sch %}
                            Scheduled Timing: {{ sch }}
                        {% endif %}
                    {% endwith %}
                {% endif %}
            </div>
        </td>
		<td>{{ resume.created_on }}</td>
		<td>{{ resume.created_by.get_full_name }}</td>
		<td>
			<a href="/download_resume/?resume_id={{ resume.id }}">Download</a>
			| <a href='javascript:;' onclick='history_popup({{ resume.id }}, {{ resume.requirement.id }});'>History</a>
			<!-- <a href='javascript:;' onclick='resume_view_popup({{ resume.id }});'>View</a>-->
		</td>
	</tr>
{% endfor %}


<script>

function history_popup(rid, req_id)
{
var dt = $("#example1").DataTable();
dt.destroy();
$.ajax({
            url : "/history_popup/",
            type : "POST",
            dataType: "json",
			async: false,
            data : {
					rid : rid,
					req_id : req_id,
                    csrfmiddlewaretoken: '{{ csrf_token }}'
                   },
                   success : function(json)
				   {
						var obj_array =  json.response;
						var final_data = " ";
						$.each(obj_array, function (index, value)
						{
							var data = "<tr>";
							data = data +"<td>"+value[2]+"</td><td>"+value[3]+"</td>";
							data = data +"<td>"+value[4]+"</td><td>"+value[5]+"</td><td>"+value[7]+"</td><td>";
							if (value[6])
							{
								data = data + "<a href='/"+value[6]+"'><img width='25px'src='/static/images/download_button.jpg'/></a>";
							}
							data = data + "</td></tr>";
							final_data = final_data + data;

						});
						$('#history_popup_modal_data').html(final_data);
						$('#popup_cand_name').html(obj_array[0][0]);
						$('#popup_exp').html(obj_array[0][1]);
						$("#history_popup_modal").modal('show');
						$('#example1').DataTable({"order": []});
						$('.dataTables_filter').parent().addClass('pull-left');
						$('.dataTables_length').parent().addClass('pull-right');
						$('.dataTables_length').addClass('pull-right');
						$('.dataTables_filter').addClass('pull-left');
						if ( $(window).width() > 739) {
						$('[type=search]').attr('size','60%');
						}
						else {
						$('[type=search]').attr('size','25%');
						}
                    },
                    error : function(xhr,errmsg,err) {
							alert(xhr.status + ": " + xhr.responseText);
                    }
       });
}

$(".history_popup_modal_close").click(function(){
        $("#history_popup_modal").modal('hide');
});

function get_all_stage_timings(rid)
{
	$.ajax({
        url : "/get_all_stage_timings/",
        type : "POST",
        dataType: "json",
		async: false,
        data : {
            rid : rid,
            csrfmiddlewaretoken: '{{ csrf_token }}'
        },
        success : function(json)
		{
			var obj_array = json.response;
			$("#stage_timing"+rid).hide();
			$("#all_stage_timing"+rid).html(obj_array);
			$("#id_collapse_timings_"+rid).show();
        },
        error : function(xhr,errmsg,err)
		{
            alert(xhr.status + ": " + xhr.responseText);
        }
    });
}

function collapse_timings(rid)
{
	$("#all_stage_timing"+rid).html("");
	$("#id_collapse_timings_"+rid).hide();
	$("#stage_timing"+rid).show();
}

function updatestatus(rid, stage, next_stage, next_stage_id)
{
   var stage_id = $("#resume_stage"+rid).val();
   $("#id_comment_rid").val(rid);
   $("#id_comment_comments").val("");
   var r = confirm("Changing the resume stage from "+ stage + " to " + next_stage);
   if (r == true ){
						$('#id_com_modal_stage').val(next_stage_id);
						$('#commentModal').modal('show');
	}
}

function updateinterviewstatus(rid)
{
	var status = $("#interview_status"+rid).val();
	var stage = $("#resume_stage"+rid).val();
	$("#id_sch_comments").val("");
	$("#id_sch_date_time").val("");
	$("#id_sch_date").val("");
	$("#id_comment_comments").val("");
	$.ajax({
           		url : "/get_sch_tag/",
                type : "POST",
                dataType: "json",
				async: false,
                data : {
						status : status,
                        csrfmiddlewaretoken: '{{ csrf_token }}'
                },
                success : function(json)
				{
					var tag = json.response;
					var joining_tag = json.joining_tag;
					if (tag)
					{
						$("#id_sch_rid").val(rid);
						$("#id_sch_status").val(status);
						if(joining_tag)
						{
							$("#id_span_date_time").hide();
							$("#id_span_date").show();
							$("#id_sch_date_time").prop('required',false);
							$("#id_sch_date").prop('required',true);
							$("#id_sch_email_id").prop("required", false);
						}
						else
						{
							$("#id_span_date").hide();
							$("#id_span_date_time").show();
							$("#id_sch_date").prop('required',false);
							$("#id_sch_date_time").prop('required',true);
						}
						$("#scheduleModal").modal("show");
					}
					else
					{
						$("#id_comment_rid").val(rid);
						$('#id_com_modal_status').val(status);
						$("#id_com_modal_stage").val(stage);
						$('#commentModal').modal('show');
					}

                },
                error : function(xhr,errmsg,err) {
                    alert(xhr.status + ": " + xhr.responseText);
                }
    });

}
</script>