{% 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>
  .underline {
    text-decoration: underline;
	}
    .btn-adjustment {width: 10%;float: right;margin: -30px 11px 0px 0px;padding-left:15px;}
	
	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;}
                .table.chartone tr:first-child td{border-top: #B4BED0 2px solid; border-collapse:collapse;}
                .table.chartone td{border-top: #B4BED0 1px solid; border-collapse:collapse;}
  </style>
<style>
    @media only screen and (min-width: 240px) and (max-width: 900px) {
	.rep001{width:80%;margin-top:50px;margin-bottom: 0px;margin-left: auto;margin-right: auto;}
	.rep1{width:90%;margin-top:40px;margin-bottom: 0px;margin-left: auto;margin-right: auto;}
	.rep111{width:95%;margin-top:40px;margin-bottom: 0px;margin-left: auto;margin-right: auto;}
	}
  </style>
<style>
    @media only screen and (min-width: 1000px) {
    .rep001{width:60%;margin-top:70px;}
    .rep1{width:85%;margin-top:60px;}
    .rep111{width:80%;margin-top:60px;}
    .rep112{width:70%;margin-top:60px;}
    }

    .autocomplete {
  position: relative;
  display: inline-block;
}

.autocomplete-items {
  width: 95%;
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 10px;
  right: 0;
}

.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
}

/*when hovering an item:*/
.autocomplete-items div:hover {
  background-color: #e9e9e9;
}

/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
  background-color: DodgerBlue !important;
  color: #ffffff;
}

  </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="modal fade" id="commentModals1" role="dialog">
    <div class="modal-dialog rep1">
        <!-- 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="example32" class="table table-bordered table-striped">
                        <thead>
                        <tr>
                            <th>Name</th>
                            <th>Contact Details</th>
                            <th>Requirement</th>
                            <th>Exp / CTC / ECTC / NP</th>
                            <th style="width:170px;">Stage</th>
                            <th style="width:120px;">State</th>
                            <th>Date</th>
                            <th>TA</th>
                            <th>Action</th>
                        </tr>
                        </thead>

                        <tbody id="req_popup_modal_data">
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>


<div class="modal fade" id="commentModals" role="dialog">
    <div class="modal-dialog rep1">
        <!-- 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="example22" class="table table-bordered table-striped">
                        <thead>
                        <tr>
                            <th>Name</th>
                            <th>Contact Details</th>
                            <th>Requirement</th>
                            <th>Exp / CTC / ECTC / NP</th>
                            <th style="width:170px;">Stage</th>
                            <th style="width:120px;">State</th>
                            <th>Date</th>
                            <th>TA</th>
                            <th>Action</th>
                        </tr>
                        </thead>

                        <tbody id="res_popup_modal_data">
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>


<div class="modal fade" id="commentModalss" role="dialog">
    <div class="modal-dialog rep1">
        <!-- 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="example42" class="table table-bordered table-striped">
                        <thead>
                        <tr>
                            <th>Name</th>
                            <th>Contact Details</th>
                            <th>Requirement</th>
                            <th>Exp / CTC / ECTC / NP</th>
                            <th style="width:170px;">Stage</th>
                            <th style="width:120px;">State</th>
                            <th>Date</th>
                            <th>TA</th>
                            <th>Action</th>
                        </tr>
                        </thead>

                        <tbody id="resq_popup_modal_data">
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>


<div class="modal fade" id="commentModal" role="dialog">
    <div class="modal-dialog rep1">
        <!-- 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="example11" class="table table-bordered table-striped">
                        <thead>
                        <tr>
                            <th>Name</th>
                            <th>Contact Details</th>
                            <th>Requirement</th>
                            <th>Exp / CTC / ECTC / NP</th>
                            <th style="width:170px;">Stage</th>
                            <th style="width:120px;">State</th>
                            <th>Date</th>
                            <th>TA</th>
                            <th>Action</th>
                        </tr>
                        </thead>

                        <tbody id="popup_modal_data">
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>



<div class="modal fade" id="resume_popup_modal" role="dialog">
    <div class="modal-dialog rep001">
        <!-- 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 rep001">
        <!-- 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 table-responsive" 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="example18" 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>



