{% extends 'base.html' %}
{% load rolemgmt_tags %}
{% load rmtmgmt_tags %}
{% block midpart %}

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

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

<style>
    .btn-adjustment {width: 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;}
    }
  </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>Mobile</th>
                            <th>Email</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>Mobile</th>
                            <th>Email</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>Mobile</th>
                            <th>Email</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>Mobile</th>
                            <th>Email</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" 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>
            </div>

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

                            <p>Resume Status count</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 -->
                    <div class="small-box bg-green">
                        <div class="inner">
                            <h3></h3>

                            <p>Resume Status count</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 -->
                    <div class="small-box bg-green">
                        <div class="inner">
                            <h3></h3>

                            <p>Requirement Status</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 %}
                {% if status == 'resume' %}

                <div class="col-xs-12">
                    <table>
                        <thead>
                        <tr>
                            <td><a href="/ta_reports/today/">Today</a></td>
                        </tr>
                        <tr>
                            <td><a href="/ta_reports/yesterday/">Yesterday</a></td>
                        </tr>
                        <tr>
                            <td><a href="/ta_reports/week/">Current Week</a></td>
                        </tr>
                        <tr>
                            <td><a href="/ta_reports/month/">Current Month</a></td>
                        </tr>
                        <tr>
                            <td><a id="ta_old" onclick='show_form();'>Old Reports</a></td>
                            <td>
                                <div id="hidden_form_for_old_reports">
                                    <table id="example1" class="table table-bordered table-striped">
                                        {% for data in display_data %}
                                        <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}}/">{{ week }}</a></td>
                                            {% endfor %}
                                        </tr>
                                        {% endfor %}
                                    </table>
                                </div>
                            </td>
                        </tr>
                        </thead>
                    </table>
                    <div>
                        <table>
                            <tr>
                                <td width="25%"><a id="sum">Summary</a></td>
                                <td width="25%"><a id="cls">Client Specific Details</a></td>
                                {% if request|check_user_role != 'bd' %}
                                <td width="25%"><a id="tas">TA Specific Details</a></td>
                                {% endif %}
                            </tr>
                        </table>
                    </div>
                </div>

                {% elif status == 'requirement' %}

                <div class="col-xs-12">
                    <table>
                        <thead>
                        <tr>
                            <td><a href="/bd_reports/today/">Today</a></td>
                        </tr>
                        <tr>
                            <td><a href="/bd_reports/yesterday/">Yesterday</a></td>
                        </tr>
                        <tr>
                            <td><a href="/bd_reports/week/">Current Week</a></td>
                        </tr>
                        <tr>
                            <td><a href="/bd_reports/month/">Current Month</a></td>
                        </tr>
                        <tr>
                            <td><a id="ta_old" onclick='show_form();'>Old Reports</a></td>
                            <td>
                                <div id="hidden_form_for_old_reports">
                                    <table id="example1" class="table table-bordered table-striped">
                                        {% for data in display_data %}
                                        <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}}/">{{ week }}</a></td>
                                            {% endfor %}
                                        </tr>
                                        {% endfor %}
                                    </table>
                                </div>
                            </td>
                        </tr>
                        </thead>
                    </table>
                </div>
                {% endif %}

            </div>

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

