{%if follow_id%}
<table id="followup_tracker_history" class="table table-bordered table-striped" style="width:100%">
    <thead >
    <tr >
        <th>Date</th>
        <th>Manager <br></th>
        <th>Candidate Name <br></th>

    </tr>

    </thead>

    <tbody>
            {%for follow_id in follow_id%}
        <tr >

            <td>
                <input type="checkbox" id="id_followup2{{follow_id.id}}" name="follow_up2" value="{{follow_id.id}}">{{follow_id.created_on}}
            </td>
            <td>{{follow_id.requirement.manager}}</td>
            <td>
                 {%for name in follow_id.member.all %}
                    {{name.resume.first_name}},

                {%endfor%}
            </td>
        </tr>

            {%endfor%}
    </tbody>
</table>
{%else%}
 <p style="padding-left:30%;">NO Data Available</p>
{%endif%}


<div class="modal fade" id="id_follow_up2_send" role="dialog">
    <div class="modal-dialog">
    <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <div class="modal-body">
                <form>
                    <table width="100%">
                        <tr>
                            <td class="col-xs-2">Subject</td>
                            <td><input type="text" name="tracker_subject" id="id_follow_up2_tracker_subject"
                                       style="margin-top:5px;" class="form form-control" required></td>
                        </tr>
                        <tr>

                            <td></td>

<!--                            <td>-->

<!--                                <textarea name="tracker_message" id="id_follow_up2_tracker_message"-->
<!--                                          style="margin-top:5px;" class="form form-control" rows="4"></textarea></td>-->
                            <td id="id_follow_up2_tracker_message" rowspan="2" colspan="3" style="margin-bottom:80px;"></td>

                       </tr>

                    </table>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" id="id_btn_follow_up2_send_tracker"
                      onclick="send_tracker2();"  >Send</button>
            </div>
        </div>
    </div>
</div>


<!-- 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>





<script>
    $(function()
    {
        $("#followup_tracker_history").DataTable(
        {
         "ordering": false,
        });
         $('.dataTables_filter').parent().addClass('pull-left');
        $('.dataTables_length').parent().addClass('pull-right');
        $('.dataTables_length').addClass('pull-right');
        $('.dataTables_filter').addClass('pull-left');

    });




    function send_tracker2()
    {
        $("#id_btn_follow_up2_send_tracker").attr("disabled", true);
         var req2 = new Array();
        $("input[name='follow_up2']:checked").each(function() {
            req2.push($(this).val());

           });
           message = $("#id_follow_up2_tracker_message").html();
           subject = $("#id_follow_up2_tracker_subject").val();
         $.ajax({
            url : "/send_tracker2/",
            type : "POST",
            dataType: "json",
            async: false,
            data : {
                 req2 : req2,
                 message:message,
                 subject:subject,
                csrfmiddlewaretoken: '{{ csrf_token }}'
                },

            success : function(json)
            {
                alert(json.response);
                $("#id_follow_up2_send").modal("hide");
            },
            error : function(xhr,errmsg,err)
            {
                alert(xhr.status + ": " + xhr.responseText);
            },
        });


    }

</script>