<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>
                {% with request.user|get_role as role %}
                {% if role == "RMT Admin" or role == "Management" %}
                <button type="submit" style="height:31px; width:6%;" name="export_report" class="pull-right"
                        data-toggle="modal" data-target="#export_report_modal">
                    Import
                </button>
                {% endif %}
                {% endwith %}
            </div>

            <div class="box-body">
                {% if request|check_user_role != 'bd' %}
                <div class="col-lg-3 col-xs-6">
                    <!-- small box -->
                    {% if show_tag == 1 %}
                    <div class="small-box bg-blue">
                        {% else %}
                        <div class="small-box bg-green">
                            {% endif %}
                            <div class="inner">
                                <h3></h3>

                                <p>Resume</p>
                            </div>
                            <div class="icon">
                                <i class="ion ion-stats-bars"></i>
                            </div>
                            <a href="/ta_reports/week/" class="small-box-footer">
                                More info <i class="fa fa-arrow-circle-right"></i>
                            </a>
                        </div>
                    </div>
                    {% endif %}
                    {% if request|check_user_role != 'ta' %}
                    {% if request|check_user_role == 'bd' %}
                    <div class="col-lg-3 col-xs-6">
                        <!-- small box -->
                        {% if show_tag == 1 %}
                        <div class="small-box bg-blue">
                            {% else %}
                            <div class="small-box bg-green">
                                {% endif %}
                                <div class="inner">
                                    <h3></h3>

                                    <p>Resume</p>
                                </div>
                                <div class="icon">
                                    <i class="ion ion-stats-bars"></i>
                                </div>
                                <a href="/ta_reports/week/" class="small-box-footer">
                                    More info <i class="fa fa-arrow-circle-right"></i>
                                </a>
                            </div>
                        </div>
                        {% endif %}
                        <div class="col-lg-3 col-xs-6">
                            <!-- small box -->
                            {% if show_tag == 2 %}
                            <div class="small-box bg-blue">
                                {% else %}
                                <div class="small-box bg-green">
                                    {% endif %}
                                    <div class="inner">
                                        <h3></h3>

                                        <p>Requirements</p>
                                    </div>
                                    <div class="icon">
                                        <i class="ion ion-stats-bars"></i>
                                    </div>
                                    <a href="/bd_reports/week/" class="small-box-footer">
                                        More info <i class="fa fa-arrow-circle-right"></i>
                                    </a>
                                </div>
                            </div>
                            {% endif %}

                            <div class="col-lg-3 col-xs-6">
                                <!-- small box -->
                                {% if show_tag == 3 %}
                                <div class="small-box bg-blue">
                                    {% else %}
                                    <div class="small-box bg-green">
                                        {% endif %}
                                        <div class="inner">
                                            <h3></h3>

                                            <p>Joinings</p>
                                        </div>
                                        <div class="icon">
                                            <i class="ion ion-stats-bars"></i>
                                        </div>
                                        <a href="/joining_reports/week/" class="small-box-footer">
                                            More info <i class="fa fa-arrow-circle-right"></i>
                                        </a>
                                    </div>
                                </div>

                                <!--<button class="small-box bg-green" style="text-align:center;">-->
                                <!--Export-->
                                <!--</button>-->
                                <div class="modal fade" id="export_report_modal" role="dialog">
                                    <div class="modal-dialog" style="width:40%;">
                                        <!-- 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>Import Details</b></h4>
                                            </div>
                                            <form method="POST" action="/export_reports/" id="id_import_report" enctype="multipart/form-data" >{% csrf_token %}
                                                <div class="modal-body" id="id_body">
                                                    <table class="table table-bordered table-striped">
                                                        <tr>
                                                            <td>
                                                                <div class="modal-header">
                                                                    <p><input type="radio" id="RSC" name="type_tag" onchange="rscFunction()" value="1" checked>Resume Status count</p>
                                                                </div>
                                                            </td>

                                                            <td>
                                                                <div class="modal-header">
                                                                    <p><input type="radio" id="reqstatus" name="type_tag" value="2" onchange="DateEntry()" >Requirement Status</p>
                                                                </div>
                                                            </td>
                                                            <td>
                                                                <div class="modal-header">
                                                                    <p><input type="radio" id="joinings" name="type_tag" value="3" onchange="DateEntry()">Joinings</p>
                                                                </div>
                                                            </td>
                                                        </tr>

                                                        <tr>
                                                            <td><div id="import_rsc_reports">
                                                                <p><input type="radio" value="1" name="rsc_type" checked>TA Specific Details</p>
                                                                <p><input type="radio" value="2" name="rsc_type" >Client Specific Details</p>
                                                            </div>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td>
                                                                <div id="id_date">
                                                                    <div id="id_date_error"></div>
                                                                    <p>Start Date : <input type="date" id="id_start_date" name="start_date" required></p>
                                                                    <p>End Date : <input type="date" id="id_end_date"  name="end_date" required></p><br>

                                                                    <button type="submit" id="id_submit"
                                                                            name="submit_date" onclick="DownloadReport()">Submit</button>

                                                                </div>
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </div>
                                                <div class="modal-footer">
                                                    <button type="button"  class="btn btn-default pull-left" data-dismiss="modal">Close</button>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>


                                {% if status == 'resume' %}

                                <div class="col-xs-12">
                                    <table>
                                        <thead>
                                        <tr>
                                            <td style="width:15%;">
                                                <a href="/ta_reports/today/">
                                                    {% if time_span == 'today' %}<u>Today</u>{% else %}Today{% endif %}
                                                </a>
                                            </td>
                                            <td style="width:20%;">
                                                <a href="/ta_reports/yesterday/">
                                                    {% if time_span == 'yesterday' %}<u>Yesterday</u>{% else %}Yesterday{% endif %}
                                                </a>
                                            </td>
                                            <td style="width:25%;">
                                                <a href="/ta_reports/week/">
                                                    {% if time_span == 'week' %}<u>Current Week</u>{% else %}Current Week{% endif %}
                                                </a>
                                            </td>
                                            <td style="width:25%;">
                                                <a href="/ta_reports/month/">
                                                    {% if time_span == 'month' %}<u>Current Month</u>{% else %}Current Month{% endif %}
                                                </a>
                                            </td>
                                            <td>
                                                <a id="ta_old" onclick='show_form();'>
                                                    {% if time_span == 'old' %}<u>Old Reports</u>{% else %} Old Reports{% endif %}
                                                </a>
                                            </td>
                                        </tr>
                                        <tr style="height:10px;"></tr>
                                        <tr>

                                            <td>
                                                <div id="hidden_form_for_old_reports">
                                                    {% for year in years_list %}
                                                    <table class="table table-bordered table-striped">
                                                        <tr>
                                                            <td>
                                                                <a onclick="show_reports_details({{ year }})">{{ year }}</a>
                                                                <div id="reports_details_{{ year }}" class="hide_reports_details" style="display:none">
                                                                    <table id="example111" class="table table-bordered table-striped">
                                                                        {% for data in display_data %}
                                                                        {% if year|slugify in data.0 %}
                                                                        <tr>
                                                                            <td><a href="/ta_reports/old_{{data.0}}/">{{ data.0 }}</a></td>
                                                                            {% for week in data.1 %}
                                                                            <td><a href="/ta_reports/old_{{week}}_{{ data.0|slice:'3:' }}/">{{ week }}</a></td>
                                                                            {% endfor %}
                                                                        </tr>
                                                                        {% endif %}
                                                                        {% endfor %}
                                                                    </table>
                                                                </div>
                                                            </td>
                                                        </tr>
                                                    </table>
                                                    {% endfor %}
                                                </div>
                                            </td>
                                        </tr>
                                        </thead>
                                    </table>
                                    {% if request|get_ta_tag or request|get_fl_tag %}
                                        <div class="col-sm-3" style="margin-left:-2%;margin-bottom:8px;">
                                    {% else %}
                                        <div class="col-sm-6" style="margin-left:-2%;margin-bottom:8px;">
                                    {% endif %}
                                        <table>
                                            <tr>
                                                <td class="col-sm-1">
                                                    <a id="sum" style="cursor:pointer;" class="underline">Summary</a>
                                                </td>
                                                {% if request.user|get_client_specific_tag %}
                                                <td class="col-sm-3">
                                                    <a id="cls" style="cursor:pointer;">Client Specific Details</a>
                                                </td>
                                                {% endif %}
                                                {% if not request|get_fl_tag %}
                                                    {% if show_ta_tag %}
                                                        <td class="col-sm-3" style="cursor:pointer;">
                                                            <a id="tas">TA Specific Details</a>
                                                        </td>
                                                    {% else %}
                                                        <td class="col-sm-3">
                                                            <a style="color:grey;">TA Specific Details</a>
                                                        </td>
                                                    {% endif %}
                                                {% endif %}
                                                {% if not request|get_ta_tag and not request|client_pc_tag %}
                                                    {% if show_fl_tag %}
                                                        <td class="col-sm-3" style="cursor:pointer;">
                                                            <a id="fls">FL Specific Details</a>
                                                        </td>
                                                    {% else %}
                                                        <td class="col-sm-3">
                                                            <a style="color:grey;">FL Specific Details</a>
                                                        </td>
                                                    {% endif %}
                                                {% endif %}
                                                {% if request.user|get_client_specific_tag %}
                                                <td class="col-sm-2">
                                                    <a id="id_fl_reports" style="cursor:pointer;" onclick="get_full_reports();">Funnel Report</a>
                                                </td>
                                                {% endif %}
                                            </tr>
                                        </table>
                                    </div>
                                </div>

                                {% elif status == 'requirement' %}

                                <div class="col-xs-12">
                                    <table>
                                        <thead>
                                        <tr>
                                            <td>
                                                <a href="/bd_reports/today/">
                                                    {% if time_span == 'today' %}<u>Today</u>{% else %}Today{% endif %}
                                                </a>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <a href="/bd_reports/yesterday/">
                                                    {% if time_span == 'yesterday' %}<u>Yesterday</u>{% else %}Yesterday{% endif %}
                                                </a>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <a href="/bd_reports/week/">
                                                    {% if time_span == 'week' %}<u>Current Week</u>{% else %}Current Week{% endif %}
                                                </a>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <a href="/bd_reports/month/">
                                                    {% if time_span == 'month' %}<u>Current Month</u>{% else %}Current Month{% endif %}
                                                </a>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <a id="ta_old" onclick='show_form();'>
                                                    {% if time_span == 'old' %}<u>Old Reports</u>{% else %} Old Reports{% endif %}
                                                </a>
                                            </td>
                                            <td>
                                                <div id="hidden_form_for_old_reports">
                                                    {% for year in years_list %}
                                                    <table class="table table-bordered table-striped">
                                                        <tr>
                                                            <td>
                                                                <a onclick="show_reports_details({{ year }})">{{ year }}</a>
                                                                <div id="reports_details_{{ year }}" class="hide_reports_details" style="display:none">
                                                                    <table id="example111" class="table table-bordered table-striped">
                                                                        {% for data in display_data %}
                                                                        {% if year|slugify in data.0 %}
                                                                        <tr>
                                                                            <td><a href="/bd_reports/old_{{data.0}}/">{{ data.0 }}</a></td>
                                                                            {% for week in data.1 %}
                                                                            <td><a href="/bd_reports/old_{{week}}_{{ data.0|slice:'3:' }}/">{{ week }}</a></td>
                                                                            {% endfor %}
                                                                        </tr>
                                                                        {% endif %}
                                                                        {% endfor %}
                                                                    </table>
                                                                </div>
                                                            </td>
                                                        </tr>
                                                    </table>
                                                    {% endfor %}
                                                </div>
                                            </td>
                                        </tr>
                                        </thead>
                                    </table>
                                </div>
                                {% elif status == "joining" %}
                                <div class="col-xs-12">
                                    <table>
                                        <thead>
                                        <!--
                                        <tr>
                                          <td><a href="/joining_reports/today/">Today</a></td>
                                        </tr>
                                        <tr>
                                          <td><a href="/joining_reports/yesterday/">Yesterday</a></td>
                                        </tr>
                                        -->
                                        <tr>
                                            <td>
                                                <a href="/joining_reports/week/">
                                                    {% if time_span == 'week' %}<u>Current Week</u>{% else %}Current Week{% endif %}
                                                </a>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <a href="/joining_reports/month/">
                                                    {% if time_span == 'month' %}<u>Current Month</u>{% else %}Current Month{% endif %}
                                                </a>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <a id="ta_old" onclick='show_form();'>
                                                    {% if time_span == 'old' %}<u>Old Reports</u>{% else %} Old Reports{% endif %}
                                                </a>
                                            </td>
                                            <td>
                                                <div id="hidden_form_for_old_reports">
                                                    {% for year in years_list %}
                                                    <table class="table table-bordered table-striped">
                                                        <tr>
                                                            <td>
                                                                <a onclick="show_reports_details({{ year }})">{{ year }}</a>
                                                                <div id="reports_details_{{ year }}" class="hide_reports_details" style="display:none">
                                                                    <table id="example111" class="table table-bordered table-striped">
                                                                        {% for data in display_data %}
                                                                        {% if year|slugify in data.0 %}
                                                                        <tr>
                                                                            <td><a href="/joining_reports/old_{{data.0}}/">{{ data.0 }}</a></td>
                                                                            {% for week in data.1 %}
                                                                            <td><a href="/joining_reports/old_{{week}}_{{ data.0|slice:'3:' }}/">{{ week }}</a></td>
                                                                            {% endfor %}
                                                                        </tr>
                                                                        {% endif %}
                                                                        {% endfor %}
                                                                    </table>
                                                                </div>
                                                            </td>
                                                        </tr>
                                                    </table>
                                                    {% endfor %}
                                                </div>
                                            </td>
                                        </tr>
                                        </thead>
                                    </table>
                                </div>

                                {% endif %}

                            </div>

                        </div>
                        <!-- /.box -->
                    </div>
                    <!-- /.col -->
                </div>

                {% if show_tag == 1 %}
                <div id="summary">
                    <div align="center">
                        {% if time_span != "today" and time_span != "yesterday" %}
                        <!--<a href="/ta_reports/{{ prev_link }}/">Previous</a>-->
                        <b style="padding-right: 20px;">
                            <a href="/ta_reports/{{ prev_link }}/">
                                <img src="/static/images/previous.png" style="width:25px;">
                            </a>
                        </b>
                        {% endif %}
                        <b style="font-size:24px;">Summary</b>
                        {% if time_span != "today" and time_span != "yesterday" %}
                        <b style="padding-left: 20px;">
                            {% if readonly_tag %}
                            <a><img src="/static/images/next.png" style="width:25px;"></a>
                            {% else %}
                            <a href="/ta_reports/{{ next_link }}/">
                                <img src="/static/images/next.png" style="width:25px;"></a>
                            {% endif %}
                        </b>
                        {% endif %}
                    </div>
                    <div class="col-sm-8 col-sm-offset-5"><b style="font-size:20px;padding-left:4%;">TA Activity Report</b></div>
                    <div class="col-sm-8 col-sm-offset-5"><span style="font-size:18px;padding-left:2%">{{ start_date }} - {{ to_date }}</span></div>
                    <br><br><br><br><br>
                    <div class="col-sm-12">
                        <div class="col-sm-4">
                            <table id="sum_1" class="table table-bordered table-striped">
                                <tr>
                                    <td>Selections</td>
                                    <td>{{ resume_obj|get_all_selections }}</td>
                                </tr>
                            </table>
                        </div>
                        <div class="col-sm-4">
                            <table id="sum_2" class="table table-bordered table-striped">
                                <tr>
                                    <td>Interview No Shows</td>
                                    <td>{{ resume_obj|interview_no_show }}</td>
                                </tr>
                            </table>
                        </div>
                        <div class="col-sm-4">
                            <table id="sum_3" class="table table-bordered table-striped">
                                <tr>
                                    <td>Joining No Show</td>
                                    <td>{{ resume_obj|joining_noshows }}</td>
                                </tr>
                            </table>
                        </div>
                    </div>
                    <!--<td>Submitted by:{{ request.company.ta_head.first_name }}</td>-->
                    <div style="margin-left:2%;">
                    <table id="example15" class="table table-bordered table-striped" style="width:98%;table-layout: fixed;">
                        <thead>
                        <tr>
                            <th></th>
                            {% for stage in stages %}
                            <th>{{ stage.stage }}</th>
                            {% endfor %}
                            <th>Feedback Pending</th>
                            <th>Interview No Shows</th>
                            <th>Joining No Shows</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr style="text-align:center;">
                            <td>Total<br><span style="font-size:10px;">Cumulative %</span></td>
                            {% for stage in stages %}
                            {% with resume_obj|get_resume_count:stage as count %}
                            {% if count %}
                            <td class="resume_call" link="/show_report_resumes/{{ stage.id }}/0/{{ show_report_start_date }}/{{ show_report_end_date }}/">
                                <a>{{ count }}</a>
                                {% with resume_obj|resume_percentage:stage as per %}
                                <!--<br>{{ per.0 }}-->
                                <br><span style="font-size:10px;">{{ per.1 }}</span>
                                {% endwith %}
                            </td>
                            {% else %}
                            <td>0<br><span style="font-size:10px;">0.0</span></td>
                            {% endif %}
                            {% endwith %}
                            {% endfor %}
                            {% with resume_obj|all_feedback_pending as count %}
                            {% if count %}
                            <td class="resume_call" link="/show_report_resumes/0/1/{{ show_report_start_date }}/{{ show_report_end_date }}/"><a>
                                {{ count }}</a>
                            </td>
                            {% else %}
                            <td>0</td>
                            {% endif %}
                            {% endwith %}
                            {% with resume_obj|interview_no_show as count %}
                            {% if count %}
                            <td class="resume_call" link="/show_report_resumes/0/2/{{ show_report_start_date }}/{{ show_report_end_date }}/"><a>
                                {{ count }}</a>
                            </td>
                            {% else %}
                            <td>0</td>
                            {% endif %}
                            {% endwith %}
                            {% with resume_obj|joining_noshows as count %}
                            {% if count %}
                            <td class="resume_call" link="/show_report_resumes/0/3/{{ show_report_start_date }}/{{ show_report_end_date }}/"><a>
                                {{ count }}</a>
                            </td>
                            {% else %}
                            <td>0</td>
                            {% endif %}
                            {% endwith %}

                        </tr>
                        </tbody>
                    </table>
                    </div>
                </div>
                <div id="client">
                    <div align="center">
                        {% if time_span != "today" and time_span != "yesterday" %}
                        <b style="padding-right: 20px;">
                            <a href="/ta_reports/{{ prev_link }}/">
                                <img src="/static/images/previous.png" style="width:25px;">
                            </a>
                        </b>
                        {% endif %}
                        <b style="font-size:24px;">Client Specific Details</b>
                        {% if time_span != "today" and time_span != "yesterday" %}
                        <b style="padding-left: 20px;">
                            {% if readonly_tag %}
                            <a style="color:grey;">
                                <img src="/static/images/next.png" style="width:25px;">
                            </a>
                            {% else %}
                            <a href="/ta_reports/{{ next_link }}/">
                                <img src="/static/images/next.png" style="width:25px;">
                            </a>
                            {% endif %}
                        </b>
                        {% endif %}
                        <div class="col-sm-8 col-sm-offset-2"><span style="font-size:18px;">{{ start_date }} - {{ to_date }}</span></div>
                    </div>
                    <div style="margin-left:1%;">
                    <table id="example3" class="table table-bordered table-striped" style="width:98%;table-layout: fixed;">
                        <thead>
                        <tr>
                            <th style="width:140px;">Client</th>
                            {% for stage in stages %}
                            <th>{{ stage.stage }}</th>
                            {% endfor %}
                            <th>Feedback Pending</th>
                            <th>Interview No Shows</th>
                            <th>Joining No Shows</th>
                        </tr>
                        </thead>
                        {% for client in client_list %}
                        {% if client|client_has_resumes:resume_obj %}
                        <tbody id="client_req_details{{client.id}}">
                        <tr class="chngcolor{{client.id}}" style="text-align:center;">
                            <td style="text-align:left;">
                                {{ client.name }}
                                <button style="float:right;" value="+" onclick="requirement_report_popup({{client.id}}, '{{ show_report_start_date }}', '{{ show_report_end_date }}');"
                                        id="req_id_expand_{{client.id}}">+
                                </button>
                                <button value="-" onclick="collapse_req_profiles({{client.id}});" id="req_id_collapse_{{client.id}}" style="display:none;float:right;">-</button>
                                <br><span style="font-size:10px;">Cumulative %</span>
                            </td>
                            {% for stage in stages %}
                            {% with client|get_client_resumes:resume_obj|get_stage_resumes:stage as count %}
                            {% if count %}
                            <td>
                                <a class="resume_call" link="/show_resumes_report/client/{{client.id}}/{{ stage.id }}/0/{{ show_report_start_date }}/{{ show_report_end_date }}/">
                                    {{ count }}
                                </a>
                                {% with client|get_client_resumes:resume_obj|resume_percentage:stage as per %}
                                <!--<br>{{ per.0 }}-->
                                <br><span style="font-size:10px;">{{ per.1 }}</span>
                                {% endwith %}
                            </td>
                            {% else %}
                            <td>0<br><span style="font-size:10px;">0.0</span></td>
                            {% endif %}
                            {% endwith %}
                            {% endfor %}
                            {% with client|get_client_feedback_pending:resume_obj as count %}
                            {% if count %}
                            <td>
                                <a class="resume_call" link="/show_resumes_report/client/{{client.id}}/0/1/{{ show_report_start_date }}/{{ show_report_end_date }}/">
                                    {{ count }}
                                </a>
                            </td>
                            {% else %}
                            <td>0</td>
                            {% endif %}
                            {% endwith %}
                            {% with client|get_client_interview_no_show:resume_obj as count %}
                            {% if count %}
                            <td>
                                <a class="resume_call" link="/show_resumes_report/client/{{client.id}}/0/2/{{ show_report_start_date }}/{{ show_report_end_date }}/">
                                    {{ count }}
                                </a>
                            </td>
                            {% else %}
                            <td>0</td>
                            {% endif %}
                            {% endwith %}
                            {% with client|get_client_joining_no_show:resume_obj as count %}
                            {% if count %}
                            <td>
                                <a class="resume_call" link="/show_resumes_report/client/{{client.id}}/0/3/{{ show_report_start_date }}/{{ show_report_end_date }}/">
                                    {{ count }}
                                </a>
                            </td>
                            {% else %}
                            <td>0</td>
                            {% endif %}
                            {% endwith %}
                        </tr>
                        {% endif %}
                        {% endfor %}
                        </tbody>
                    </table>
                    </div>
                </div>
                <div id="ta">
                    <div align="center">
                        {% if time_span != "today" and time_span != "yesterday" %}
                        <b style="padding-right: 20px;">
                            <a href="/ta_reports/{{ prev_link }}/">
                                <img src="/static/images/previous.png" style="width:25px;">
                            </a>
                        </b>
                        {% endif %}
                        <b style="font-size:24px;">TA Specific Details</b>
                        {% if time_span != "today" and time_span != "yesterday" %}
                        <b style="padding-left: 20px;">
                            {% if readonly_tag %}
                            <a style="color:grey;">
                                <img src="/static/images/next.png" style="width:25px;">
                            </a>
                            {% else %}
                            <a href="/ta_reports/{{ next_link }}/">
                                <img src="/static/images/next.png" style="width:25px;">
                            </a>
                            {% endif %}
                        </b>
                        {% endif %}
                        <div class="col-sm-8 col-sm-offset-2"><span style="font-size:18px;">{{ start_date }} - {{ to_date }}</span></div>
                    </div>
                    <!-- /.box-header -->
                    <div style="margin-left:1%;">
                    <table id="example4" class="table table-bordered table-striped" style="width:98%;table-layout: fixed;">
                        <thead>
                        <tr>
                            <th style="width:150px;">TA</th>
                            {% for stage in stages %}
                            <th>{{ stage.stage }}</th>
                            {% endfor %}
                            <th>Feedback Pending</th>
                            <th>Interview No Shows</th>
                            <th>Joining No Shows</th>
                        </tr>
                        </thead>
                        {% for ta in ta_list %}
                        {% if ta|ta_has_resumes:resume_obj %}
                        <tbody id="ta_client_details{{ta.id}}">
                        <tr class="changcolor{{ta.id}}" style="text-align:center;">
                            <td style="text-align:left;">
                                {{ ta.first_name }} {{ ta.last_name }}
                                <button style="float:right;" value="+" onclick="client_report_popup({{ta.id}}, '{{ show_report_start_date }}', '{{ show_report_end_date }}');"
                                        id="id_expand_{{ta.id}}">+
                                </button>
                                <button value="-" onclick="collapse_profiles({{ta.id}});" id="id_collapse_{{ta.id}}" style="display:none;float:right;">-</button>
                                <br><span style="font-size:10px;">Cumulative %</span>
                            </td>

                            {% for stage in stages %}
                            {% with ta|get_ta_resumes:resume_obj|get_stage_resumes:stage as count %}
                            {% if count %}
                            <td>
                                <a class="resume_call" link="/show_resumes_report/ta/{{ta.id}}/{{ stage.id }}/0/{{ show_report_start_date }}/{{ show_report_end_date }}/">
                                    {{ count }}
                                </a>
                                {% with ta|get_ta_resumes:resume_obj|resume_percentage:stage as per %}
                                <!--<br>{{ per.0 }}-->
                                <br><span style="font-size:10px;">{{ per.1 }}</span>
                                {% endwith %}
                            </td>
                            {% else %}
                            <td>0<br><span style="font-size:10px;">0.0</span></td>
                            {% endif %}
                            {% endwith %}
                            {% endfor %}
                            {% with ta|get_ta_feedback_pending:resume_obj as count %}
                            {% if count %}
                            <td>
                                <a class="resume_call" link="/show_resumes_report/ta/{{ta.id}}/0/1/{{ show_report_start_date }}/{{ show_report_end_date }}/">
                                    {{ count }}
                                </a>
                            </td>
                            {% else %}
                            <td>0</td>
                            {% endif %}
                            {% endwith %}
                            {% with ta|get_ta_interview_no_show:resume_obj as count %}
                            {% if count %}
                            <td>
                                <a class="resume_call" link="/show_resumes_report/ta/{{ta.id}}/0/2/{{ show_report_start_date }}/{{ show_report_end_date }}/">
                                    {{ count }}
                                </a>
                            </td>
                            {% else %}
                            <td>0</td>
                            {% endif %}
                            {% endwith %}
                            {% with ta|get_ta_joining_no_show:resume_obj as count %}
                            {% if count %}
                            <td>
                                <a class="resume_call" link="/show_resumes_report/ta/{{ta.id}}/0/3/{{ show_report_start_date }}/{{ show_report_end_date }}/">
                                    {{ count }}
                                </a>
                            </td>
                            {% else %}
                            <td>0</td>
                            {% endif %}
                            {% endwith %}
                        </tr>
                        </tbody>
                        {% endif %}
                        {% endfor %}
                    </table>
                    </div>
                </div>

                <!-- FL specific details -->

                <div id="fl">
                    <div align="center">
                        {% if time_span != "today" and time_span != "yesterday" %}
                        <b style="padding-right: 20px;">
                            <a href="/ta_reports/{{ prev_link }}/">
                                <img src="/static/images/previous.png" style="width:25px;">
                            </a>
                        </b>
                        {% endif %}
                        <b style="font-size:24px;">FL Specific Details</b>
                        {% if time_span != "today" and time_span != "yesterday" %}
                        <b style="padding-left: 20px;">
                            {% if readonly_tag %}
                            <a style="color:grey;">
                                <img src="/static/images/next.png" style="width:25px;">
                            </a>
                            {% else %}
                            <a href="/ta_reports/{{ next_link }}/">
                                <img src="/static/images/next.png" style="width:25px;">
                            </a>
                            {% endif %}
                        </b>
                        {% endif %}
                        <div class="col-sm-8 col-sm-offset-2"><span style="font-size:18px;">{{ start_date }} - {{ to_date }}</span></div>
                    </div>
                    <!-- /.box-header -->
                    <div style="margin-left:1%;">
                    <table id="id_fl_details" class="table table-bordered table-striped" style="width:98%;table-layout: fixed;">
                        <thead>
                        <tr>
                            <th style="width:150px;">FL</th>
                            {% for stage in stages %}
                            <th>{{ stage.stage }}</th>
                            {% endfor %}
                            <th>Feedback Pending</th>
                            <th>Interview No Shows</th>
                            <th>Joining No Shows</th>
                        </tr>
                        </thead>
                        {% for fl in fl_list %}
                        {% if fl|ta_has_resumes:resume_obj %}
                        <tbody id="fl_client_details{{fl.id}}">
                        <tr class="changcolor{{fl.id}}" style="text-align:center;">
                            <td style="text-align:left;">
                                {{ fl.first_name }} {{ fl.last_name }}
                                <button style="float:right;" value="+" onclick="fl_client_report_popup({{fl.id}}, '{{ show_report_start_date }}', '{{ show_report_end_date }}');"
                                        id="id_expand_fl_{{fl.id}}">+
                                </button>
                                <button value="-" onclick="collapse_fl_profiles({{fl.id}});" id="id_collapse_fl_{{fl.id}}" style="display:none;float:right;">-</button>
                                <br><span style="font-size:10px;">Cumulative %</span>
                            </td>

                            {% for stage in stages %}
                            {% with fl|get_ta_resumes:resume_obj|get_stage_resumes:stage as count %}
                            {% if count %}
                            <td>
                                <a class="resume_call" link="/show_resumes_report/ta/{{fl.id}}/{{ stage.id }}/0/{{ show_report_start_date }}/{{ show_report_end_date }}/">
                                    {{ count }}
                                </a>
                                {% with fl|get_ta_resumes:resume_obj|resume_percentage:stage as per %}
                                <!--<br>{{ per.0 }}-->
                                <br><span style="font-size:10px;">{{ per.1 }}</span>
                                {% endwith %}
                            </td>
                            {% else %}
                            <td>0<br><span style="font-size:10px;">0.0</span></td>
                            {% endif %}
                            {% endwith %}
                            {% endfor %}
                            {% with fl|get_ta_feedback_pending:resume_obj as count %}
                            {% if count %}
                            <td>
                                <a class="resume_call" link="/show_resumes_report/ta/{{fl.id}}/0/1/{{ show_report_start_date }}/{{ show_report_end_date }}/">
                                    {{ count }}
                                </a>
                            </td>
                            {% else %}
                            <td>0</td>
                            {% endif %}
                            {% endwith %}
                            {% with fl|get_ta_interview_no_show:resume_obj as count %}
                            {% if count %}
                            <td>
                                <a class="resume_call" link="/show_resumes_report/ta/{{fl.id}}/0/2/{{ show_report_start_date }}/{{ show_report_end_date }}/">
                                    {{ count }}
                                </a>
                            </td>
                            {% else %}
                            <td>0</td>
                            {% endif %}
                            {% endwith %}
                            {% with fl|get_ta_joining_no_show:resume_obj as count %}
                            {% if count %}
                            <td>
                                <a class="resume_call" link="/show_resumes_report/ta/{{fl.id}}/0/3/{{ show_report_start_date }}/{{ show_report_end_date }}/">
                                    {{ count }}
                                </a>
                            </td>
                            {% else %}
                            <td>0</td>
                            {% endif %}
                            {% endwith %}
                        </tr>
                        </tbody>
                        {% endif %}
                        {% endfor %}
                    </table>
                    </div>
                </div>
                <!-- end of FL specific details -->
                <!-- for full details report page -->
                <div id="id_full_reports" style="overflow:hidden;background-color:white;">

                </div>
                <!-- end of full detaails report page -->
                {% elif show_tag == 2 %}
                <div id="bd_summary">
                    <div align="center">
                        {% if time_span != "today" and time_span != "yesterday" %}
                        <b style="padding-right: 20px;">
                            <a href="/bd_reports/{{ prev_link }}/">
                                <img src="/static/images/previous.png" style="width:25px;">
                            </a>
                        </b>
                        {% endif %}
                        <b style="font-size:24px;">Requirements Report</b>
                        {% if time_span != "today" and time_span != "yesterday" %}
                        <b style="padding-left: 20px;">
                            {% if readonly_tag %}
                            <a style="color:grey;">
                                <img src="/static/images/next.png" style="width:25px;">
                            </a>
                            {% else %}
                            <a href="/bd_reports/{{ next_link }}/">
                                <img src="/static/images/next.png" style="width:25px;">
                            </a>
                            {% endif %}
                        </b>
                        {% endif %}
                    </div>
                    <div class="col-sm-offset-5"><b style="font-size:20px;padding-left:5%">Fullfillment Progress</b></div>
                    <div class="col-sm-offset-5"><span style="font-size:18px;padding-left:4%;">{{ start_date }} - {{ to_date }}</span></div>
                    <br><br>
                    <div class="col-sm-12">
                        <div class="col-sm-4">
                            <table id="sum_1" class="table table-bordered table-striped">
                                <tr>
                                    <td>Selections</td>
                                    <td>{{ selections }}</td>
                                </tr>
                            </table>
                        </div>
                        <div class="col-sm-4">
                            <table id="sum_2" class="table table-bordered table-striped">
                                <tr>
                                    <td>Interview No Shows</td>
                                    <td>{{ interview_noshows }}</td>
                                </tr>
                            </table>
                        </div>
                        <div class="col-sm-4">
                            <table id="sum_3" class="table table-bordered table-striped">
                                <tr>
                                    <td>Joining No Show</td>
                                    <td>{{ joining_noshows }}</td>
                                </tr>
                            </table>
                        </div>
                    </div>

                </div>
                <div id="bd_req" style="margin-left:2%;width:97%;" >
                    <table id="example2" class="table table-bordered table-striped">
                        <thead>
                        <tr>
                            <td></td>
                            <th>Requirement Details</th>
                            <th>Client</th>
                            <th># of positions</th>
                            <th>Date of receiving the requirement</th>
                            <th># of Positions closed so far</th>
                            <th>Sent to client (Feedback Pending)</th>
                            <th># of Client  interviews Scheduled</th>
                            <th width="15%">Outlook</th>
                            <th>Status</th>
                            <th>Due Days</th>
                        </tr>
                        </thead>
                        <tbody>
                        {% for req in req_obj %}
                        <tr>
                            <td>
                                <label class="circle-text">{{ req.id|req_age }}d</label>
                                {% if req.id|req_style_check == 1 %}
                                <meter value="{{ req.id|req_age }}" min="0" max="{{ req.id|req_age }}" class="meter1"></meter>
                                {% elif req.id|req_style_check == 2 %}
                                <meter value="{{ req.id|req_age }}" min="0" max="{{ req.id|req_age }}" class="meter2"></meter>
                                {% else %}
                                <meter value="{{ req.id|req_age }}" min="0" max="{{ req.id|req_age }}" class="meter3"></meter>
                                {% endif %}
                            </td>
                            <td align="center">{{ req.position_name }} ({{ req.manager }})</td>
                            <td align="center">{{ req.client.name }}</td>
                            <td align="center">{{ req.no_of_position }}</td>
                            <td align="center">{{ req.created_on }}</td>
                            <td align="center">{{ req.id|closed_positions }}</td>
                            <td align="center">{{ req.id|feedback_pending:resume_obj }}</td>
                            <td align="center">{{ req.id|no_of_clnt_int_schedule:resume_obj }}</td>
                            <td align="center">{{ req.remarks|safe }}</td>
                            <td align="center">{{ req.get_position_status_display }}</td>
                            <td align="center">{{ req.created_on|requirement_due_days }}</td>
                        </tr>
                        {% endfor %}
                        </tbody>
                    </table>
                </div>
                {% elif show_tag == 3 %}
                <div id="joining_reports">
                    <div align="center">
                        {% if time_span != "today" and time_span != "yesterday" %}
                        <b style="padding-right: 20px;">
                            <a href="/joining_reports/{{ prev_link }}/">
                                <img src="/static/images/previous.png" style="width:25px;">
                            </a>
                        </b>
                        {% endif %}
                        <b style="font-size:24px;">Joining Report</b>
                        {% if time_span != "today" and time_span != "yesterday" %}
                        <b style="padding-left: 20px;">
                            {% if readonly_tag %}
                            <a style="color:grey;">
                                <img src="/static/images/next.png" style="width:25px;">
                            </a>
                            {% else %}
                            <a href="/joining_reports/{{ next_link }}/">
                                <img src="/static/images/next.png" style="width:25px;">
                            </a>
                            {% endif %}
                        </b>
                        {% endif %}
                    </div>
                    <div style="text-align:center;font-size:18px;">
                        {% if time_span == "today" or time_span == "yesterday" %}
                        {{ to_date }}
                        {% else %}
                        <!--{% if current_month %} MONTH {{ current_month }}th - {% elif week_number %} WEEK {{ week_number }}th -{% endif %} From -->
                        {{ start_date }} - {{ to_date }}
                        {% endif %}
                    </div>
                    <div style="margin-left:1%;">
                    <table id="id_table_joining_reports" class="table table-bordered table-striped" style="width:99%;table-layout: fixed;">
                        <thead>
                        <tr>
                            <th>Name</th>
                            <th>Contact Details</th>
                            <th>Requirement</th>
                            <th>Exp / CTC / ECTC / NP</th>
                            <th>Stage</th>
                            <th>State</th>
                            <th> Joining Date</th>
                            <th>TA</th>
                            <th>Action</th>
                        </tr>
                        </thead>
                        <tbody>
                        {% for r in resume_list %}
                        <tr>
                            <td>
                                {{ r.first_name }} {{ r.last_name }}
                            </td>
                            <td>{{ r.mobile }}<br>{{ r.email }}</td>
                            <td>{{ r.requirement }}</td>
                            <td>{{ r.experience }} / {{ r.ctc }} / {{ r.ectc }} / {{ r.notice_period }}</td>
                            <td>{{ r.stage }}</td>
                            <td>{{ r.status }}</td>
                            <td>{{ r.id|get_joining_date }}</td>
                            <td>{{ r.created_by.get_full_name }}</td>
                            <td>
                                <a href="/download_resume/?resume_id={{ r.id }}"><i class="fa fa-fw fa-download"
                                                                                    style="color: green;"></i>Download</a>
                                {% if r.get_resume_history %}
                                | <a onclick="history_popup({{ r.id }}, {{ r.requirement.id }});" style="color: blue;cursor:pointer;">
                                <i class="fa fa-fw fa-history"></i>History</a>
                                {% else %}
                                | <a><i class="fa fa-fw fa-history" style="color: blue;"></i>History</a>
                                {% endif %}
                                | <a onclick="resume_view_popup({{ r.id }})" style="color: darkred;cursor:pointer;">
                                <i class="fa fa-fw fa-eye"></i>View</a>
                            </td>
                        </tr>
                        {% endfor %}
                        </tbody>
                    </table>
                    </div>
                </div>
                {% endif %}

                <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>
                        </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 () {
	$("#example4").DataTable({
	"scrollX": true,
	"searching": false,
	"bPaginate": false,
	});

	$("#id_fl_details").DataTable({
	"scrollX": true,
	"searching": false,
	"bPaginate": false,
	});

	$("#example3").DataTable({
	"scrollX": true,
	"searching": false,
	"bPaginate": false,
	});

    $("#example15").DataTable({
    "scrollX": true,
    "searching": false,
    "bPaginate": false,
    })

    $("#id_table_joining_reports").DataTable({
    "scrollX": true,
    "searching": false,
    "bPaginate": false,
    });

	$('#example2').DataTable({
		"scrollX": true,
		"searching": false,
		"bPaginate": false,
       columnDefs: [ { targets: 0, type: 'natural' } ]
    });

  });