{% if show_tag == 1 %}
<div id="summary">
    <div align="center"><b>Summary</b></div>
    <table id="example1" class="table table-bordered table-striped">
        <tr>
            <th width="20%">Selections</th>
            <th width="5%">{{ selections }}</th>
            <th width="50%">TA ACTIVITY REPORT</th>
        </tr>

        <tr>
            <th>No Show (Interviews)</th>
            <th>{{ top_data.8 }}</th>
            {% if time_span == "today" or time_span == "yesterday" %}
            <td>{{ to_date }} Reports </td>
            {% else %}
            <td>{% if current_month %} MONTH {{ current_month }}th - {% elif week_number %} WEEK {{ week_number }}th -{% endif %} From {{ start_date }} to {{ to_date }}</td>
            {% endif %}
        </tr>

        <tr>
            <th>No Show (Joining)</th>
            <th>{{ top_data.9 }}</th>
            <td>Submitted by:Priyanka Mishra</td>
        </tr>
    </table>
    <table id="example15" class="table table-bordered table-striped">
        <thead>
        <tr>
            <th></th>
            {% for stage in stages %}
            <th>{{ stage.stage }}</th>
            {% endfor %}
            <th>Feedback Pending Profiles</th>
            <th>No Shows (Interview)</th>
            <th>No Shows (Joining)</th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td>Total<br>%</td>
            {% if top_data.0%}
            <td class="resume_call" link="/show_report_resumes/1/{{ show_report_start_date }}/{{ show_report_end_date }}/"><a>{{ top_data.0 }}</a></td>
            {% else %}
            <td>{{ top_data.0 }}</td>
            {% endif %}
            {% if top_data.1%}
            <td class="resume_call" link="/show_report_resumes/2/{{ show_report_start_date }}/{{ show_report_end_date }}/"><a>{{ top_data.1 }}</a><br>{{ top_data.1|cal_percentage:top_data.0 }}</td>
            {% else %}
            <td>{{ top_data.1 }}<br>{{ top_data.1|cal_percentage:top_data.0 }}</td>
            {% endif %}
            {% if top_data.2%}
            <td class="resume_call" link="/show_report_resumes/3/{{ show_report_start_date }}/{{ show_report_end_date }}/"><a>{{ top_data.2 }}</a><br>{{ top_data.2|cal_percentage:top_data.1 }}</td>
            {% else %}
            <td>{{ top_data.2 }}<br>{{ top_data.2|cal_percentage:top_data.1 }}</td>
            {% endif %}
            {% if top_data.3%}
            <td class="resume_call" link="/show_report_resumes/4/{{ show_report_start_date }}/{{ show_report_end_date }}/"><a>{{ top_data.3 }}</a><br>{{ top_data.3|cal_percentage:top_data.2 }}</td>
            {% else %}
            <td>{{ top_data.3 }}<br>{{ top_data.3|cal_percentage:top_data.2 }}</td>
            {% endif %}
            {% if top_data.4%}
            <td class="resume_call" link="/show_report_resumes/5/{{ show_report_start_date }}/{{ show_report_end_date }}/"><a>{{ top_data.4 }}</a><br>{{ top_data.4|cal_percentage:top_data.3 }}</td>
            {% else %}
            <td>{{ top_data.4 }}<br>{{ top_data.4|cal_percentage:top_data.3 }}</td>
            {% endif %}
            {% if top_data.5%}
            <td class="resume_call" link="/show_report_resumes/6/{{ show_report_start_date }}/{{ show_report_end_date }}/"><a>{{ top_data.5 }}</a><br>{{ top_data.5|cal_percentage:top_data.4 }}</td>
            {% else %}
            <td>{{ top_data.5 }}<br>{{ top_data.5|cal_percentage:top_data.4 }}</td>
            {% endif %}
            {% if top_data.6%}
            <td class="resume_call" link="/show_report_resumes/7/{{ show_report_start_date }}/{{ show_report_end_date }}/"><a>{{ top_data.6 }}</a><br>{{ top_data.6|cal_percentage:top_data.5 }}</td>
            {% else %}
            <td>{{ top_data.6 }}<br>{{ top_data.6|cal_percentage:top_data.5 }}</td>
            {% endif %}
            {% if top_data.7%}
            <td class="resume_call" link="/show_report_resumes/8/{{ show_report_start_date }}/{{ show_report_end_date }}/"><a>{{ top_data.7 }}</a></td>
            {% else %}
            <td>{{ top_data.7 }}</td>
            {% endif %}
            {% if top_data.8%}
            <td class="resume_call" link="/show_report_resumes/9/{{ show_report_start_date }}/{{ show_report_end_date }}/"><a>{{ top_data.8 }}</a></td>
            {% else %}
            <td>{{ top_data.8 }}</td>
            {% endif %}
            {% if top_data.9%}
            <td class="resume_call" link="/show_report_resumes/10/{{ show_report_start_date }}/{{ show_report_end_date }}/"><a>{{ top_data.9 }}</a></td>
            {% else %}
            <td>{{ top_data.9 }}</td>
            {% endif %}
        </tr>
        </tbody>
    </table>
