{% 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;}

	.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*/
				}

				input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
}
/* hide added cancel button */
span.clear {
    display: none;
}
/* Only show cancel button when focused */
.focused span.clear {
    position: relative;
    left: -18px;
    display: inline-block;
    font-weight: bold;
    cursor: pointer;
}
/* Add a hover color */
.focused span.clear:hover {
    color: red;
}

  </style>

<style>
    @media only screen and (min-width: 240px) and (max-width: 900px) {
	.add-resume{width:17%;font-size:90%;margin-top:-20px;}
	.add-client{width:20%;font-size:90%;margin-top:-20px;}
	}
  </style>
<style>
    @media only screen and (min-width: 1000px) {
    .add-client{width:20%;}
    }
  </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 restitle"> <b>{{ title }}</b></h3>
            </div>
            <a href="/view-requirement/" class="btn btn-social btn-dropbox btn-adjustment add-client" style="text-align:center;">
                View Requirement
            </a>
            <button class="btn btn-block btn-social btn-dropbox btn-adjustment add-resume"
                    style="text-align:center;" onclick="upload_bulk_resume();">
                Upload Bulk Resumes
            </button>
            <!-- Upload Bulk Resume Modal -->
            <div class="modal fade" id="id_bulk_resumes_upload_modal" 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>Bulk Upload</b></h4>
                        </div>
                        <form method="POST" action="/upload_bulk_resumes/" id="id_form_upload_bul_resumes" enctype="multipart/form-data">{% csrf_token %}
                            <div class="modal-body">
                                Resume Directory : <input type="file" name="resume_directory" id="id_resume_directory" required
                                                          class="form form-control" webkitdirectory mozdirectory><br><br>
                                #Tags : <input type="text" name="skill_tags" id="id_skill_tags" required class="form form-control"><br><br>
                            </div>
                            <div class="modal-footer">
                                <input type="submit" value="Upload Resumes" class="btn btn-default pull-left" id="id_submit_bulk_resumes"/>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            <!-- end of bulk upload resume modal -->

            <!-- Start of rating report -->

            <div class="modal fade" id="id_rating_modal" 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>Rating Reports View</b></h4>
                        </div>
                        <div class="modal-body" id="id_rating_body">
                        </div>
                        <div class="modal-footer">
                        </div>
                    </div>
                </div>
            </div>
            <!-- end of rating report -->

            <a href="/resume-management/add/" class="btn btn-block btn-social btn-dropbox btn-adjustment add-resume"
               style="text-align:center;margin-top:-30px;">
                Add Resume
            </a>

            <!-- /.box-header -->
            <div class="box-body">
                <div class="col-sm-6">
                    Search : <input type="search" id="id_search_box" class="form form-control" style="width:60%;" onKeyUp="get_resumes();">
                </div>
                <div id="id_search_resumes">
                    <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 %}
                        <div class="modal fade" id="scheduleModal{{r.id}}" role="dialog">
                            <div class="modal-dialog" style="width:30%;">
                                <!-- 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>Schedule Time</b></h4>
                                    </div>
                                    <div class="modal-body">
                                        <form method="POST" action="/add_client_interview/" id="update_schedule{{r.id}}" enctype="multipart/form-data">{% csrf_token %}
                                            <input type="hidden" name="rid" value="{{r.id}}">
                                            <input type="hidden" name="stage" id="sch_modal_stage{{r.id}}">
                                            Schedule Date & Time : <input type="datetime-local" name="date_time" id="sch_date_time" required><br><br>
                                            Interviewer E-mail Id : <input type="text" name="mail_id" id="sch_email_id" required><br><br>
                                            Comments : <textarea style="width:100%;" rows="4" cols="42" name="comments" maxlength="2000" minlength="30" placeholder="Add comments" required></textarea><br>
                                            Remarks File : <input type="file" name="remarks_file">
                                    </div>
                                    <div class="modal-footer">
                                        <input type="button" value="Create Schedule" class="btn btn-default pull-left dis_button" id="update_schedule{{r.id}}"></input>
                                        <!--<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>-->
                                    </div>
                                    </form>
                                </div>
                            </div>
                        </div>

                        <!-- offer modal -->
                        <div class="modal fade" id="offerModal{{r.id}}" role="dialog">
                            <div class="modal-dialog" style="width:30%;">
                                <!-- 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>Offer</b></h4>
                                    </div>
                                    <div class="modal-body">
                                        <form method="POST" action="/add_offer/" id="update_offer{{r.id}}" enctype="multipart/form-data">{% csrf_token %}
                                            <input type="hidden" name="rid" value="{{r.id}}">
                                            <input type="hidden" name="stage" id="offer_modal_stage{{r.id}}">
                                            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="8" step=".01"><br>
                                            Comments : <textarea style="width:100%;" rows="4" cols="42" name="comments" maxlength="2000" minlength="30" placeholder="Add comments" required></textarea><br>

                                    </div>
                                    <div class="modal-footer">
                                        <input type="button" value="Update Offer" class="btn btn-default pull-left dis_button" id="update_offer{{r.id}}"></input>
                                        <!--<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>-->
                                    </div>
                                    </form>
                                </div>
                            </div>
                        </div>


                        <!-- joining modal -->
                        <div class="modal fade" id="joiningModal{{r.id}}" role="dialog">
                            <div class="modal-dialog" style="width:30%;">
                                <!-- 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>Joining Schedule</b></h4>
                                    </div>
                                    <div class="modal-body">
                                        <form method="POST" action="/add_joining_date/" id="update_joining{{r.id}}" enctype="multipart/form-data">{% csrf_token %}
                                            <input type="hidden" name="rid" value="{{r.id}}">
                                            <input type="hidden" name="status" id="joi_modal_status{{r.id}}">
                                            Joining Date : <input type="date" name="join_date" id="joining_date" required><br><br>
                                            Comments : <textarea style="width:100%;" rows="4" cols="42" name="comments" maxlength="2000" minlength="30" placeholder="Add comments" required></textarea><br>
                                            Remarks File :<input type="file" name="remarks_file">
                                    </div>
                                    <div class="modal-footer">
                                        <input type="button" value="Update Joining Date" class="btn btn-default pull-left dis_button" id="update_joining{{r.id}}"></input>
                                        <!--<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>-->
                                    </div>
                                    </form>
                                </div>
                            </div>
                        </div>

                        <div class="modal fade" id="commentModal{{r.id}}" role="dialog">
                            <div class="modal-dialog" style="width:30%;">
                                <!-- 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>Comments</b></h4>
                                    </div>
                                    <form method="POST" id="add_comment_button{{r.id}}" action="/add_comments/" enctype="multipart/form-data">{% csrf_token %}
                                        <div class="modal-body">
                                            <input type="hidden" name="stage" id="com_modal_stage{{r.id}}">
                                            <input type="hidden" name="status" id="com_modal_status{{r.id}}">
                                            <input type="hidden" name="rid" value="{{r.id}}"><br>
                                            <textarea style="width:100%;" rows="4" cols="50" name="comments" maxlength="2000" minlength="30" placeholder="Add comments" required></textarea><br>
                                            <input type="file" name="remarks_file">
                                        </div>
                                        <div class="modal-footer">
                                            <input type="button" value="Add comments" class="btn btn-default pull-left dis_button" id="add_comment_button{{r.id}}"></input>
                                            <!--<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>-->
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>

                        <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 %}

                                {% for skill in result_skill_list %}
                                {% if skill.0 == r.id %}
                                {% for skill in skill|remove_resume_id %}
                                <b>{{ skill }}</b>&nbsp;&nbsp;&nbsp;
                                {% endfor %}
                                {% endif %}
                                {% endfor %}
                            </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>
                                    <tr>
                                        <td style="vertical-align: top;">
                                            <div style="margin-top:5px;">
                                                <label class="badge">{{r.get_stage.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}}');">
                                                {% for stage in r.get_stage %}
                                                <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>
                                </table>
                            </td>
                            <td width="100px;">
                                <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' %}
                                <div id="sch_date_time_show">{{ r.id|join_date_time }}</div>
                                {% else %}
                                <div id="sch_date_time_show">{{ r.id|sch_date_time }}</div>
                                {% 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="/{{ 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 %}
                        </tfoot>
                    </table>
                </div>
            </div>
            <!-- /.box-body -->

            <!-- pagination -->
            <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>
        </div>
        <!-- /.box -->
    </div>
    <!-- /.col -->
</div>


<!-- <div class="modal fade" id="modal-default"> -->
<!--   <div class="modal-dialog"> -->
<!--     {#% include "is_status.html" %#} -->
<!--   </div> -->
<!--   <\!-- /.modal-dialog -\-> -->
<!-- </div> -->
<!-- <\!-- /.modal -\-> -->



<!-- 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 () {
  $('#example1').DataTable({
  "scrollX": true,
  "pageLength": 50,
  "searching": false
   "paging": false,
   "bInfo": false,
  "order": [[0, "asc"]],
  "aoColumnDefs": [
      { "bSearchable": false, "aTargets": [ 5 ] }
    ]

  });
  })
</script>

<script>

function show_rating_modal(rid, show_tag)
{
	$.ajax({
           		url : "/show_rating_details/",
                type : "POST",
                dataType: "json",
				async: false,
                data : {
						rid : rid,
						tag : show_tag,
                        csrfmiddlewaretoken: '{{ csrf_token }}'
                },
                success : function(json)
				{
					var html_code = json.response;
					$("#id_rating_body").html(html_code);
					$('#id_rating_modal').modal('show');
				},
                error : function(xhr,errmsg,err) {
                    alert(xhr.status + ": " + xhr.responseText);
                }
    });
}

function upload_bulk_resume()
{
	$('#id_bulk_resumes_upload_modal').modal('show');
}

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

}