</script>


                <script>
function show_form()
{
	$("#hidden_form_for_old_reports").show();
}
</script>

                <script type="text/javascript">
  $(document).ready(function(){
	$("#hidden_form_for_old_reports").hide();
	
	$("select#id_role").change(function(){
	var role = $(this).val();
	var user = $("option:selected", this).attr("data-info");
	$.ajax({
      type: "GET",
      url: "/update-role/",
      data: {"role": role, "user": user},
      async: true,
      success: function(d){
          alert("Success.");
      },
      failure: function(d){
          alert("Error Occured.");
      }
  });
  
  });

  });
</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>
$(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');
    });
	 $('#client').hide();
	 $('#ta').hide();
	 $("#fl").hide();
	 $("#id_full_reports").hide();

	 $("#tas").click(function(){
		$('#ta').show();
		$('#client').hide();
		$('#summary').hide();
		$("#fl").hide();
		$("#id_full_reports").hide();
		$("#tas").addClass("underline");
		$("#sum").removeClass("underline");
		$("#cls").removeClass("underline");
		$("#fls").removeClass("underline");
		$("#id_fl_reports").removeClass("underline");
	 });

	 $("#fls").click(function(){
		$('#fl').show();
		$('#client').hide();
		$('#summary').hide();
		$('#ta').hide();
		$("#id_full_reports").hide();
		$("#fls").addClass("underline");
		$("#sum").removeClass("underline");
		$("#cls").removeClass("underline");
		$("#tas").removeClass("underline");
		$("#id_fl_reports").removeClass("underline");
	 });

	 $("#cls").click(function(){
		$('#ta').hide();
		$('#client').show();
		$('#summary').hide();
		$("#fl").hide();
		$("#id_full_reports").hide();
		$("#cls").addClass("underline");
		$("#tas").removeClass("underline");
		$("#sum").removeClass("underline");
		$("#fls").removeClass("underline");
		$("#id_fl_reports").removeClass("underline");
	 });
	 
	 $("#sum").click(function(){
		$('#ta').hide();
		$('#client').hide();
		$('#summary').show();
		$("#fl").hide();
		$("#id_full_reports").hide();
		$("#sum").addClass("underline");
		$("#tas").removeClass("underline");
		$("#cls").removeClass("underline");
		$("#fls").removeClass("underline");
		$("#id_fl_reports").removeClass("underline");
	 });
});
</script>

                <script>
	$(document).ready(function(){
		$('#example3').on('click', '.resume_call', function(){
		var link = $(this).attr('link');
		var dt = $("#example11").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 = " ";
								$.each(obj_array, function (index, value)
								{
									var data = "<tr><td>"+value[1]+"</td><td>"+value[2]+"<br>"+value[3]+"</td>";
									data = data +"<td>"+value[0]+"</td>";
									data = data + "<td>"+value[4]+"</td><td>"+value[5]+"<br><p style='font-size:12px;'>"+value[12]+"</td>";
									data = data + "<td>"+value[6]+"</td><td>"+value[7]+"</td>";
									data = data + "<td>"+value[8]+"</td><td>";
									data = data + "<a href='/download_resume/?resume_id="+value[10]+"'>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>";
									data = data + "</tr>";
									
									final_data = final_data + data;
								});

                                $('#popup_modal_data').html(final_data);
								$("#commentModal").modal('show');
                                 $("#example11").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("in error");
                            alert(xhr.status + ": " + xhr.responseText);
							}
                    });
    });
});

