{% load rolemgmt_tags %}
{% load rmtmgmt_tags %}

{% if all_list %}
<div align="center">
    {% if time_span != "today" and time_span != "yesterday" %}
    <b style="padding-right: 20px;">
        <a href="/ta_reports/{{ prev_link }}/">
            <img src="/static/images/previous.png" style="width:25px;">
        </a>
    </b>
    {% endif %}
    <b style="font-size:24px;">Client Specific Details</b>
    {% if time_span != "today" and time_span != "yesterday" %}
    <b style="padding-left: 20px;">
        {% if readonly_tag %}
        <a style="color:grey;">
            <img src="/static/images/next.png" style="width:25px;">
        </a>
        {% else %}
        <a href="/ta_reports/{{ next_link }}/">
            <img src="/static/images/next.png" style="width:25px;">
        </a>
        {% endif %}
    </b>
    {% endif %}
    <div class="col-sm-8 col-sm-offset-2"><span style="font-size:18px;">{{ start_date|date }} - {{ to_date|date }}</span></div>
</div>
<div style="float:right">
    <button onclick="import_client_specific_excel();">Import</button>
</div>
<div style="margin-left:1%;">
<table id="example3" class="table table-bordered table-striped" style="width:98%;">
    <thead>
    <tr>
        <th style="width:140px;">Requirement</th>
        {% for stage in stages %}
        <th>{{ stage.stage }}</th>
        {% endfor %}
        <th>Feedback Pending</th>
        <th>Interview No Shows</th>
        <th>Joining No Shows</th>
    </tr>
    </thead>
    <tbody id="client_req_details{{client.id}}">



    {% for data in all_list %}
    <tr style='background-color:;text-align:center;'>
        <td style='padding-left:1em;text-align:left; min-width:200px;'>
            {% with data.1.id|req_age as req_age %}
            <a onclick="get_req_details({{ data.1.id }});" style="cursor:pointer;">{{ data.1.position_name }} </a> <!--/bd-dashboard/?&search={{data.1.client_requirement_id}}-->
            <span style="height: 20px;width: 20px;background-color:#777;border-radius: 50%;text-align:center;display: inline-block; font-size:12px;" class="dot">{{ data.1.open_position }}p</span>
            <label class="badge">{{ req_age }}d</label>
            <button class="btn_collapse" onclick="show_resume_details('{{data.1.id}}');" style="float:right;" value="+" id="req_id_expand_{{data.1.id}}">
                +
            </button>
            <br><span style="font-size:10px;">Cumulative %</span><br>


            {% endwith %}

        </td>

        {% for stage in data.5 %}
            {% if stage.1 %}
                <td class='resume_call' link='/show_req_resume_reports/{{ data.0.id }}/{{ data.1.id }}/{{ stage.0.id }}/0/{{ start_date }}/{{ end_date }}/'>
                    <a>{{ stage.1 }}</a>
                    {% with data.5.0.2|resume_percentage:stage.0 as per %}
                        <!--<br>{{ per.0 }}-->
                    <br><span style="font-size:10px;">{{ per.1 }}</span>
                    {% endwith %}
                </td>
            {% else %}
        <td>0<br><span style="font-size:10px;">0.0</span></td>
            {% endif %}
        {% endfor %}
        {% if data.2 %}
            <td class='resume_call' link='/show_req_resume_reports/{{ data.0.id }}/{{ data.1.id }}/0/1/{{ start_date }}/{{ end_date }}/'>
                <a>{{ data.2 }}</a>
            </td>
        {% else %}
            <td>0</td>
        {% endif %}
        {% if data.3 %}
            <td class='resume_call' link='/show_req_resume_reports/{{ data.0.id }}/{{ data.1.id }}/0/2/{{ start_date }}/{{ end_date }}/'>
                <a>{{ data.3 }}</a>
            </td>
        {% else %}
            <td>0</td>
        {% endif %}
        {% if data.4 %}
            <td class='resume_call' link='/show_req_resume_reports/{{ data.0.id }}/{{ data.1.id }}/0/3/{{ start_date }}/{{ end_date }}/'>
                <a>{{ data.4 }}</a>
            </td>
        {% else %}
            <td>0</td>
        {% endif %}

    </tr>



    <tr class="collapse_resume_table noExport" id="resume_table_{{data.1.id}}" style="display:none">
        <td colspan="11" >
        <table class="table table-bordered table-striped" style="width:100%;">
            <tr>
                <th>Name</th>
                <th>Contact Details</th>
                <th>Exp/CTC/ECTC/NP</th>
                <th>Stage</th>
                <th>State</th>
                <th>Date</th>
                <th>TA</th>
            </tr>
            <tbody>
            {% for res in data.5.0.2 %}
            <tr>
                <td>{{res.first_name}}</td>
                <td>
                    {{res.mobile}}<br/>
                    {{res.email}}
                </td>
                <td>
                    {{res.experience}}/{{res.ctc}}/{{res.ectc}}/{{res.notice_period}}
                </td>
                <td>
                    {{res.stage.stage}}
                </td>
                <td>
                    {{res.status}}
                </td>
                <td>
                    {{res.created_on}}
                </td>
                <td>
                    {{res.created_by}}
                </td>

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




    </tbody>

</table>
</div>
{% else %}
<div style="text-align:center; font-weight:600; font-size:16px;">
    No results found
</div>
{% endif %}