</div>
<div id="client">
    <div align="center"><b>Client Specific Details</b></div>
    <table id="example3" class="table table-bordered table-striped">
        <thead>
        <tr>
            <th style="width:140px;">Client</th>
            {% for stage in stages %}
            <th>{{ stage.stage }}</th>
            {% endfor %}
            <th>Feedback Pending Profiles</th>
            <th>No Shows (Interview)</th>
            <th>Joining No Show</th>
        </tr>
        </thead>
        {% for client in client_data %}
        <tbody id="client_req_details{{client.3}}">

        <tr class="chngcolor{{client.3}}">
            <td>{{ client.0 }}
                <button style="float:right;" value="+" onclick="requirement_report_popup({{client.3}}, '{{ show_report_start_date }}', '{{ show_report_end_date }}');"
                        id="req_id_expand_{{client.3}}">+
                </button>
                <button value="-" onclick="collapse_req_profiles({{client.3}});" id="req_id_collapse_{{client.3}}" style="display:none;float:right;">-</button>

            </td>
            {% if client.1 %}
            <td><a class="resume_call" link="/show_resumes_report/client/{{client.3}}/1/{{ show_report_start_date }}/{{ show_report_end_date }}/">
                {{ client.1 }}</a>
                <br>%</td>
            {% else %}
            <td>{{ client.1 }}</td>
            {% endif %}
            {% if client.2 %}
            <td><a class="resume_call" link="/show_resumes_report/client/{{client.3}}/2/{{ show_report_start_date }}/{{ show_report_end_date }}/">{{ client.2 }}<br>{{ client.2|cal_percentage:client.1 }}</a>
            </td>
            {% else %}
            <td>{{ client.2 }}<br>{{ client.2|cal_percentage:client.1 }}</td>
            {% endif %}
            {% if client.3 %}
            <td><a class="resume_call" link="/show_resumes_report/client/{{client.3}}/3/{{ show_report_start_date }}/{{ show_report_end_date }}/">{{ client.3 }}<br>{{ client.3|cal_percentage:client.2 }}</a>
            </td>
            {% else %}
            <td>{{ client.3 }}<br>{{ client.3|cal_percentage:client.2 }}</td>
            {% endif %}
            {% if client.4 %}
            <td><a class="resume_call" link="/show_resumes_report/client/{{client.3}}/4/{{ show_report_start_date }}/{{ show_report_end_date }}/">{{ client.4 }}<br>{{ client.4|cal_percentage:client.3 }}</a>
            </td>
            {% else %}
            <td>{{ client.4 }}<br>{{ client.4|cal_percentage:client.3 }}</td>
            {% endif %}
            {% if client.5 %}
            <td><a class="resume_call" link="/show_resumes_report/client/{{client.3}}/5/{{ show_report_start_date }}/{{ show_report_end_date }}/">{{ client.5 }}<br>{{ client.5|cal_percentage:client.4 }}</a>
            </td>
            {% else %}
            <td>{{ client.5 }}<br>{{ client.5|cal_percentage:client.4 }}</td>
            {% endif %}
            {% if client.6 %}
            <td><a class="resume_call" link="/show_resumes_report/client/{{client.3}}/6/{{ show_report_start_date }}/{{ show_report_end_date }}/">{{ client.6 }}<br>{{ client.6|cal_percentage:client.5 }}</a>
            </td>
            {% else %}
            <td>{{ client.6 }}<br>{{ client.6|cal_percentage:client.5 }}</td>
            {% endif %}
            {% if client.7 %}
            <td><a class="resume_call" link="/show_resumes_report/client/{{client.3}}/7/{{ show_report_start_date }}/{{ show_report_end_date }}/">{{ client.7 }}<br>{{ client.7|cal_percentage:client.6 }}</a>
            </td>
            {% else %}
            <td>{{ client.7 }}<br>{{ client.7|cal_percentage:client.6 }}</td>
            {% endif %}
            {% if client.8 %}
            <td><a class="resume_call" link="/show_resumes_report/client/{{client.3}}/8/{{ show_report_start_date }}/{{ show_report_end_date }}/">{{ client.8 }}</a>
            </td>
            {% else %}
            <td>{{ client.8 }}</td>
            {% endif %}
            {% if client.9 %}
            <td><a class="resume_call" link="/show_resumes_report/client/{{client.3}}/9/{{ show_report_start_date }}/{{ show_report_end_date }}/">{{ client.9 }}</a>
            </td>
            {% else %}
            <td>{{ client.9 }}</td>
            {% endif %}
            {% if client.10 %}
            <td><a class="resume_call" link="/show_resumes_report/client/{{client.3}}/10/{{ show_report_start_date }}/{{ show_report_end_date }}/">{{ client.10 }}</a>
            </td>
            {% else %}
            <td>{{ client.10 }}</td>
            {% endif %}
        </tr>
        {% endfor %}
        </tbody>
    </table>