</script>

                <script>
function requirement_report_popup(client_id, start_date, end_date)
{
$.ajax({
            url : "/get_client_req_profiles/",
            type : "POST",
            dataType: "json",
			async: false,
            data : {
					client_id : client_id,
					start_date : start_date,
					end_date : end_date,
                    csrfmiddlewaretoken: '{{ csrf_token }}'
                   },
                   success : function(json)
				   {
						var obj_array =  json.response;
						$('#client_req_details'+client_id).append(obj_array);
						$("tr").filter(".chngcolor"+client_id).css("background-color", "#BDC3C7" );
						$('#client_req_details'+client_id).show();
						$("#req_id_expand_"+client_id).hide();
	                    $("#req_id_collapse_"+client_id).show();
                    },
                    error : function(xhr,errmsg,err) {
							alert(xhr.status + ": " + xhr.responseText);
                    }
       });
}

</script>
                <script>
function collapse_req_profiles(client_id)
{
    $("tr").filter(".chngcolor"+client_id).css("background-color", "#FFFFFF" );
	$("#req_id_expand_"+client_id).show();
	$("#req_id_collapse_"+client_id).hide();
    var count = $('#client_req_details'+client_id)[0].rows.length;
//    alert(count);
    var i;
	for(i=1; i<count; i){
	    document.getElementById("client_req_details"+client_id).deleteRow(i);
	}
}
</script>
                <script>
	$(document).ready(function(){
		$('#example31').on('click', '.resume_call', function(){
		var link = $(this).attr('link');
		var dt = $("#example32").DataTable();
        dt.destroy();
        $("#commentModals1").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 = " ";
								$.each(obj_array, function (index, value)
								{
									var data = "<tr><td>"+value[1]+"</td><td>"+value[2]+"<br>"+ value[3] +"</td>";
									data = data +"<td>"+value[0]+"</td>";
									data = data + "<td>"+value[4]+"</td><td>"+value[5]+"<br>"+value[12]+"</td>";
									data = data + "<td>"+value[6]+"</td><td>"+value[7]+"</td>";
									data = data + "<td>"+value[8]+"</td><td>";
									data = data + "<a href='/download_resume/?resume_id="+value[10]+"'>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>";
									data = data + "</tr>";

									final_data = final_data + data;
								});

                                $('#req_popup_modal_data').html(final_data);
								$("#commentModals1").modal('show');
                                $("#example32").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("in error");
                            alert(xhr.status + ": " + xhr.responseText);
							}
                    });
    });
});

