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

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




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

        <div class="box box-success">
            <div class="box-header">
                <h3 class="box-title"> <b>{{ title }}</b></h3> <h3 align="center"><b><font color="red">UNDER PROGRESS </font></b><h3>
            </div>
            <div class="box-header">
                <table>
                    <tr>
                        <td width="25%"><a id="details">Employee Details</a></td>
                        <td width="25%"><a id="letters">Offer & Appointment Letters</a></td>
                        <td width="25%"><a id="slips">Salary Slips</a></td>
                    </tr>
                </table>
            </div>
            <!-- /.box-header -->
            <div id="letter" class="box-body">
                <div align="center"><b>Offer Letters & Appointment Letters</b></div>
                <table id="example1" class="table table-bordered table-striped">
                    <thead>
                    <tr>
                        <th>Candidate Name</th>
                        <th>Requirement</th>
                        <th>Approved On</th>
                        <th>TA Member</th>
                        <th>Designation</th>
                        <th>Joining Date</th>
                        <th style="width:140px;">Stage</th>
                        <th style="width:120px;">State</th>
                        <th>Action</th>
                        <th>Download</th>
                        <th>Send</th>
                    </tr>
                    </thead>
                    <tbody>
                    {% for h in offered %}
                    <tr>
                        <td>{{ h.resume.first_name }} {{ h.resume.last_name }}</td>
                        <td>{{ h.resume.requirement }}</td>
                        <td>{{h.created_on}}</td>
                        <td>{{ h.resume.created_by }}</td>
                        <td>{{ h.designation }}</td>
                        <td>{{ h.joining_date }}</td>
                        <td>{{h.resume.stage}}</td>
                        <td>{{h.resume.status}}</td>



                        <!-- offer modal -->
                        <div class="modal fade" id="offerModal{{h.resume.id}}" role="dialog">
                            <div class="modal-dialog" style="width:30%;">
                                <!-- Modal content-->
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                                        <h4 class="modal-title"><b>Offer</b></h4>
                                    </div>
                                    <div class="modal-body">
                                        <form method="POST" action="/add_offer/" id="update_offer{{h.resume.id}}" enctype="multipart/form-data">{% csrf_token %}
                                            <input type="hidden" name="rid" value="{{h.resume.id}}">
                                            <input type="hidden" name="stage" id="offer_modal_stage{{h.resume.id}}">
                                            Joining Date : <input type="date" name="join_date" id="joining_date" required><br><br>
                                            Designation : <textarea style="width:100%;" rows="1" cols="42" name="designation" maxlength="500" minlength="10" placeholder="Python Developer...etc." required></textarea><br>
                                            Address : <textarea style="width:100%;" rows="4" cols="42" name="address" maxlength="2000" minlength="30" placeholder="Candidate Address" required></textarea><br>
                                            Offered CTC: <input type="number" name="offered_ctc" placeholder="Monthly Offered CTC in Rupees" min="0" max="8" step=".01"><br>
                                            Comments : <textarea style="width:100%;" rows="4" cols="42" name="comments" maxlength="2000" minlength="30" placeholder="Add comments" required></textarea><br>

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


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

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







                        <td>
                            <nobr><a onclick="offer_form({{h.id}});"><i class="fa fa-fw fa-arrow-circle-up" style="color: green;"></i>Gen_Offer_Letter</a></nobr>
                            <br>
                            <nobr><a onclick="appointment_form({{h.id}});"><i class="fa fa-fw fa-arrow-circle-up" style="color: green;"></i>Gen_Appointment_Letter</a></nobr>
                            <br>
                            <nobr><a href="/hr-management/edit/{{ h.id }}/"><i class="fa fa-fw fa-edit" style="color: #000000;"></i>Edit Candidate Details</a></br>
                        </td>

                        <div class="modal fade" id="GenOffer_popup_modal{{h.id}}" role="dialog">
                            <div class="modal-dialog" style="width:30%;">
                                <!-- Modal content-->
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <button type="button" class="close offer_popup_modal_close" data-dismiss="modal">&times;</button>
                                        <h4 class="modal-title"><b>Generate Offer Letter</b></h4>
                                    </div>
                                    <div class="modal-body">
                                        <form method="POST" id="generate_offer{{h.id}}" action="/generate-offer-letter/" enctype="multipart/form-data">{% csrf_token %}
                                            <br><br>
                                            <input type="hidden" name="hid" value="{{h.id}}"><br>
                                            Ref : <input type="text" name="ref" required><br><br>
                                    </div>
                                    <div class="modal-footer">
                                        <input type="submit" value="Generate" class="btn btn-default pull-left offer_popup_modal_close" id="generate_offer{{h.id}}"></input>

                                    </div>
                                    </form>
                                </div>
                            </div>
                        </div>

                        <div class="modal fade" id="GenAppointment_popup_modal{{h.id}}" role="dialog">
                            <div class="modal-dialog" style="width:30%;">
                                <!-- Modal content-->
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <button type="button" class="close appointment_popup_modal_close" data-dismiss="modal">&times;</button>
                                        <h4 class="modal-title"><b>Generate Appointment Letter</b></h4>
                                    </div>
                                    <div class="modal-body">
                                        <form method="POST" id="generate_appointment{{h.id}}" action="/generate-appointment-letter/" enctype="multipart/form-data">{% csrf_token %}
                                            <br><br>
                                            <input type="hidden" name="hid" value="{{h.id}}"><br>
                                            Ref : <input type="text" name="ref" required><br><br>
                                    </div>
                                    <div class="modal-footer">
                                        <input type="submit" value="Generate" class="btn btn-default pull-left appointment_popup_modal_close" id="generate_appointment{{h.id}}"></input>

                                    </div>
                                    </form>
                                </div>
                            </div>
                        </div>

                        <td>
                            <nobr><a href="/{{h.offer_letter}}"><i class="fa fa-fw fa-arrow-circle-down" style="color: green;"></i>Download_Offer_Letter</a></nobr>
                            <br>
                            <nobr><a href="/{{ h.appointment_letter }}/"><i class="fa fa-fw fa-arrow-circle-down" style="color: green;"></i>Download_Appointment_Letter</a></nobr>

                        </td>
                        <td>
                            {% if h.offer_letter_sent_on == None %}
                            <nobr><a href="/send_offer_letter/{{ h.id }}/" class="btn btn-block btn-dropbox offer_letter" style="text-align:center;">Send Offer Letter</a></nobr>
                            {{"Not Sent Yet"}}
                            {% else %}
                            <nobr><a href="/send_offer_letter/{{ h.id }}/" class="btn btn-block btn-dropbox offer_letter" style="text-align:center;">Resend Offer Letter</a></nobr>
                            {{h.offer_letter_sent_on}}
                            {% endif %}
                            <br>
                            {% if h.appointment_letter_sent_on == None %}
                            <nobr><a href="/send_appointment_letter/{{ h.id }}/" class="btn btn-block btn-dropbox appointment_letter" style="text-align:center;">Send Appointment Letter</a></nobr>
                            {{"Not Sent Yet"}}
                            {% else %}
                            <nobr><a href="/send_appointment_letter/{{ h.id }}/" class="btn btn-block btn-dropbox appointment_letter" style="text-align:center;">Resend Appointment Letter</a></nobr>
                            {{h.appointment_letter_sent_on}}
                            {% endif %}
                        </td>
                    </tr>
                    {% endfor %}
                    </tfoot>
                </table>
            </div>


            <div id="detail" class="box-body">
                <div align="center"><b>Employee Details</b></div>
                <table id="example2" class="table table-bordered table-striped">
                    <thead>
                    <tr>
                        <th>Candidate Name</th>
                        <th>Client</th>
                        <th>Date of Joining</th>
                        <th>CTC</th>
                        <th>Salary Slip</th>
                    </tr>
                    </thead>
                    <tbody>
                    {% for h in candidates %}
                    <tr>
                        <td>{{ h.candidate }}</td>
                        <td>{{ h.client }}</td>
                        <td>{{ h.joining_date }}</td>
                        <td>{{ h.ctc }}</td>
                        <td>
                            <nobr><a href="/{{h.salary_slip}}/"><i class="fa fa-fw fa-arrow-circle-down" style="color: green;"></i>Download_Salary_Slip</a></nobr><br>
                        </td>
                    </tr>
                    {% endfor %}
                    </tfoot>
                </table>
            </div>


            <div id="slip" class="box-body">
                <div align="center"><b>Salary Slips</b></div><br><br>
                <!--<div width="25%"><a onclick="show_form();">Generate Salary Slips</a></div>-->
                <a href="/hr-management/add/" class="btn btn-block btn-social btn-dropbox btn-adjustment" style=" width:120px; text-align:center;">
                    Add Employee
                </a><br>
                <table id="example3" class="table table-bordered table-striped">
                    <thead>
                    <tr>
                        <th>Candidate Name</th>
                        <th>Email Id</th>
                        <th>Client</th>
                        <th>Designation</th>
                        <th>Offered ctc</th>
                        <th>joining_date</th>
                        <th>Action</th>
                        <th>send</th>
                        <!--<th><a><i class="fa fa-fw fa-arrow-circle-up" style="color: green;"></i>Send to all</a></th>-->
                        <!--<th>Sent on</th>-->
                    </tr>
                    </thead>
                    <tbody>
                    {% for h in candidates %}
                    <tr>
                        <td>{{ h.candidate}}</td>
                        <td>{{ h.email }}</td>
                        <td>{{ h.client }}</td>
                        <td>{{ h.designation }}</td>
                        <td>{{ h.offered_ctc }}</td>
                        <td>{{ h.joining_date }}</td>
                        <td>
                            <nobr><a onclick="salary_form({{h.id}});"><i class="fa fa-fw fa-arrow-circle-up" style="color: green;"></i>Gen_Salary_Slip</a></nobr><br>
                            <nobr><a onclick="view_salary_form({{h.id}});"><i class="fa fa-fw fa-arrow-circle-down" style="color: green;"></i>Download_Salary_Slip</a></nobr><br>
                            <nobr><a href="/hr-management/edit/{{ h.id }}/"><i class="fa fa-fw fa-edit" style="color: #000000;"></i>Edit Employee Details</a></nobr><br>
                        </td>
                        <div class="modal fade" id="GenSalary_popup_modal{{h.id}}" role="dialog">
                            <div class="modal-dialog" style="width:20%;">
                                <!-- Modal content-->
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <button type="button" class="close salary_popup_modal_close" data-dismiss="modal">&times;</button>
                                        <h4 class="modal-title"><b>Generate Salary Slip</b></h4>
                                    </div>
                                    <div class="modal-body">
                                        <form method="POST" id="generate_salary{{h.id}}" action="/generate_salary_slip/" enctype="multipart/form-data">{% csrf_token %}
                                            <br><br>
                                            <input type="hidden" name="hid" value="{{h.id}}"><br>
                                            Total Leaves Availed: <input style="float:right" type="number" name="total_leaves_availed" placeholder="2.5" min="0" max="5" step=".01">
                                            <br><br>
                                            Month:		<select name="month" style="float:right">
                                                <option value="1">JANAURY</option>
                                                <option value="2">FEBRUARY</option>
                                                <option value="3">MARCH</option>
                                                <option value="4">APRIL</option>
                                                <option value="5">MAY</option>
                                                <option value="6">JUNE</option>
                                                <option value="7">JULY</option>
                                                <option value="8">AUGUST</option>
                                                <option value="9">SEPTEMBER</option>
                                                <option value="10">OCTOBER</option>
                                                <option value="11">NOVEMBER</option>
                                                <option value="12">DECEMBER</option>
                                            </select><br><br>
                                            Year:		<select name="year" style="float:right">
                                                <option value="2018">2018</option>
                                                <option value="2019">2019</option>
                                                <option value="2020">2020</option>
                                                <option value="2021">2021</option>
                                                <option value="2022">2022</option>
                                            </select><br><br>
                                    </div>
                                    <div class="modal-footer">
                                        <input type="submit" value="Generate" class="btn btn-default pull-left salary_popup_modal_close" id="generate_salary{{h.id}}"></input>

                                    </div>
                                    </form>
                                </div>
                            </div>
                        </div>

                        <div class="modal fade" id="ViewSalary_popup_modal{{h.id}}" role="dialog">
                            <div class="modal-dialog" style="width:20%;">
                                <!-- Modal content-->
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <button type="button" class="close view_salary_popup_modal_close" data-dismiss="modal">&times;</button>
                                        <h4 class="modal-title"><b>Download Salary Slip</b></h4>
                                    </div>
                                    <div class="modal-body">
                                        <form method="POST" id="view_salary{{h.id}}" action="/view_salary_slip/" enctype="multipart/form-data">{% csrf_token %}
                                            <br><br>
                                            <input type="hidden" name="hid" value="{{h.id}}"><br>
                                            <br><br>
                                            Month:		<select name="month" style="float:right">
                                                <option value="1">JANAURY</option>
                                                <option value="2">FEBRUARY</option>
                                                <option value="3">MARCH</option>
                                                <option value="4">APRIL</option>
                                                <option value="5">MAY</option>
                                                <option value="6">JUNE</option>
                                                <option value="7">JULY</option>
                                                <option value="8">AUGUST</option>
                                                <option value="9" selected>SEPTEMBER</option>
                                                <option value="10">OCTOBER</option>
                                                <option value="11">NOVEMBER</option>
                                                <option value="12">DECEMBER</option>
                                            </select><br><br>
                                            Year:		<select name="year" style="float:right">
                                                <option value="2018">2018</option>
                                                <option value="2019">2019</option>
                                                <option value="2020">2020</option>
                                                <option value="2021">2021</option>
                                                <option value="2022">2022</option>
                                            </select><br><br>
                                    </div>
                                    <div class="modal-footer">
                                        <input type="submit" value="Download" class="btn btn-default pull-left view_salary_popup_modal_close" id="view_salary{{h.id}}"></input>

                                    </div>
                                    </form>
                                </div>
                            </div>
                        </div>

                        <td>
                            <!--{% if h.monthly_slip_details.salary_slip_sent_on == None %}-->
                            <nobr><a onclick="send_salary_form({{h.id}});" class="btn btn-block btn-dropbox offer_letter" style="text-align:center;">Send Salary Slip</a></nobr>
                            {{h.id | salary_slip_sent_on }}
                            <!--{{"Not Sent Yet"}}-->
                            <!--{% else %}
                                <nobr><a onclick="send_salary_form({{h.id}});" class="btn btn-block btn-dropbox offer_letter" style="text-align:center;">Resend Salary Slip</a></nobr>
                                {{h.monthly_slip_details.salary_slip_sent_on}}
                            {% endif %}-->
                        </td>

                        <div class="modal fade" id="SendSalary_popup_modal{{h.id}}" role="dialog">
                            <div class="modal-dialog" style="width:20%;">
                                <!-- Modal content-->
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <button type="button" class="close send_salary_popup_modal_close" data-dismiss="modal">&times;</button>
                                        <h4 class="modal-title"><b>Send Salary Slip</b></h4>
                                    </div>
                                    <div class="modal-body">
                                        <form method="POST" id="send_salary{{h.id}}" action="/send_salary_slip/" enctype="multipart/form-data">{% csrf_token %}
                                            <br><br>
                                            <input type="hidden" name="hid" value="{{h.id}}"><br>
                                            <br><br>
                                            Month:		<select name="month" style="float:right">
                                                <option value="1">JANAURY</option>
                                                <option value="2">FEBRUARY</option>
                                                <option value="3">MARCH</option>
                                                <option value="4">APRIL</option>
                                                <option value="5">MAY</option>
                                                <option value="6">JUNE</option>
                                                <option value="7">JULY</option>
                                                <option value="8">AUGUST</option>
                                                <option value="9" selected>SEPTEMBER</option>
                                                <option value="10">OCTOBER</option>
                                                <option value="11">NOVEMBER</option>
                                                <option value="12">DECEMBER</option>
                                            </select><br><br>
                                            Year:		<select name="year" style="float:right">
                                                <option value="2018">2018</option>
                                                <option value="2019">2019</option>
                                                <option value="2020">2020</option>
                                                <option value="2021">2021</option>
                                                <option value="2022">2022</option>
                                            </select><br><br>
                                    </div>
                                    <div class="modal-footer">
                                        <input type="submit" value="Send" class="btn btn-default pull-left send_salary_popup_modal_close" id="send_salary{{h.id}}"></input>

                                    </div>
                                    </form>
                                </div>
                            </div>
                        </div>

                    </tr>
                    {% endfor %}
                    </tfoot>
                </table>
                <!-- /.box-body -->

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


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





    <!-- jQuery 3 -->
    <script src="/static/bower_components/jquery/dist/jquery.min.js"></script>
    <!-- Bootstrap 3.3.7 -->
    <script src="/static/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
    <!-- DataTables -->
    <script src="/static/bower_components/datatables.net/js/jquery.dataTables.min.js"></script>
    <script src="/static/bower_components/datatables.net-bs/js/dataTables.bootstrap.min.js"></script>
    <!-- SlimScroll -->
    <script src="/static/bower_components/jquery-slimscroll/jquery.slimscroll.min.js"></script>
    <!-- FastClick -->
    <script src="/static/bower_components/fastclick/lib/fastclick.js"></script>
    <!-- AdminLTE App -->
    <script src="/static/dist/js/adminlte.min.js"></script>
    <!-- AdminLTE for demo purposes -->
    <script src="/static/dist/js/demo.js"></script>
    <!-- page script -->



    <script>