</div>
<div id="ta">
    <div align="center"><b>TA/HR Specific Details</b></div>
    <!-- /.box-header -->

    <table id="example4" class="table table-bordered table-striped">
        <thead>
        <tr>
            <th style="width:150px;">TA/HR</th>
            {% for stage in stages %}
            <th>{{ stage.stage }}</th>
            {% endfor %}
            <th>Feedback Pending Profiles</th>
            <th>No Shows (Interview)</th>
            <th>Joining No Show</th>
        </tr>
        </thead>
        {% for ta in ta_data %}
        <tbody id="ta_client_details{{ta.11}}">
        <tr class="changcolor{{ta.11}}">
            <td>
                {{ ta.0 }}
                {% if ta.1 %}
                <button style="float:right;" value="+" onclick="client_report_popup({{ta.11}}, '{{ show_report_start_date }}', '{{ show_report_end_date }}');"
                        id="id_expand_{{ta.11}}">+
                </button>
                <button value="-" onclick="collapse_profiles({{ta.11}});" id="id_collapse_{{ta.11}}" style="display:none;float:right;">-</button>
                {% endif %}
            </td>
            {% if ta.1 %}
            <td>
                <a class="resume_call" link="/show_resumes_report/ta/{{ta.11}}/1/{{ show_report_start_date }}/{{ show_report_end_date }}/">
                    {{ ta.1 }}</a>
                <br>%

            </td>
            {% else %}
            <td>{{ ta.1 }}</td>
            {% endif %}
            {% if ta.2 %}
            <td><a class="resume_call" link="/show_resumes_report/ta/{{ta.11}}/2/{{ show_report_start_date }}/{{ show_report_end_date }}/">{{ ta.2 }}<br>{{ ta.2|cal_percentage:ta.1 }}</a></td>
            {% else %}
            <td>{{ ta.2 }}<br>{{ ta.2|cal_percentage:ta.1 }}</td>
            {% endif %}
            {% if ta.3 %}
            <td><a class="resume_call" link="/show_resumes_report/ta/{{ta.11}}/3/{{ show_report_start_date }}/{{ show_report_end_date }}/">{{ ta.3 }}<br>{{ ta.3|cal_percentage:ta.2 }}</a></td>
            {% else %}
            <td>{{ ta.3 }}<br>{{ ta.3|cal_percentage:ta.2 }}</td>
            {% endif %}
            {% if ta.4 %}
            <td><a class="resume_call" link="/show_resumes_report/ta/{{ta.11}}/4/{{ show_report_start_date }}/{{ show_report_end_date }}/">{{ ta.4 }}<br>{{ ta.4|cal_percentage:ta.3 }}</a></td>
            {% else %}
            <td>{{ ta.4 }}<br>{{ ta.4|cal_percentage:ta.3 }}</td>
            {% endif %}
            {% if ta.5 %}
            <td><a class="resume_call" link="/show_resumes_report/ta/{{ta.11}}/5/{{ show_report_start_date }}/{{ show_report_end_date }}/">{{ ta.5 }}<br>{{ ta.5|cal_percentage:ta.4 }}</a></td>
            {% else %}
            <td>{{ ta.5 }}<br>{{ ta.5|cal_percentage:ta.4 }}</td>
            {% endif %}
            {% if ta.6 %}
            <td><a class="resume_call" link="/show_resumes_report/ta/{{ta.11}}/6/{{ show_report_start_date }}/{{ show_report_end_date }}/">{{ ta.6 }}<br>{{ ta.6|cal_percentage:ta.5 }}</a></td>
            {% else %}
            <td>{{ ta.6 }}<br>{{ ta.6|cal_percentage:ta.5 }}</td>
            {% endif %}
            {% if ta.7 %}
            <td><a class="resume_call" link="/show_resumes_report/ta/{{ta.11}}/7/{{ show_report_start_date }}/{{ show_report_end_date }}/">{{ ta.7 }}<br>{{ ta.7|cal_percentage:ta.6 }}</a></td>
            {% else %}
            <td>{{ ta.7 }}<br>{{ ta.7|cal_percentage:ta.6 }}</td>
            {% endif %}
            {% if ta.8 %}
            <td><a class="resume_call" link="/show_resumes_report/ta/{{ta.11}}/8/{{ show_report_start_date }}/{{ show_report_end_date }}/">{{ ta.8 }}</a></td>
            {% else %}
            <td>{{ ta.8 }}</td>
            {% endif %}
            {% if ta.9 %}
            <td><a class="resume_call" link="/show_resumes_report/ta/{{ta.11}}/9/{{ show_report_start_date }}/{{ show_report_end_date }}/">{{ ta.9 }}</a></td>
            {% else %}
            <td>{{ ta.9 }}</td>
            {% endif %}
            {% if ta.10 %}
            <td><a class="resume_call" link="/show_resumes_report/ta/{{ta.11}}/10/{{ show_report_start_date }}/{{ show_report_end_date }}/">{{ ta.10 }}</a></td>
            {% else %}
            <td>{{ ta.10 }}</td>
            {% endif %}
        </tr>
        {% endfor %}
        </tbody>
    </table>