</script>

<script>
function client_report_popup(ta_id, start_date, end_date)
{
$.ajax({
            url : "/get_ta_client_profiles/",
            type : "POST",
            dataType: "json",
			async: false,
            data : {
					ta_id : ta_id,
					start_date : start_date,
					end_date : end_date,
					tag: 0,
                    csrfmiddlewaretoken: '{{ csrf_token }}'
                   },
                   success : function(json)
				   {
						var obj_array =  json.response;

						$('#ta_client_details'+ta_id).append(obj_array);
						$("tr").filter(".changcolor"+ta_id).css("background-color", "#BDC3C7" );
						$('#ta_client_details'+ta_id).show();
						$("#id_expand_"+ta_id).hide();
	                    $("#id_collapse_"+ta_id).show();
                    },
                    error : function(xhr,errmsg,err) {
							alert(xhr.status + ": " + xhr.responseText);
                    }
       });
}

function fl_client_report_popup(ta_id, start_date, end_date)
{
$.ajax({
            url : "/get_ta_client_profiles/",
            type : "POST",
            dataType: "json",
			async: false,
            data : {
					ta_id : ta_id,
					start_date : start_date,
					end_date : end_date,
					tag: 1,
                    csrfmiddlewaretoken: '{{ csrf_token }}'
                   },
                   success : function(json)
				   {
						var obj_array =  json.response;

						$('#fl_client_details'+ta_id).append(obj_array);
						$("tr").filter(".changcolor"+ta_id).css("background-color", "#BDC3C7" );
						$('#fl_client_details'+ta_id).show();
						$("#id_expand_fl_"+ta_id).hide();
	                    $("#id_collapse_fl_"+ta_id).show();
                    },
                    error : function(xhr,errmsg,err) {
							alert(xhr.status + ": " + xhr.responseText);
                    }
       });
}
</script>
                <script>
