{% extends 'base.html' %}

{% load rolemgmt_tags %}

{% load rmtmgmt_tags %}

{% block midpart %}

  <!-- Font Awesome -->
  <link rel="stylesheet" href="/static/bower_components/font-awesome/css/font-awesome.min.css">
  <!-- Ionicons -->
  <link rel="stylesheet" href="/static/bower_components/Ionicons/css/ionicons.min.css">
  <!-- DataTables -->
  <link rel="stylesheet" href="/static/bower_components/datatables.net-bs/css/dataTables.bootstrap.min.css">
  <!-- Theme style -->
  <link rel="stylesheet" href="/static/dist/css/AdminLTE.min.css">
  <!-- AdminLTE Skins. Choose a skin from the css/skins
       folder instead of downloading all of them to reduce the load. -->
  <link rel="stylesheet" href="/static/dist/css/skins/_all-skins.min.css">

  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  <![endif]-->



  <style>
    .btn-adjustment {width: 13%;float: right;margin: -30px 11px 0px 0px;padding-left:15px;}
    .add-client {margin-top: -30px; }
	.circle-text {
				display: table-cell;
				height: 30px; /*change this and the width
				for the size of your initial circle*/
				width: 30px;
				text-align: center;
				vertical-align: middle;
				border-radius: 50%;
				background: #808080;
				color: #fff;
				font: 12px "josefin sans", arial; /*change this
				for font-size and font-family*/
				}
	.circle-text1 {
				display: table-cell;
				height: 20px; /*change this and the width
				for the size of your initial circle*/
				width: 20px;
				text-align: center;
				vertical-align: middle;
				border-radius: 50%;
				background: #808080;
				color: #fff;
				font: 10px "josefin sans", arial; /*change this
				for font-size and font-family*/
				}
				meter.meter1::-webkit-meter-optimum-value {
					background: green;

				}
					meter.meter1::-moz-meter-bar { /* Firefox Pseudo Class */
				background: green;

				}

				meter.meter2::-webkit-meter-optimum-value {
					background: #FFBF00;

				}
					meter.meter2::-moz-meter-bar { /* Firefox Pseudo Class */
				background: #FFBF00;

				}

				meter.meter3::-webkit-meter-optimum-value {
					background: red;

				}
					meter.meter3::-moz-meter-bar { /* Firefox Pseudo Class */
				background: red;

				}

				meter{
					height: 5px;
				}

				.circle-text {
				display: table-cell;
				height: 20px; /*change this and the width
				for the size of your initial circle*/
				width: 20px;
				text-align: center;
				vertical-align: middle;
				border-radius: 50%;
				background: #808080;
				color: #fff;
				font: 12px "josefin sans", arial; /*change this
				for font-size and font-family*/
				}
				.modal{overflow-y: auto;}

  </style>
  <style>
    @media only screen and (min-width: 240px) and (max-width: 900px) {
	.bdd11{width:90px;font-size:80%;}
	.bdd12{width:80px;font-size:80%;}
	.bdd0{width:180px;}
	.bdd001{width:70%;margin-top:50px;margin-bottom: 0px;margin-left: auto;margin-right: auto;}
	.bdd002{width:80%;margin-top:50px;margin-bottom: 0px;margin-left: auto;margin-right: auto;}
	.bdd01{width:90%;margin-top:40px;margin-bottom: 0px;margin-left: auto;margin-right: auto;}
	}
  </style>
  <style>
    @media only screen and (min-width: 1000px) {
    .bdd11{width:150%;}
    .bdd12{width:150%;}
    .bdd0{width:180px;}
    .bdd001{width:70%;margin-top:70px;}
    .bdd002{width:80%;margin-top:70px;}
    .bdd01{width:90%;margin-top:60px;}
    }
  </style>

  <!-- Google Font -->
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">


      <div class="row">
        <div class="col-xs-12">

          <div class="box box-success">
            <div class="box-header">
              <h3 class="box-title"> <b>{{ title }}</b></h3>
			 <!-- <p id="show_stages" style="text-align:center;margin-left:0%;">Show Stages</p>-->
            </div>
            <!-- /.box-header -->
            <div class="box-body">

              <table id="example" class="table table-bordered table-striped">
                <thead>
				<tr class="hide_class">
					<th colspan=5></th>
					<th colspan=1></th>
					<th colspan=7><div style="margin-left:50%;">Stages</div></th>
				</tr>
                <tr>
				  <th></th>
                  <th>Requirement</th>
                  <th>Client Name</th>
                  <th>Manager</th>
                  <th>Selections / Total Positions</th>
				  <th>In Progress/ Rejected /No Show / Total</th>
				  {% for stage in stages %}
				  	<th class="hide_class"><label class="badge">S{{ forloop.counter }}</label></div>{{ stage.stage }}</th>
				  {% endfor %}
				  <th class="hide_class">All</th>
				  <!--<th id="show_stages" style="float:right;text-align:center;">Show Stages</th>-->

                </tr>
                </thead>
                <tbody>
                {% for r in requirements %}


                <tr>
				  <td>
					<label class="badge">{{ r.id|req_age }}d</label>
                    <font style="font-size:80%;">{{ r.get_position_status_display }}</font>
					{% if r.today_tag and r.position_status != 4 %}
						<input type="checkbox" name="tod_tag" id="id_tod_tag{{r.id}}" onchange="change_tod_tag({{r.id}});" checked>
						<span id="to_day_span{{ r.id }}">Current</span>
					{% elif r.position_status != 4  %}
						<input type="checkbox" name="tod_tag" id="id_tod_tag{{r.id}}" onchange="change_tod_tag({{r.id}});">
						<span id="to_day_span{{r.id}}"></span>
					{% endif %}
					
					{% if r.id|req_style_check == 1 %}
						<meter value="{{ r.id|req_age }}" min="0" max="{{ r.id|req_age }}" class="meter1"></meter>
					{% elif r.id|req_style_check == 2 %}
						<meter value="{{ r.id|req_age }}" min="0" max="{{ r.id|req_age }}" class="meter2"></meter>
					{% else %}
						<meter value="{{ r.id|req_age }}" min="0" max="{{ r.id|req_age }}" class="meter3"></meter>
					{% endif %}

				  </td>
                    <td class="pop_link1" link="/view_requirement_popup/{{r.id}}/"><a>{{ r.position_name }}</a></td>
                  <td>{{ r.client.name }}</td>
                  <td>{{ r.manager }}</td>
                  <td>{{ r.id|selections }}/{{r.open_position}}</td>
				  <td>{{ r.id|get_inprogress }}</td>
				  {% for stage in stages %}
				  	{% if r.id|get_stage_count:stage.id %}
				  		<td class="hide_class class_link" link="/resume_pop/{{r.id}}/{{ stage.id }}/" bgcolor="#FFBF00"><a>{{r.id|get_stage_count:stage.id }}</a></td>
				  	{% else %}
				  		<td class="hide_class">0</td>
				  	{% endif %}
				  {% endfor %}
				  {% if r.id|get_stage_count:0 %}
				    <td class="hide_class class_link" link="/resume_pop/{{r.id}}/0/"><a>All</a></td>
				  {% else %}
				    <td class="hide_class">All</td>
				  {% endif %}
                </tr>
                {% endfor %}
                </tbody>
              </table>
            </div>
            <!-- /.box-body -->
          </div>
          <!-- /.box -->
        </div>
        <!-- /.col -->
      </div>
                <div class="modal fade" id="requirement_popup_modal" role="dialog">
                    <div class="modal-dialog bdd002">
                        <!-- Modal content-->
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close requirement_popup_modal_close">&times;</button>
                                <h4 class="modal-title"><b>Requirement Details</b></h4>
                            </div>
                            <div class="modal-body" id="requirement_popup_modalbody">
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-default requirement_popup_modal_close">Close</button>
                            </div>
                            </form>
                        </div>
                    </div>
                </div>
				<div class="modal fade" id="commentModal" role="dialog">
					<div class="modal-dialog bdd01">
					<!-- Modal content-->
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal">&times;</button>
								<h4 class="modal-title"><b>Resume Management</b></h4>
							</div>
							<div class="modal-body">
								<div class="box-body table-responsive">
									<table id="example2" class="table table-bordered table-striped">
										<thead>
											<tr>
												<th>Name</th>
												<th>Mobile</th>
												<th class="bdd0">Email</th>
												<th>Requirement</th>
												<th width="50%">Exp / CTC / ECTC / NP</th>
												<th class="bdd0">Stage</th>
												<th class="bdd0">State</th>
												<th>Date</th>
												<th>TA</th>
												<th>Action</th>
											</tr>
										</thead>
										<tbody id="popup_modal_data">
										</tbody>
									</table>
								</div>
							<div class="modal-footer">
								<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
							</div>
							</form>
						</div>
					</div>
				</div>

				<div class="modal fade" id="resume_popup_modal" role="dialog">
					<div class="modal-dialog bdd001">
					<!-- Modal content-->
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close resume_popup_modal_close">&times;</button>
								<h4 class="modal-title"><b>Resume Details</b></h4>
							</div>
							<div class="modal-body" id="resume_popup_modalbody">
							</div>
							<div class="modal-footer">
								<button type="button" class="btn btn-default resume_popup_modal_close">Close</button>
							</div>
							</form>
						</div>
					</div>
				</div>


				<div class="modal fade" id="history_popup_modal" role="dialog">
					<div class="modal-dialog bdd001">
					<!-- Modal content-->
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close history_popup_modal_close">&times;</button>
								<h4 class="modal-title"><b>Interview History</b></h4>
							</div>
							<div class="modal-body" id="history_popup_modalbody">
							<table class="table">
								<tr>
									<th>Candidate Name</th>
									<th id="popup_cand_name"></th>
								</tr>
								<tr>
									<th>Experience</th>
									<th id="popup_exp"></th>
								</tr>
							</table>
							<table id="example1" class="table table-bordered table-striped">
								<thead>
									<tr>
										<th>Stage</th>
										<th>State</th>
										<th>Date</th>
										<th>Remarks</th>
										<th>Remarks by</th>
										<th>Attachment</th>
									</tr>
								</thead>
								<tbody id="history_popup_modal_data">
								</tbody>
							</table>
							</div>
							<div class="modal-footer">
								<button type="button" class="btn btn-default history_popup_modal_close">Close</button>
							</div>
							</form>
						</div>
					</div>
				</div>