function show_form()
{
	$("#GenSalaryslip_popup_modal").modal('show');
}

function offer_form(hid)
{
	
	$("#GenOffer_popup_modal"+hid).modal('show');
}

function appointment_form(hid)
{
	
	$("#GenAppointment_popup_modal"+hid).modal('show');
}

function salary_form(hid)
{
	
	$("#GenSalary_popup_modal"+hid).modal('show');
}

function view_salary_form(hid)
{
	
	$("#ViewSalary_popup_modal"+hid).modal('show');
}

function send_salary_form(hid)
{
	
	$("#SendSalary_popup_modal"+hid).modal('show');
}

</script>
    <script>
  $(function () {
  $('#example1').DataTable({
  "scrollX": true,
  "order": [[0, "asc"]],
  "aoColumnDefs": [
      { "bSearchable": false, "aTargets": [ 5 ] }
    ]

  });
  })
</script>
    <script>
  $(function () {
    $('#example2').DataTable({

    });
    $('#example3').DataTable({

    });
  })
</script>
    <script>
$(document).ready(function(){

	
	$(".offer_popup_modal_close").click(function(){
        $("#GenOffer_popup_modal").modal('hide');
    });	
	$(".appointment_popup_modal_close").click(function(){
        $("#GenAppointment_popup_modal").modal('hide');
    });
	$(".salary_popup_modal_close").click(function(){
        $("#GenSalary_popup_modal").modal('hide');
    });	
	$(".view_salary_popup_modal_close").click(function(){
        $("#ViewSalary_popup_modal").modal('hide');
    });
	$(".send_salary_popup_modal_close").click(function(){
        $("#SendSalary_popup_modal").modal('hide');
    });


	 $('#letter').hide();
	 $('#detail').hide();

	 $("#slips").click(function(){
		$('#slip').show();
		$('#detail').hide();
		$('#letter').hide();
	 });

	 $("#details").click(function(){
		$('#slip').hide();
		$('#detail').show();
		$('#letter').hide();
	 });

	 $("#letters").click(function(){
		$('#slip').hide();
		$('#detail').hide();
		$('#letter').show();
	 });
});
</script>



    <script>

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