function collapse_profiles(ta_id)
{
    $("tr").filter(".changcolor"+ta_id).css("background-color", "#FFFFFF" );
	$("#id_expand_"+ta_id).show();
	$("#id_collapse_"+ta_id).hide();
	var count = $('#ta_client_details'+ta_id)[0].rows.length;
//    alert(count);
    var i;
	for(i=1; i<count; i){
	    document.getElementById("ta_client_details"+ta_id).deleteRow(i);
	}
}

function collapse_fl_profiles(ta_id)
{
    $("tr").filter(".changcolor"+ta_id).css("background-color", "#FFFFFF" );
	$("#id_expand_fl_"+ta_id).show();
	$("#id_collapse_fl_"+ta_id).hide();
	var count = $('#fl_client_details'+ta_id)[0].rows.length;
//    alert(count);
    var i;
	for(i=1; i<count; i){
	    document.getElementById("fl_client_details"+ta_id).deleteRow(i);
	}
}
</script>
                <script>
	$(document).ready(function(){
		$('#example21').on('click', '.resume_call', function(){
		var link = $(this).attr('link');
		var dt = $("#example22").DataTable();
        dt.destroy();
        $("#commentModals").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 = " ";
								$.each(obj_array, function (index, value)
								{
									var data = "<tr><td>"+value[1]+"</td><td>"+value[2]+"<br>" + value[3] + "</td>";
									data = data +"<td>"+value[0]+"</td>";
									data = data + "<td>"+value[4]+"</td><td>"+value[5]+"<br>"+value[12]+"</td>";
									data = data + "<td>"+value[6]+"</td><td>"+value[7]+"</td>";
									data = data + "<td>"+value[8]+"</td><td>";
									data = data + "<a href='/download_resume/?resume_id="+value[10]+"'>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>";
									data = data + "</tr>";

									final_data = final_data + data;
								});

                                $('#res_popup_modal_data').html(final_data);
								$("#commentModals").modal('show');
                                $("#example22").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("in error");
                            alert(xhr.status + ": " + xhr.responseText);
							}
                    });
    });
});