function add_req_resume(rid)
{
   var req_id = $("#attach_req"+rid).val();
   $.ajax({
                        url : "/attach_resume_requirement/",
                        type : "POST",
                        dataType: "json",
						async: false,
                        data : {
                            req_id : req_id,
							rid : rid,

                            csrfmiddlewaretoken: '{{ csrf_token }}'
                            },
                            success : function(json)
							{
								alert(json.response);
                            },
                              error : function(xhr,errmsg,err) {
                                alert(xhr.status + ": " + xhr.responseText);
                            }
                    });
}
</script>

<script>
$(document).ready(function(){

	$('.dataTables_length').addClass('pull-left');
	$('.dataTables_filter').parent().addClass('col-sm-12');
	$('.dataTables_filter').parent().removeClass('col-sm-6');
	var month = (now.getMonth() +1);
	var hours = now.getHours();
	var minutes = now.getMinutes();
	if (minutes < 10){
		minutes = "0" + minutes;
	}
	if (hours < 10){
		hours = "0" + hours;
	}
	if (month < 10){
		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>
  $('.dis_button').on('click',function()
  {
  var form_id = $(this).prop('id');
    $(this).val('Add comments').attr('disabled','disabled');
    $("#"+form_id).submit();
})
</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>

<script>

function change_hot_pool_tag(rid)
{
   $.ajax({
        url : "/change_hot_pool_tag/",
        type : "POST",
        dataType: "json",
		async: false,
        data : {
            rid : rid,
            csrfmiddlewaretoken: '{{ csrf_token }}'
        },
        success : function(json)
		{
			if (json.hotpool_tag)
			{
				$("#hot_pool_span"+rid).html('Hot Pool');
			}
			else
			{
				$("#hot_pool_span"+rid).html('Add to Hot Pool');
			}
        },
        error : function(xhr,errmsg,err) 
		{
            alert(xhr.status + ": " + xhr.responseText);
        }
    });
}

function get_resumes()
{
	var keyword = $("#id_search_box").val();
	var len = keyword.length;
	if (len >= 5)
	{
	$.ajax({
        url : "/get_search_resumes/",
        type : "POST",
        dataType: "json",
		async: false,
        data : {
            keyword : keyword,
            csrfmiddlewaretoken: '{{ csrf_token }}'
        },
        success : function(json)
		{
			$("#id_search_resumes").html(json.response);
        },
        error : function(xhr,errmsg,err)
		{
            alert(xhr.status + ": " + xhr.responseText);
        }
    });
    }
}

</script>
{% endblock midpart %}