{% load rmtmgmt_tags %}
<div id="id_div_actions">
    <!--
    <a onclick="time_span_profiles(1);" style="cursor:pointer;">Current Month</a>
    <a onclick="time_span_profiles(2);" style="margin-left:2%;cursor:pointer;">Previous Month</a>
    <a onclick="time_span_profiles(3);" style="margin-left:2%;cursor:pointer;">Current Quarter</a>
    <a onclick="time_span_profiles(4);" style="margin-left:2%;cursor:pointer;">Previous Quarter</a>
    <br><br>
    -->
    <!--{% if sent_to_client|length %}-->
        <!--<table style="width:13.5%;border-color:#D8D8D8;float:left;background-color:#E6E6E6;height:190px;">-->
            <!--<thead>-->
                <!--<tr style="height:35px;color:#848484">-->
                    <!--<th style="text-align:center;width:14%;">Sent To Client</th>-->
                <!--</tr>-->
            <!--</thead>-->
            <!--<tbody>-->
                <!--<tr style="height:25px;font-size:16px;">-->
                    <!--<td style="text-align:left;">-->
                        <!--&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-->
                        <!--&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ sent_to_client|length }}-->
                    <!--</td>-->
                <!--</tr>-->
                <!--<tr valign="top">-->
                    <!--<td>-->
                        <!--{% for data in sent_to_client|slice:'0:5' %}-->
                            <!--<a onclick="get_candidate_details({{ data.id }}, 0)" style="cursor:pointer;margin-left:8%;color:{{ data.requirement.client.calendar_colour }};">-->
                                <!--{{ data.first_name|get_full_name:data.last_name }}</a><br>-->
                        <!--{% endfor %}-->
                    <!--</td>-->
                <!--</tr>-->
                <!--{% if sent_to_client|length > 5 %}-->
                    <!--<tr>-->
                        <!--<td>-->
                            <!--<a onclick="get_candidate_details(0, 1)" style="cursor:pointer;color:#E36FF5;font-size:14px;margin-left:68%;">More...</a>-->
                        <!--</td>-->
                    <!--</tr>-->
                <!--{% endif %}-->
            <!--</tbody>-->
        <!--</table>-->
    <!--{% endif %}-->

    {% if feedback_pending|length %}

        <table style="width:13.5%;border-color:black;margin-left:1%;float:left;background-color:#87ceeb;height:190px;">
            <thead>
                <tr style="height:35px;color:black">
                    <th style="text-align:center;width:14%;">Feedback Pending</th>
                </tr>
            </thead>
            <tbody>
                <tr style="height:25px;font-size:16px;">
                    <td style="text-align:left;">
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ feedback_pending|length }}
                    </td>
                </tr>
                <tr valign="top">
                    <td>
                        {% for data in feedback_pending|slice:'0:5' %}
                            <a onclick="get_candidate_details({{ data.id }}, 0)" style="cursor:pointer;margin-left:8%;color:{{ data.requirement.client.calendar_colour }};">
                                {{ data.first_name|get_full_name:data.last_name }}</a><br>
                        {% endfor %}
                    </td>
                </tr>
                {% if feedback_pending|length > 5 %}
                    <tr>
                        <td>
                            <a onclick="get_candidate_details(0, 2)" style="cursor:pointer;color:green;font-size:14px;margin-left:68%;">More...</a>
                        </td>
                    </tr>
                {% endif %}
            </tbody>
        </table>
    {% endif %}

    {% if client_interview_scheduled|length %}
        <table style="width:13.5%;border-color:#D8D8D8;margin-left:1%;float:left;background-color:#D8D8D8;height:190px;">
            <thead>
                <tr style="height:35px;color:black">
                    <th style="text-align:center;width:14%;">Interview Scheduled</th>
                </tr>
            </thead>
            <tbody>
                <tr style="height:25px;font-size:16px;">
                    <td style="text-align:left;">
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ client_interview_scheduled|length }}
                    </td>
                </tr>
                <tr valign="top">
                    <td>
                        {% for data in client_interview_scheduled|slice:'0:5' %}
                            <a onclick="get_candidate_details({{ data.id }}, 0)" style="cursor:pointer;margin-left:8%;color:{{ data.requirement.client.calendar_colour }};">
                                {{ data.first_name|get_full_name:data.last_name }}</a><br>
                        {% endfor %}
                    </td>
                </tr>
                {% if client_interview_scheduled|length > 5 %}
                <tr>
                    <td>
                        <a onclick="get_candidate_details(0, 3)" style="cursor:pointer;color:green;font-size:14px;margin-left:68%;">More...</a>
                    </td>
                </tr>
                {% endif %}
            </tbody>
        </table>
    {% endif %}

    {% if offers|length %}
        <table style="width:13.5%;border-color:#D8D8D8;margin-left:1%;float:left;background-color:#48C9B0;height:190px;">
            <thead>
                <tr style="height:35px;color:black">
                    <th style="text-align:center;width:14%;">Offers</th>
                </tr>
            </thead>
            <tbody>
                <tr style="height:25px;font-size:16px;">
                    <td style="text-align:left;">
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ offers|length }}
                    </td>
                </tr>
                <tr valign="top">
                    <td>
                        {% for data in offers|slice:'0:5' %}
                            <a onclick="get_candidate_details({{ data.id }}, 0)" style="cursor:pointer;margin-left:8%;color:{{ data.requirement.client.calendar_colour }};">
                                {{ data.first_name|get_full_name:data.last_name }}</a><br>
                        {% endfor %}
                    </td>
                </tr>
                {% if offers|length > 5 %}
                <tr>
                    <td>
                        <a onclick="get_candidate_details(0, 5)" style="cursor:pointer;color:green;font-size:14px;margin-left:68%;">More...</a>
                    </td>
                </tr>
                {% endif %}
            </tbody>
        </table>
    {% endif %}

    {% if joinees|length %}
        <table style="width:13.5%;border-color:#D8D8D8;margin-left:1%;float:left;background-color:#E59866;height:190px;">
            <thead>
                <tr style="height:35px;color:black">
                    <th style="text-align:center;width:14%;">Joinees</th>
                </tr>
            </thead>
            <tbody>
                <tr style="height:25px;font-size:16px;">
                    <td style="text-align:left;">
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ joinees|length }}
                    </td>
                </tr>
                <tr valign="top">
                    <td>
                        {% for data in joinees|slice:'0:5' %}
                            <a onclick="get_candidate_details({{ data.id }}, 0)" style="cursor:pointer;margin-left:8%;color:{{ data.requirement.client.calendar_colour }};">
                                {{ data.first_name|get_full_name:data.last_name }}
                            </a><br>
                        {% endfor %}
                    </td>
                </tr>
                {% if joinees|length > 5 %}
                <tr>
                    <td>
                        <a onclick="get_candidate_details(0, 6)" style="cursor:pointer;color:green;font-size:14px;margin-left:68%;">More...</a>
                    </td>
                </tr>
                {% endif %}
            </tbody>
        </table>
    {% endif %}
</div>

<script>
    function time_span_profiles(span)
    {
         $.ajax({
            url : "/get_time_span_dashboard_profiles/",
            type : "POST",
            dataType: "json",
            async: false,
            data : {
                span : span,
                csrfmiddlewaretoken: '{{ csrf_token }}'
            },
            success : function(json)
            {
               $("#id_div_actions").html(json.response);
            },
            error : function(xhr,errmsg,err)
            {
                alert(xhr.status + ": " + xhr.responseText);
            }
        });
    }
</script>