</div>
{% elif show_tag == 2 %}
<div id="bd_summary">
    <table id="example1" class="table table-bordered table-striped">
        <tr>
            <th width="20%">Selections</th>
            <th width="5%">{{ selections }}</th>
            <th width="40%">Fulfilment Progress</th>
        </tr>

        <tr>
            <th>No Show (Interviews)</th>
            <th>{{ interview_noshows }}</th>
            {% if time_span == "today" or time_span == "yesterday" %}
            <td>{{ to_date }} Reports </td>
            {% else %}
            <td>{% if current_month %} MONTH {{ current_month }}th - {% elif week_number %} WEEK {{ week_number }}th -{% endif %} From {{ start_date }} to {{ to_date }}</td>
            {% endif %}
        </tr>

        <tr>
            <th>No Show (Joining)</th>
            <th>{{ joining_noshows }}</th>
            <td>Submitted by:Anjana Kumari</td>
        </tr>
    </table>
</div>
<div id="bd_req">
    <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|show_date }}</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 }}</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>
{% endif %}





<!-- 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});
	$("#example3").DataTable({"scrollX": true});
    $("#example15").DataTable({"scrollX": true});

	$('#example2').DataTable({
		"scrollX": true,
       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();
	 
	 $("#tas").click(function(){
		$('#ta').show();
		$('#client').hide();
		$('#summary').hide();
	 });
	 
	 $("#cls").click(function(){
		$('#ta').hide();
		$('#client').show();
		$('#summary').hide();
	 });
	 
	 $("#sum").click(function(){
		$('#ta').hide();
		$('#client').hide();
		$('#summary').show();
	 });
});
</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]+"</td>";
									data = data +"<td>"+value[3]+"</td><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='/"+value[9]+"'>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;
						var final_data = " ";
						$.each(obj_array, function (index, value)
						{
							var data = "<tr style='background-color:#D7DBDD'>";
							reqmt_id = value[11];
							client_name = value[12];
							data = data +"<td style='padding-left:3em'>"+value[0]+"</td>"
							if (value[1])
							{
							    data += "<td class='resume_call' link='/show_req_resume_reports/"+client_id+"/"+reqmt_id+"/1/{{ show_report_start_date }}/{{ show_report_end_date }}/'>"+"<a>"+value[1]+"</a>"+"<br>"+"%"+"</td>"
							}
							else
							{
							    data += "<td>" + value[1] + "</td>"
							}
							if (value[2])
							{
							    data += "<td class='resume_call' link='/show_req_resume_reports/"+client_id+"/"+reqmt_id+"/2/{{ show_report_start_date }}/{{ show_report_end_date }}/'>"+"<a>"+value[2]+"<br>"+value[13]+"</a>"+"</td>"
							}
							else
							{
							    data += "<td>" + value[2] + "<br>" + "0.0" + "</td>"
							}
							if (value[3])
							{
							    data += "<td class='resume_call' link='/show_req_resume_reports/"+client_id+"/"+reqmt_id+"/3/{{ show_report_start_date }}/{{ show_report_end_date }}/'>"+"<a>"+value[3]+"<br>"+value[14]+"</a>"+"</td>"
							}
							else
							{
							    data += "<td>" + value[3] + "<br>" + "0.0" + "</td>"
							}
							if (value[4])
							{
							    data += "<td class='resume_call' link='/show_req_resume_reports/"+client_id+"/"+reqmt_id+"/4/{{ show_report_start_date }}/{{ show_report_end_date }}/'>"+"<a>"+value[4]+"<br>"+value[15]+"</a>"+"</td>"
							}
							else
							{
							    data += "<td>" + value[4] + "<br>" + "0.0" + "</td>"
							}
							if (value[5])
							{
							    data += "<td class='resume_call' link='/show_req_resume_reports/"+client_id+"/"+reqmt_id+"/5/{{ show_report_start_date }}/{{ show_report_end_date }}/'>"+"<a>"+value[5]+"<br>"+value[16]+"</a>"+"</td>"
							}
							else
							{
							    data += "<td>" + value[5] + "<br>" + "0.0" + "</td>"
							}
							if (value[6])
							{
							    data += "<td class='resume_call' link='/show_req_resume_reports/"+client_id+"/"+reqmt_id+"/6/{{ show_report_start_date }}/{{ show_report_end_date }}/'>"+"<a>"+value[6]+"<br>"+value[17]+"</a>"+"</td>"
							}
							else
							{
							    data += "<td>" + value[6] + "<br>" + "0.0" + "</td>"
							}
							if (value[7])
							{
							    data += "<td class='resume_call' link='/show_req_resume_reports/"+client_id+"/"+reqmt_id+"/7/{{ show_report_start_date }}/{{ show_report_end_date }}/'>"+"<a>"+value[7]+"<br>"+value[18]+"</a>"+"</td>"
							}
							else
							{
							    data += "<td>" + value[7] + "<br>" + "0.0" + "</td>"
							}
							if (value[8])
							{
							    data += "<td class='resume_call' link='/show_req_resume_reports/"+client_id+"/"+reqmt_id+"/8/{{ show_report_start_date }}/{{ show_report_end_date }}/'>"+"<a>"+value[8]+"</a>"+"</td>"
							}
							else
							{
							    data += "<td>" + value[8] + "</td>"
							}
							if (value[9])
							{
							    data += "<td class='resume_call' link='/show_req_resume_reports/"+client_id+"/"+reqmt_id+"/9/{{ show_report_start_date }}/{{ show_report_end_date }}/'>"+"<a>"+value[9]+"</a>"+"</td>"
							}
							else
							{
							    data += "<td>" + value[9] + "</td>"
							}
							if (value[10])
							{
							    data += "<td class='resume_call' link='/show_req_resume_reports/"+client_id+"/"+reqmt_id+"/10/{{ show_report_start_date }}/{{ show_report_end_date }}/'>"+"<a>"+value[10]+"</a>"+"</td>";
							}
							{
							    data += "<td>" + value[10] + "</td>";
							}
							data = data + "</tr>";
							final_data = final_data + data;

						});
						$('#client_req_details'+client_id).append(final_data);
						$("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]+"</td>";
									data = data +"<td>"+value[3]+"</td><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='/"+value[9]+"'>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,
                    csrfmiddlewaretoken: '{{ csrf_token }}'
                   },
                   success : function(json)
				   {
						var obj_array =  json.response;
						var final_data = " ";
						$.each(obj_array, function (index, value)
						{
						    client_id = value[12];
							ta_id = value[11];
							var data = "<tr id='ta_client_req_details"+ta_id+""+client_id+"' style='background-color:#D7DBDD'>";
							data = data +"<td style='padding-left:3em'>"+value[0]+"<button id='id_req_expand"+ta_id+""+client_id+"' style='float:right;'  onclick='client_reqmt_report_popup("+ta_id+", "+client_id+", \"{{ show_report_start_date }}\", \"{{ show_report_end_date }}\");'>" + "+" + "</button>"+
							    "<button id='id_req_collapse"+ta_id+""+client_id+"' style='display:none;float:right;' onclick='collapse_ta_req_profiles("+ta_id+", "+client_id+")'>" + "-" + "</button>"+"</td>"
							if (value[1])
							{
							    data += "<td class='resume_call' link='/show_resume_reports/"+ta_id+"/"+client_id+"/1/{{ show_report_start_date }}/{{ show_report_end_date }}/'>"+"<a>"+value[1]+"</a>"+ "<br>" + "%" +"</td>"
							}
							else
							{
							    data += "<td>" + value[1] +"</td>"
							}
							if (value[2])
							{
							    data += "<td class='resume_call' link='/show_resume_reports/"+ta_id+"/"+client_id+"/2/{{ show_report_start_date }}/{{ show_report_end_date }}/'>"+"<a>"+value[2]+"<br>"+value[14]+"</a>"+"</td>"
							}
							else
							{
							    data += "<td>" + value[2] + "<br>" + "0.0" + "</td>"
							}
							if (value[3])
							{
							    data += "<td class='resume_call' link='/show_resume_reports/"+ta_id+"/"+client_id+"/3/{{ show_report_start_date }}/{{ show_report_end_date }}/'>"+"<a>"+value[3]+"<br>"+value[15]+"</a>"+"</td>"
							}
							else
							{
							    data += "<td>" + value[3] + "<br>" + "0.0" + "</td>"
							}
							if (value[4])
							{
							    data += "<td class='resume_call' link='/show_resume_reports/"+ta_id+"/"+client_id+"/4/{{ show_report_start_date }}/{{ show_report_end_date }}/'>"+"<a>"+value[4]+"<br>"+value[16]+"</a>"+"</td>"
							}
							else
							{
							    data += "<td>" + value[4] + "<br>" + "0.0" + "</td>"
							}
							if (value[5])
							{
							    data += "<td class='resume_call' link='/show_resume_reports/"+ta_id+"/"+client_id+"/5/{{ show_report_start_date }}/{{ show_report_end_date }}/'>"+"<a>"+value[5]+"<br>"+value[17]+"</a>"+"</td>"
							}
							else
							{
							    data += "<td>" + value[5] + "<br>" + "0.0" + "</td>"
							}
							if (value[6])
							{
							    data += "<td class='resume_call' link='/show_resume_reports/"+ta_id+"/"+client_id+"/6/{{ show_report_start_date }}/{{ show_report_end_date }}/'>"+"<a>"+value[6]+"<br>"+value[18]+"</a>"+"</td>"
							}
							else
							{
							    data += "<td>" + value[6] + "<br>" + "0.0" + "</td>"
							}
							if (value[7])
							{
							    data += "<td class='resume_call' link='/show_resume_reports/"+ta_id+"/"+client_id+"/7/{{ show_report_start_date }}/{{ show_report_end_date }}/'>"+"<a>"+value[7]+"<br>"+value[19]+"</a>"+"</td>"
							}
							else
							{
							    data += "<td>" + value[7] + "<br>" + "0.0" + "</td>"
							}
							if (value[8])
							{
							    data += "<td class='resume_call' link='/show_resume_reports/"+ta_id+"/"+client_id+"/8/{{ show_report_start_date }}/{{ show_report_end_date }}/'>"+"<a>"+value[8]+"</a>"+"</td>"
							}
							else
							{
							    data += "<td>" + value[8] + "</td>"
							}
							if (value[9])
							{
							    data += "<td class='resume_call' link='/show_resume_reports/"+ta_id+"/"+client_id+"/9/{{ show_report_start_date }}/{{ show_report_end_date }}/'>"+"<a>"+value[9]+"</a>"+"</td>"
							}
							else
							{
							    data += "<td>" + value[9] + "</td>"
							}
							if (value[10])
							{
							    data += "<td class='resume_call' link='/show_resume_reports/"+ta_id+"/"+client_id+"/10/{{ show_report_start_date }}/{{ show_report_end_date }}/'>"+"<a>"+value[10]+"</a>"+"</td>";
							}
							else
							{
							    data += "<td>" + value[10] + "</td>";
							}
							data = data + "</tr>";
							final_data = final_data + data;

						});
						$('#ta_client_details'+ta_id).append(final_data);
						$("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);
                    }
       });
}
</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);
	}
}
</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]+"</td>";
									data = data +"<td>"+value[3]+"</td><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='/"+value[9]+"'>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;
						var final_data = " ";
						$.each(obj_array, function (index, value)
						{
							var data = "<tr id='deletable"+ta_id+""+client_id+"' style='background-color:#E5E7E9'>";
							req_id = value[13];
							data = data +"<td style='padding-left:5em'>"+value[0]+"</td>"
							if (value[1])
							{
							    data += "<td class='resume_call' link='/show_client_req_resume_reports/"+ta_id+"/"+client_id+"/"+req_id+"/1/{{ show_report_start_date }}/{{ show_report_end_date }}/'>"+"<a>"+value[1]+"</a>"+"<br>"+"%"+"</td>"
							}
							else
							{
							    data += "<td>" + value[1] + "</td>"
							}
							if (value[2])
							{
							    data += "<td class='resume_call' link='/show_client_req_resume_reports/"+ta_id+"/"+client_id+"/"+req_id+"/2/{{ show_report_start_date }}/{{ show_report_end_date }}/'>"+"<a>"+value[2]+"<br>"+value[14]+"</a>"+"</td>"
							}
							else
							{
							    data += "<td>" + value[2] + "<br>" + "0.0" + "</td>"
							}
							if (value[3])
							{
							    data += "<td class='resume_call' link='/show_client_req_resume_reports/"+ta_id+"/"+client_id+"/"+req_id+"/3/{{ show_report_start_date }}/{{ show_report_end_date }}/'>"+"<a>"+value[3]+"<br>"+value[15]+"</a>"+"</td>"
							}
							else
							{
							    data += "<td>" + value[3] + "<br>" + "0.0" + "</td>"
							}
							if (value[4])
							{
							    data += "<td class='resume_call' link='/show_client_req_resume_reports/"+ta_id+"/"+client_id+"/"+req_id+"/4/{{ show_report_start_date }}/{{ show_report_end_date }}/'>"+"<a>"+value[4]+"<br>"+value[16]+"</a>"+"</td>"
							}
							else
							{
							    data += "<td>" + value[4] + "<br>" + "0.0" + "</td>"
							}
							if (value[5])
							{
							    data += "<td class='resume_call' link='/show_client_req_resume_reports/"+ta_id+"/"+client_id+"/"+req_id+"/5/{{ show_report_start_date }}/{{ show_report_end_date }}/'>"+"<a>"+value[5]+"<br>"+value[17]+"</a>"+"</td>"
							}
							else
							{
							    data += "<td>" + value[5] + "<br>" + "0.0" + "</td>"
							}
							if (value[6])
							{
							    data += "<td class='resume_call' link='/show_client_req_resume_reports/"+ta_id+"/"+client_id+"/"+req_id+"/6/{{ show_report_start_date }}/{{ show_report_end_date }}/'>"+"<a>"+value[6]+"<br>"+value[18]+"</a>"+"</td>"
							}
							else
							{
							    data += "<td>" + value[6] + "<br>" + "0.0" + "</td>"
							}
							if (value[7])
							{
							    data += "<td class='resume_call' link='/show_client_req_resume_reports/"+ta_id+"/"+client_id+"/"+req_id+"/7/{{ show_report_start_date }}/{{ show_report_end_date }}/'>"+"<a>"+value[7]+"<br>"+value[19]+"</a>"+"</td>"
							}
							else
							{
							    data += "<td>" + value[7] + "<br>" + "0.0" + "</td>"
							}
							if (value[8])
							{
							    data += "<td class='resume_call' link='/show_client_req_resume_reports/"+ta_id+"/"+client_id+"/"+req_id+"/8/{{ show_report_start_date }}/{{ show_report_end_date }}/'>"+"<a>"+value[8]+"</a>"+"</td>"
							}
							else
							{
							    data += "<td>" + value[8] + "</td>"
							}
							if (value[9])
							{
							    data += "<td class='resume_call' link='/show_client_req_resume_reports/"+ta_id+"/"+client_id+"/"+req_id+"/9/{{ show_report_start_date }}/{{ show_report_end_date }}/'>"+"<a>"+value[9]+"</a>"+"</td>"
							}
							else
							{
							    data += "<td>" + value[9] + "</td>"
							}
							if (value[10])
							{
							    data += "<td class='resume_call' link='/show_client_req_resume_reports/"+ta_id+"/"+client_id+"/"+req_id+"/10/{{ show_report_start_date }}/{{ show_report_end_date }}/'>"+"<a>"+value[10]+"</a>"+"</td>";
							}
							else
							{
							    data += "<td>" + value[10] + "</td>";
							}
							data = data + "</tr>";
							final_data = final_data + data;

						});
                        $(final_data).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();