</script>
                <script>
function client_reqmt_report_popup(ta_id, client_id, start_date, end_date)
{
$.ajax({
            url : "/get_ta_client_req_profiles/",
            type : "POST",
            dataType: "json",
			async: false,
            data : {
					ta_id : ta_id,
					client_id : client_id,
					start_date : start_date,
					end_date : end_date,
                    csrfmiddlewaretoken: '{{ csrf_token }}'
                   },
                   success : function(json)
				   {
						var obj_array =  json.response;
                        $(obj_array).insertAfter('#ta_client_req_details'+ta_id+client_id);
						$('#ta_client_req_details'+ta_id+client_id).show();
						$("#id_req_expand"+ta_id+client_id).hide();
	                    $("#id_req_collapse"+ta_id+client_id).show();

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

</script>

<script>
function collapse_ta_req_profiles(ta_id,client_id)
{
	$("#id_req_expand"+ta_id+client_id).show();
	$("#id_req_collapse"+ta_id+client_id).hide();
	$('table#example4 tr#deletable'+ta_id+client_id).remove();
}

function collapse_fl_req_profiles(ta_id,client_id)
{
	$("#id_req_expand"+ta_id+client_id).show();
	$("#id_req_collapse"+ta_id+client_id).hide();
	$('table#id_fl_details tr#deletable'+ta_id+client_id).remove();
}
</script>

<script>
	$(document).ready(function(){
		$('#example41').on('click', '.resume_call', function(){
		var link = $(this).attr('link');
		var dt = $("#example42").DataTable();
        dt.destroy();
        $("#commentModalss").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 = " ";
								$.each(obj_array, function (index, value)
								{
									var data = "<tr><td>"+value[1]+"</td><td>"+value[2]+"<br>" + value[3] + "</td>";
									data = data +"<td>"+value[0]+"</td>";
									data = data + "<td>"+value[4]+"</td><td>"+value[5]+"<br>"+value[12]+"</td>";
									data = data + "<td>"+value[6]+"</td><td>"+value[7]+"</td>";
									data = data + "<td>"+value[8]+"</td><td>";
									data = data + "<a href='/download_resume/?resume_id="+value[10]+"'>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>";
									data = data + "</tr>";

									final_data = final_data + data;
								});

                                $('#resq_popup_modal_data').html(final_data);
								$("#commentModalss").modal('show');
                                $("#example42").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("in error");
                            alert(xhr.status + ": " + xhr.responseText);
							}
                    });
    });
});
</script>
                <script>
	$(document).ready(function(){
		$('#example4').on('click', '.resume_call', function(){
		var link = $(this).attr('link');
		var dt = $("#example11").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 = " ";
								$.each(obj_array, function (index, value)
								{
									var data = "<tr><td>"+value[1]+"</td><td>"+value[2]+"<br>" + value[3] + "</td>";
									data = data +"<td>"+value[0]+"</td>";
									data = data + "<td>"+value[4]+"</td><td>"+value[5]+"<br><p style='font-size:12px;'>"+value[12]+"</td>";
									data = data + "<td>"+value[6]+"</td><td>"+value[7]+"</td>";
									data = data + "<td>"+value[8]+"</td><td>";
									data = data + "<a href='/download_resume/?resume_id="+value[10]+"'>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>";
									data = data + "</tr>";
									
									final_data = final_data + data;
								});
								$('#popup_modal_data').html(final_data);
								$("#commentModal").modal('show');
								$("#example11").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("in error");
                            alert(xhr.status + ": " + xhr.responseText);
							}
                    });
    });
});