<!-- jQuery 3 -->
<script src="/static/bower_components/jquery/dist/jquery.min.js"></script>
<!-- Bootstrap 3.3.7 -->
<script src="/static/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<!-- DataTables -->
<script src="/static/bower_components/datatables.net/js/jquery.dataTables.min.js"></script>
<script src="/static/bower_components/datatables.net-bs/js/dataTables.bootstrap.min.js"></script>
<!-- SlimScroll -->
<script src="/static/bower_components/jquery-slimscroll/jquery.slimscroll.min.js"></script>
<!-- FastClick -->
<script src="/static/bower_components/fastclick/lib/fastclick.js"></script>
<!-- AdminLTE App -->
<script src="/static/dist/js/adminlte.min.js"></script>
<!-- AdminLTE for demo purposes -->
<script src="/static/dist/js/demo.js"></script>
<!-- page script -->
<script>
  $(function () {
  	//$('#example2').DataTable();
    //$('#example1').DataTable();
	$('#example').DataTable({
		 		"scrollX": true,
       columnDefs: [ { targets: 0, type: 'natural' } ]
    });
  })
</script>


<script>
$(document).ready(function(){
	$(".resume_popup_modal_close").click(function(){
        $("#resume_popup_modal").modal('hide');
    });

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

	$(".requirement_popup_modal_close").click(function(){
        $("#requirement_popup_modal").modal('hide');
    });

    $('#example').on('click', '.pop_link1', function(){
        var link = $(this).attr('link');
        $.ajax({

            url : link,
            type : "POST",
            dataType: "json",
			async: false,
            data : {

                    csrfmiddlewaretoken: '{{ csrf_token }}'
                   },
                   success : function(json)
				   {
						var obj_array =  json.response;
						var top_html = '<div><div class="table-responsive"><table class="table table-bordered table-striped"><tbody>';

						var lower_html = '</tbody></table></div></div>';
						data_html ='<tr><th style="width:30%">Client Name</th><td>'+obj_array[0]+'</td></tr>\
							<tr><th style="width:30%">Requirement ID</th><td>'+obj_array[1]+'</td></tr>\
							<tr><th style="width:30%">Location</th><td>'+obj_array[2]+'</td></tr>\
							<tr><th style="width:30%">Client Description</th><td>'+obj_array[3]+'</td></tr>\
							<tr><th style="width:30%">Group Name</th><td>'+obj_array[4]+'</td></tr>\
							<tr><th style="width:30%">Position Name</th><td>'+obj_array[5]+'</td></tr>\
							<tr><th style="width:30%">Primary Skills</th><td>'+obj_array[6]+'</td></tr>\
							<tr><th style="width:30%">Duration</th><td>'+obj_array[7]+'</td></tr>\
							<tr><th style="width:30%">No of Position</th><td>'+obj_array[8]+'</td></tr>\
							<tr><th style="width:30%">Open Position</th><td>'+obj_array[9]+'</td></tr>\
							<tr><th style="width:30%">Minimum Experience</th><td>'+obj_array[10]+'</td></tr>\
							<tr><th style="width:30%">Position Status</th><td>'+obj_array[11]+'</td></tr>\
							<tr><th style="width:30%">Manager</th><td>'+obj_array[12]+'</td></tr>\
							<tr><th style="width:30%">Remarks</th><td>'+obj_array[13]+'</td></tr>\
							<tr><th style="width:30%">TA</th><td>'+obj_array[15]+'</td></tr>\
							<tr><th style="width:30%">Position Description</th><td>'+obj_array[14]+'</td></tr>';
						var html_code = top_html + data_html + lower_html
						$('#requirement_popup_modalbody').html(html_code);
						$("#requirement_popup_modal").modal('show');
                    },
                    error : function(xhr,errmsg,err) {
							alert(xhr.status + ": " + xhr.responseText);
                    }
       });
    });

	$('#example').on('click', '.class_link', function(){
		var link = $(this).attr('link');
		var dt = $("#example2").DataTable();
        dt.destroy();
        //$("#commentModal").modal('show');

		$.ajax({
                        url : link,
                        type : "POST",
                        dataType: "json",
						async: false,
                        data : {
                            client_request : "Hi",
							rid : "Hi",

                            csrfmiddlewaretoken: '{{ csrf_token }}'
                            },
                            success : function(json)
							{
								var obj_array =  json.response;
								var final_data = " ";
								var final_com_modal = '';
								var final_offer_modal = '';
								var final_joi_modal = '';
								var final_sch_modal = '';
								var div_html = '';
								$.each(obj_array, function (index, value)
								{
									var all_stage_timing = '<div id="stage_timing'+value[10]+'">\
									<button onclick="get_all_stage_timings('+value[10]+');" id="id_expand_stage_timings_'+value[10]+'">+</button>'+value[16]+'</div>\
									<div id="all_stage_timing'+value[10]+'"></div>\
									<button value="-" onclick="collapse_timings('+value[10]+')" id="id_collapse_timings_'+value[10]+'" style="display:none;">\
									-</button>';
		
									var stage_html = '<table><tr>\
															<td style="vertical-align: top;"><label class="badge" style="margin-top:5px;">'+value[15]+'</label></td>\
															<td><select class="popupclass form-control input-sm bdd11" name="resume_stage" \
																id="resume_stage'+value[10]+'"\
																onchange="updatestatus('+value[10]+',\''+value[5]+'\',\''+value[13]+'\');">\
																	<option value="'+value[5]+'">'+value[5]+'</option>\
																	<option value="'+value[13]+'">'+value[13]+'</option>\
															</select>'+all_stage_timing+'</td>\
													</tr></table>';
													
									
								
									var status = value[14];
									var options = " ";

									$.each(status, function (index, status_value)
										{
											options = options + '<option value="'+status_value[0]+'">'+status_value[1]+'</option>';
										});
									var status_html = '<select class="form-control input-sm bdd12" name="interview_status" \
															id="interview_status'+value[10]+'" \
															onchange="updateinterviewstatus('+value[10]+');">'+options+'\
													 </select><div>'+value[17]+'</div>';

									var data = "<tr><td>"+value[1]+"</td><td>"+value[2]+"</td>";
									data = data +"<td>"+value[3]+"</td><td>"+value[0]+"</td>";
									data = data +"<td>"+value[4]+"</td><td>"+stage_html+"</td>";
									data = data +"<td>"+status_html+"</td>"+"<td>"+value[12]+"</td>";
									data = data +"<td>"+value[7]+"</td>";
									data = data +"<td><a href='/"+value[8]+"'>Download</a>";
									data = data + "| <a href='javascript:;' onclick='history_popup("+value[10]+","+value[11]+");'>History</a>";
									data = data + "| <a href='javascript:;' onclick='resume_view_popup("+value[10]+");'>View</a></td></tr>";

									final_data = final_data + data;
									com_modal = '<div class="modal fade" id="commentModal'+value[10]+'" role="dialog">\
					<div class="modal-dialog" style="width:30%;">\
						<div class="modal-content">\
							<div class="modal-header">\
								<button type="button" class="close" data-dismiss="modal">&times;</button>\
								<h4 class="modal-title"><b>Comments</b></h4>\
							</div>\
							<div class="modal-body">\
								<form method="POST" action="/add_comments/"  enctype="multipart/form-data">  \
								<input type="hidden" name="stage" id="com_modal_stage'+value[10]+'">\
								<input type="hidden" name="status" id="com_modal_status'+value[10]+'">\
								<input type="hidden" name="rid" value="'+value[10]+'">\
								<input type="hidden" name="bd_check" value="1">\
								<textarea rows="4" cols="50" name="comments" maxlength="2000" minlength="30" placeholder="Add comments" required></textarea>\
								<input type="file" name="remarks_file">\
								<button type="submit" class="btn btn-default pull-left" id="add_comment_button">Add comments</button><br><br><br>\
							</div>\
							</form>\
						</div>\
					</div>\
				</div>';
								final_com_modal = final_com_modal + com_modal;


									offer_modal = '<div class="modal fade" id="offerModal'+value[10]+'" role="dialog">\
						<div class="modal-dialog" style="width:30%;">\
							<div class="modal-content">\
								<div class="modal-header">\
									<button type="button" class="close" data-dismiss="modal">&times;</button>\
									<h4 class="modal-title"><b>Schedule Time</b></h4>\
								</div>\
								<div class="modal-body">\
									<form method="POST" action="/add_offer/" id="update_offer{{r.id}}" enctype="multipart/form-data">\
									<input type="hidden" name="rid" value="'+value[10]+'"><br>\
									<input type="hidden" name="bd_check" value="1">\
									<input type="hidden" name="stage" id="offer_modal_stage'+value[10]+'">\
									Joining Date : <input type="date" name="join_date" id="joining_date" required><br><br>\
									Designation : <textarea style="width:100%;" rows="1" cols="42" name="designation" maxlength="500" placeholder="Python Developer...etc." required></textarea><br>\
									Address : <textarea style="width:100%;" rows="4" cols="42" name="address" maxlength="2000" minlength="10" placeholder="Candidate Address" required></textarea><br>\
									Offered CTC: <input style="width:60%;" type="number" name="offered_ctc" placeholder="Monthly Offered CTC in Rupees" min="0" max="300000" step=".01"><br>\
									Comments : <textarea style="width:100%;" rows="4" cols="42" name="comments" maxlength="2000" minlength="30" placeholder="Add comments" required></textarea><br>\
									<button type="submit" class="btn btn-default pull-left" id="update_offer{{r.id}}">Update Offer</button><br><br>\
								</div>\
								</form>\
							</div>\
						</div>\
					</div>';						
								final_offer_modal = final_offer_modal + offer_modal;
								
								joi_modal = '<div class="modal fade" id="joiningModal'+value[10]+'" role="dialog">\
					<div class="modal-dialog" style="width:30%;">\
						<div class="modal-content">\
							<div class="modal-header">\
								<button type="button" class="close" data-dismiss="modal">&times;</button>\
								<h4 class="modal-title"><b>Joining Schedule</b></h4>\
							</div>\
							<div class="modal-body">\
								<form method="POST" action="/add_joining_date/"  enctype="multipart/form-data">\
								<input type="hidden" name="rid" value="'+value[10]+'"><br>\
								<input type="hidden" name="bd_check" value="1">\
								<input type="hidden" name="stage" id="joi_modal_stage'+value[10]+'">\
								Joining Date : <input type="date" name="join_date" id="joining_date" required><br><br>\
								Comments : <textarea rows="4" cols="42" name="comments" maxlength="2000" minlength="30" placeholder="Add comments" required></textarea><br>\
								Remarks File : <input type="file" name="remarks_file">\
								<button type="submit" class="btn btn-default pull-left" id="update_joining">Update Joining Date</button><br><br>\
							</div>\
							</form>\
						</div>\
					</div>\
				</div>';
								final_joi_modal = final_joi_modal + joi_modal;

								
								sch_modal = '<div class="modal fade" id="scheduleModal'+value[10]+'" role="dialog">\
					<div class="modal-dialog" style="width:30%;">\
						<div class="modal-content">\
							<div class="modal-header">\
								<button type="button" class="close" data-dismiss="modal">&times;</button>\
								<h4 class="modal-title"><b>Schedule Time</b></h4>\
							</div>\
							<div class="modal-body">\
								<form method="POST" action="/add_client_interview/"  enctype="multipart/form-data">\
								<input type="hidden" name="rid" value="'+value[10]+'"><br>\
								<input type="hidden" name="bd_check" value="1">\
								<input type="hidden" name="stage" id="sch_modal_stage'+value[10]+'">\
								Schedule Date & Time : <input type="datetime-local" name="date_time" id="sch_date_time" required><br><br>\
								Comments : <textarea rows="4" cols="42" name="comments" maxlength="2000" minlength="30" placeholder="Add comments" required></textarea><br>\
								Remarks File : <input type="file" name="remarks_file">\
								<button type="submit" class="btn btn-default pull-left" id="update_schedule">Create Schedule</button><br><br>\
							</div>\
							</form>\
						</div>\
					</div>\
				</div>';
								final_sch_modal = final_sch_modal + sch_modal;
								});
								$('#popup_modal_data').html(final_data);
								$("#commentModal").modal('show');
								$('#example2').DataTable();
								$('.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%');
								}
								div_html = final_com_modal + final_offer_modal + final_joi_modal + final_sch_modal
								$("#com_modal_div").html(div_html);
								//$("#com_modal_div").html(final_joi_modal);
								//$("#com_modal_div").html(final_sch_modal);
                            },
                              error : function(xhr,errmsg,err) {
                                alert(xhr.status + ": " + xhr.responseText);
                            }
                    });
    });
});
function resume_view_popup(rid)
{
$.ajax({
            url : "/view_resume_popup/",
            type : "POST",
            dataType: "json",
			async: false,
            data : {
					rid : rid,
                    csrfmiddlewaretoken: '{{ csrf_token }}'
                   },
                   success : function(json)
				   {
						var obj_array =  json.response;
						var top_html = '<div class="table-responsive"><table class="table table-bordered table-striped"><tbody>';
						var lower_html = '</tbody></table></div>';
						data_html ='<tr><th style="width:60%">Client Name</th><td>'+obj_array[0]+'</td>\
							<th style="width:60%">Client Location</th><td>'+obj_array[1]+'</td></tr>\
							<tr><th style="width:60%">Client Description</th><td>'+obj_array[2]+'</td>\
							<th style="width:60%">Position Name</th><td>'+obj_array[3]+'</td></tr>\
							<tr><th style="width:60%">First Name</th><td>'+obj_array[4]+'</td>\
							<th style="width:60%">Last Name</th><td>'+obj_array[5]+'</td></tr>\
							<tr><th style="width:60%">Email</th><td>'+obj_array[6]+'</td>\
							<th style="width:60%">Mobile Number</th><td>'+obj_array[7]+'</td></tr>\
							<tr><th style="width:60%">Primary Skills</th><td>'+obj_array[8]+'</td>\
							<th style="width:60%">Experience</th><td>'+obj_array[9]+'</td></tr>\
							<tr><th style="width:60%">Date of Birth</th><td>'+obj_array[10]+'</td>\
							<th style="width:60%">CTC</th><td>'+obj_array[11]+'</td></tr>\
							<tr><th style="width:60%">ECTC</th><td>'+obj_array[12]+'</td>\
							<th style="width:60%">Notice Period</th><td>'+obj_array[13]+'</td></tr>\
							<tr><th style="width:60%">Current Location</th><td>'+obj_array[14]+'</td>\
							<th style="width:60%">Remarks</th><td>'+obj_array[15]+'</td></tr>';
						var html_code = top_html + data_html + lower_html
						$('#resume_popup_modalbody').html(html_code);
						$("#resume_popup_modal").modal('show');
                    },
                    error : function(xhr,errmsg,err) {
							alert(xhr.status + ": " + xhr.responseText);
                    }
       });
}

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();
						$('.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);
                    }
       });
}