//	var count = $('#ta_client_req_details'+ta_id+client_id)[0].rows.length;
//    alert(count);
//    var i;
//	for(i=1; i<count; i){
//	    document.getElementById("ta_client_req_details"+ta_id+client_id).deleteRow(i);
//	}
}
</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]+"</td>";
									data = data +"<td>"+value[3]+"</td><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='/"+value[9]+"'>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]+"</td>";
									data = data +"<td>"+value[3]+"</td><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='/"+value[9]+"'>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]+"</td>";
									data = data +"<td>"+value[3]+"</td><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='/"+value[9]+"'>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);
                    }
       });
}




</script>


<script>
/*
function get_client_profiles(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,
            csrfmiddlewaretoken: '{{ csrf_token }}'
        },
        success : function(json)
		{
			var obj_array = json.response;
			var final_data = '';
			$.each(obj_array, function (index, value)
			{
				var data = '';
				data = data + value[0]+"="+ value[1] + "<br>";
				final_data = final_data + data;
			});
			$('#id_expand'+ta_id).html(final_data);
			$("#id_expand_"+ta_id).hide();
			$("#id_collapse_"+ta_id).show();
        },
        error : function(xhr,errmsg,err)
		{
            alert(xhr.status + ": " + xhr.responseText);
        }
    });

}
*/
</script>
<script src="/static/js/natural.js"></script>
{% endblock midpart %}