function updateinterviewstatus(rid)
{
	var status = $("#interview_status"+rid).val();
	if (status == 27)
	{
		$('#sch_modal_stage'+rid).val(3);
		$('#scheduleModal'+rid).modal('show');
	}
	else if ( status == 28 ){
		$('#joi_modal_stage'+rid).val(7);
		$('#joiningModal'+rid).modal('show');
	}
	else
	{
		$('#com_modal_status'+rid).val(status);
		$('#commentModal'+rid).modal('show');
	}
}
</script>


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

//$('input[type=search]')
//    .wrap('<span>')
//    .after('<span class="clear">&#x2715;</span>')
//    .parent()
//    .on('mouseenter mouseleave', function(e){
//        $(this).toggleClass('focused');
//    })
//    .find('span.clear')
//    .on('click', function(e){
//        $(this).parent().find('input').val('');
//    });	
	var now = new Date();
	var month = (now.getMonth() +1);
	var hours = now.getHours();
	var minutes = now.getMinutes();
	if (minutes < 10){
		minutes = "0" + minutes;
	}
	if (hours < 10){
		hours = "0" + hours;
	}
	if (month < 10){
		month = "0" + month;
	}
	var date = now.getDate();
	if (date < 10){
		date = "0" + date;
	}
	var datetime = now.getFullYear() + "-" + month + "-" + date;
	 var date = datetime.toString();
     $("input#joining_date").attr("min",date);
	 $("input#sch_date_time").attr("min",date+"T" +hours + ":" + minutes +":" + "00");
});
</script>
    <script>
  $('.dis_button').on('click',function()
  {
  var form_id = $(this).prop('id');
    $(this).val('Add comments').attr('disabled','disabled');
    $("#"+form_id).submit();
})
</script>

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

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

</script>



    {% endblock midpart %}