</script>


<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js" type="text/javascript"></script>

<script>
 $("#history_popup_modal").draggable({
      handle: ".modal-header"
  });

$("#resume_popup_modal").draggable({
      handle: ".modal-header"
  });
</script>

<script>

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

function updateinterviewstatus(rid)
{
	var status = $("#interview_status"+rid).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;
					joining_tag = json.joining_tag
					if (tag)
					{
						if( joining_tag)
						{
							$('#joi_modal_stage'+rid).val(status);
							$('#joiningModal'+rid).modal('show');
						}
						else
						{
							$('#sch_modal_stage'+rid).val(status);
							$('#scheduleModal'+rid).modal('show');
						}
					}
					else
					{
						$('#com_modal_status'+rid).val(status);
						$('#commentModal'+rid).modal('show');
					}
                },
                error : function(xhr,errmsg,err) {
                    alert(xhr.status + ": " + xhr.responseText);
                }
    });

}
</script>

<script>
$(document).ready(function(){
	var now = new Date();
	var month = (now.getMonth() +1);
	var hours = now.getHours();
	var minutes = now.getMinutes();
	if (month.toString.length == 1){
		month = "0" + month;
	}
	var date = now.getDate();
	if (date < 10){
		date = "0" + date;
	}
	var datetime = now.getFullYear() + "-" + month + "-" + date;
	 var date = datetime.toString();
     $("input#joining_date").attr("min",date);
	 $("input#sch_date_time").attr("min",date+"T" +hours + ":" + minutes +":" + "00");
});
</script>
<script>
$(document).ready(function(){
	 $('.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%');
	 }
});
</script>

<script>

function change_tod_tag(req_id)
{
   $.ajax({
        url : "/change_today_tag/",
        type : "POST",
        dataType: "json",
		async: false,
        data : {
            req_id : req_id,
            csrfmiddlewaretoken: '{{ csrf_token }}'
        },
        success : function(json)
		{
			if (json.show_tag)
			{
				$("#to_day_span"+req_id).html('Current');
			}
			else
			{
				$("#to_day_span"+req_id).html('');
			}
        },
        error : function(xhr,errmsg,err) 
		{
            alert(xhr.status + ": " + xhr.responseText);
        }
    });
}
</script>

<script>
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();
}

</script>

<div id="com_modal_div"></div>

<script src="/static/js/natural.js">

{% endblock midpart %}