$(document).ready(function(){
    $('#id_fl_details').on('click', '.resume_call', function(){
    var link = $(this).attr('link');
    var dt = $("#example11").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 = " ";
                            $.each(obj_array, function (index, value)
                            {
                                var data = "<tr><td>"+value[1]+"</td><td>"+value[2]+"<br>" + value[3] + "</td>";
                                data = data +"<td>"+value[0]+"</td>";
                                data = data + "<td>"+value[4]+"</td><td>"+value[5]+"<br><p style='font-size:12px;'>"+value[12]+"</td>";
                                data = data + "<td>"+value[6]+"</td><td>"+value[7]+"</td>";
                                data = data + "<td>"+value[8]+"</td><td>";
                                data = data + "<a href='/download_resume/?resume_id="+value[10]+"'>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>";
                                data = data + "</tr>";

                                final_data = final_data + data;
                            });
                            $('#popup_modal_data').html(final_data);
                            $("#commentModal").modal('show');
                            $("#example11").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("in error");
                        alert(xhr.status + ": " + xhr.responseText);
                        }
                });
    });
});

</script>

<script>
	$(document).ready(function(){
		$('#example15').on('click', '.resume_call', function(){
		var link = $(this).attr('link');
		var dt = $("#example11").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 = " ";
								$.each(obj_array, function (index, value)
								{
									var data = "<tr><td>"+value[1]+"</td><td>"+value[2]+"<br>"+ value[3] + "</td>";
									data = data +"<td>"+value[0]+"</td>";
									data = data + "<td>"+value[4]+"</td><td>"+value[5]+"<br><p style='font-size:12px;'>"+value[12]+"</td>";
									data = data + "<td>"+value[6]+"</td><td>"+value[7]+"</td>";
									data = data + "<td>"+value[8]+"</td><td>";
									data = data + "<a href='/download_resume/?resume_id="+value[10]+"'>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>";
									data = data + "</tr>";

									final_data = final_data + data;
								});

                                $('#popup_modal_data').html(final_data);
								$("#commentModal").modal('show');
                                 $("#example11").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("in error");
                            alert(xhr.status + ": " + xhr.responseText);
							}
                    });
    });
});
</script>

                <script>
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 = $("#example18").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');
						$("#example18").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);
                    }
       });
}

function show_reports_details(year)
{
	$(".hide_reports_details").hide();
	$("#reports_details_"+year).show();
}
</script>
                <script>
function rscFunction()
{
  $("#import_rsc_reports").show();
  $("#id_date").show();
}

function DateEntry() {
  $("#import_rsc_reports").hide();
  $("#id_date").show();
  $("#id_date_error").html("");
}

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

function get_req_details(req_id)
{
    $.ajax({
        url : '/view_requirement_popup/' + req_id + '/',
        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);
                }
       });
}

function get_full_reports()
{
    $.ajax({
        url : "/get_full_reports/",
        type : "POST",
        dataType: "json",
        async: false,
        data : {
                csrfmiddlewaretoken: '{{ csrf_token }}'
               },
               success : function(json)
               {
                    $('#ta').hide();
                    $('#client').hide();
                    $('#summary').hide();
                    $("#fl").hide();
                    $("#cls").removeClass("underline");
                    $("#tas").removeClass("underline");
                    $("#sum").removeClass("underline");
                    $("#fls").removeClass("underline");
                    $("#id_fl_reports").addClass("underline");
                    $("#id_full_reports").html(json.html_text);
                    $("#id_full_reports").show();
                },
                error : function(xhr,errmsg,err) {
                        alert(xhr.status + ": " + xhr.responseText);
                }
       });
}

function get_client_requirements()
{
    var client_id = $("#id_reports_client").val();
    $.ajax({
        url : "/get_client_full_reports/",
        type : "POST",
        dataType: "json",
        async: false,
        data : {
                client_id : client_id,
                csrfmiddlewaretoken: '{{ csrf_token }}'
               },
               success : function(json)
               {
                    $("#id_div_full_report").html(json.html_text);
                    $("#id_search_client").val('');
                },
                error : function(xhr,errmsg,err) {
                        alert(xhr.status + ": " + xhr.responseText);
                }
       });
}

function search_function(){
    var key = $("#id_search_client").val();
    var client_id = $("#id_reports_client").val();
    $.ajax({
        url : "/get_search_full_reports/",
        type : "POST",
        dataType: "json",
        async: false,
        data : {
                key : key,
                client_id : client_id,
                csrfmiddlewaretoken: '{{ csrf_token }}'
               },
               success : function(json)
               {
                    $("#id_div_full_report").html(json.html_text);
                    $(".autocomplete-items").hide();
                },
                error : function(xhr,errmsg,err) {
                        alert(xhr.status + ": " + xhr.responseText);
                }
       });

}

function collapse_req_details(req_id)
{
    $("#id_div_req_"+req_id).remove();
}



$("#id_search_client").on('keypress', function(e){
    if(e.which == 13){
        search_function();
    }
});

drop_container.ondragover = drop_container.ondragenter = function(evt) {
  evt.preventDefault();
};
</script>
<script src="/static/js/natural.js"></script>
{% endblock midpart %}