{% extends "layout.html.twig" %}

{% block title %}Daf Admin{% endblock %}

{% block pageheader %}Daf Admin{% endblock %}

{% block body %}
    <div class="row">
        <div class="header-daf">
            <a class="btn btn-primary btn-lg back-campaign" href="{{ path('self_advertiser_daf_admin', {'id': advertiser.id}) }}">DAF's list</a>
        </div>
        <div class="col-md-3"></div>
        <div class="col-md-6">
            <h2 style="text-align: center">Instance {{ infoInstance.nameInstance }}</h2>
        </div>
        <div class="col-md-3"></div>
    </div>
    <div class="row">
        <div class="col-md-3"></div>
        <div class="col-md-6 b-margin t-margin" style="text-align: center">
            {% if nbAppliesInstance > 1 %}
                <small>There are <strong>{{ nbAppliesInstance }}</strong> applies for this DAF.</small>
                {% if countChar > 1 %}
                    <form action="https://applies.wan2bee.com/?all=all" method="POST">
                        <button type="submit" class="btn btn-primary">Download applies not read &nbsp;<i class="glyphicon glyphicon-download-alt" style="color: white;"></i></button>
                        <input type="hidden" value="{{ linkAll }}" name="linkAll">
                    </form>
                {% endif %}
            {% else %}
                <small>There is <strong>{{ nbAppliesInstance }}</strong> apply for this DAF.</small>
            {% endif %}
        </div>
        <div class="col-md-3"></div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <div class="table-responsive">
                <table id="applies" class="table table-bordered table-hover table-condensed table-striped">
                    <thead>
<<<<<<< HEAD
                        <th>Candidate</th>
                        <th>Mail</th>
                        <th>Phone</th>
                        <th>Ad</th>
                        <th>Location</th>
                        <th>Date</th>
                        <th>Download</th>
=======
                        {% for head in headTab %}
                            <th>{{ head }}</th>
                        {% endfor %}
>>>>>>> master
                    </thead>
                    <tbody>
                    {% for oneApply in tabApplies %}
                        <tr data-id="{{ oneApply.id }}" data-instance="{{ oneApply.idDafInstance }}" data-user="{{ app.user.id }}">
                            <td>
                                    {% if oneApply.checkUserId is defined and oneApply.checkApplyId is defined %}
                                        {% if oneApply.checkUserId == app.user.id and oneApply.checkApplyId == oneApply.id %}
                                            <span id="a{{ oneApply.id }}" class="greyColor">{{ oneApply.name }} {{ oneApply.firstname }}</span>
                                        {% endif %}
                                    {% else %}
                                        <span id="a{{ oneApply.id }}">{{ oneApply.name }} {{ oneApply.firstname }}</span>
                                        <span class="noDl" id="new{{ oneApply.id }}" style="color: red;font-style: italic;font-weight: bold">Non lu!</span>
                                    {% endif %}
                            </td>
                            <td>
                                {{ oneApply.email }}
                            </td>
                            <td>
                                {{ oneApply.phone }}
                            </td>
                            <td>
                                <a href="{{ oneApply.jobLink }}" target="_blank" style="text-decoration: underline">{{ oneApply.job }}</a>
                            </td>
                            <td>
                                {{ oneApply.city }}
                            </td>
                            {% for custom in oneApply.customData %}
                                <td>
                                    {{ custom }}
                                </td>
                            {% endfor %}
                            <td>
                                {{ oneApply.date }}
                            </td>
                            <td style="text-align: center;">
                                <a href="http://applies.wan2bee.com/?t={{ oneApply.link }}" class="btn btn-primary" name="download">
                                    <i class="glyphicon glyphicon-download-alt" style="color: white;"></i>
                                </a>
                            </td>
                        </tr>
                    {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
    </div>
{% endblock %}

{% block specificJS %}
    <script>
        $(document).ready(function(){
            $('[name=download]').on('click', function(e){
                var applyId = $(this).closest('tr').data('id');
                $('#a'+applyId).addClass('greyColor');
                $('#new'+applyId).remove();
            });

            var btnDlAll = $('[name=dlAll]');

            if ($('.noDl').size() < 2) {
                btnDlAll.on('click', function(e) {
                    e.preventDefault();
                });
            } else {
                btnDlAll.on('click', function() {
                    $.each($('.noDl'), function() {
                        var appliesId = $(this).closest('tr').data('id');
                        $('#a'+appliesId).addClass('greyColor');
                        $('#new'+appliesId).remove();
                    });
                });
            }
            var size = {{ columnNumber }};

            $('.table-responsive').css({'overflow': 'hidden'});
            $('#applies').DataTable({
                "info": false,
                "order": [size - 1, 'desc'],
                "columnDefs": [
                    { "orderable": false, "targets": [1, 2, size] }
                ]
            });
        });
    </script>
{% endblock %}