{# -*- mode: jinja-html -*- #}
{% extends 'base.html' %}

{% block styles %}
{{super()}}
<script src="/ScoDoc/static/jQuery/jquery-1.12.4.min.js"></script>
<link rel="stylesheet" type="text/css" href="/ScoDoc/static/DataTables/datatables.min.css">
<script type="text/javascript" charset="utf8" src="/ScoDoc/static/DataTables/datatables.min.js"></script>
{% endblock %}

{% block app_content %}
    {% if logs %}
    <div class="container">
        <h3>Dernières opérations sur cette fiche <a href="{{ url_for('entreprises.logs_entreprise', id=entreprise.id) }}">Voir tout</a></h3>
        <ul>
            {% for log in logs %}
            <li>
                <span style="margin-right: 10px;">{{ log.date.strftime('%d %b %Hh%M') }}</span>
                <span>{{ log.text|safe }} par {{ log.authenticated_user|get_nomcomplet_by_username }}</span>
            </li>
            {% endfor %}
        </ul>
    </div>
    {% endif %}
    
    <div class="container fiche-entreprise">
        <h2>Fiche entreprise - {{ entreprise.nom }} ({{ entreprise.siret }})</h2>

        <div class="entreprise">
            <div>
                SIRET : {{ entreprise.siret }}<br>
                Nom : {{ entreprise.nom }}<br>
                Adresse : {{ entreprise.adresse }}<br>
                Code postal : {{ entreprise.codepostal }}<br>
                Ville : {{ entreprise.ville }}<br>
                Pays : {{ entreprise.pays }}
            </div>
        </div>

        <div>
        {% if current_user.has_permission(current_user.Permission.RelationsEntreprisesChange, None) %}
            <a class="btn btn-primary" href="{{ url_for('entreprises.edit_entreprise', id=entreprise.id) }}">Modifier</a>
            <a class="btn btn-danger" href="{{ url_for('entreprises.fiche_entreprise_desactiver', id=entreprise.id) }}">Désactiver</a>
            <a class="btn btn-primary" href="{{ url_for('entreprises.add_site', id=entreprise.id) }}">Ajouter site</a>
            <a class="btn btn-primary" href="{{ url_for('entreprises.add_offre', id=entreprise.id) }}">Ajouter offre</a>
        {% endif %}
            <a class="btn btn-primary" href="{{ url_for('entreprises.contacts', id=entreprise.id) }}">Liste contacts</a>
            <a class="btn btn-primary" href="{{ url_for('entreprises.offres_expirees', id=entreprise.id) }}">Voir les offres expirées</a>
        </div>


        <div class="sites-et-offres">
            {% if sites %}
            <div>
                <h3>Sites</h3>
                {% for site in sites %}
                <div class="site">
                    Nom : {{ site.nom }}<br>
                    Adresse : {{ site.adresse }}<br>
                    Code postal : {{ site.codepostal }}<br>
                    Ville : {{ site.ville }}<br>
                    Pays : {{ site.pays }}
                    {% if current_user.has_permission(current_user.Permission.RelationsEntreprisesChange, None) %}
                        <br><a class="btn btn-primary" href="{{ url_for('entreprises.add_correspondant', id_entreprise=entreprise.id, id_site=site.id) }}">Ajouter correspondant</a>
                    {% endif %}
                    {% if current_user.has_permission(current_user.Permission.RelationsEntreprisesCorrespondants, None) %}
                        {% for correspondant in site.correspondants %}
                            {% include 'entreprises/_correspondant.html' %}
                        {% endfor %}
                    {% endif %}
                </div>
                {% endfor %}
            </div>
            {% endif %}

            {% if offres %}
            <div>
                <h3>Offres - <a href="{{ url_for('entreprises.offres_expirees', id=entreprise.id) }}">Voir les offres expirées</a></h3>
                {% for offre in offres %}
                    {% include 'entreprises/_offre.html' %}
                {% endfor %}
            </div>
            {% endif %}
        </div>
    </div>
    
    <div style="margin-bottom: 10px;">
        <h3>Liste des stages et apprentissages réalisés au sein de l'entreprise</h3>
        {% if current_user.has_permission(current_user.Permission.RelationsEntreprisesChange, None) %}
        <a class="btn btn-primary" href="{{ url_for('entreprises.add_stage_apprentissage', id=entreprise.id) }}" style="margin-bottom:10px;">Ajouter stage ou apprentissage</a>
        {% endif %}
        <table id="table-stages-apprentissages">
            <thead>
                <tr>
                    <td data-priority="3">Date début</td>
                    <td data-priority="4">Date fin</td>
                    <td data-priority="5">Durée</td>
                    <td data-priority="2">Type</td>
                    <td data-priority="1">Étudiant</td>
                    <td data-priority="6">Formation</td>
                    <td data-priority="7">Notes</td>
                    {% if current_user.has_permission(current_user.Permission.RelationsEntreprisesChange, None) %}
                    <td data-priority="3">Action</td>
                    {% endif %}
                </tr>
            </thead>
            <tbody>
                {% for data in stages_apprentissages %}
                <tr>
                    <td>{{ data[0].date_debut.strftime('%d/%m/%Y') }}</td>
                    <td>{{ data[0].date_fin.strftime('%d/%m/%Y') }}</td>
                    <td>{{ (data[0].date_fin-data[0].date_debut).days//7 }} semaines</td>
                    <td>{{ data[0].type_offre }}</td>
                    <td>{{ data[1].nom|format_nom }} {{ data[1].prenom|format_prenom }}</td>
                    <td>{% if data[0].formation_text %}{{ data[0].formation_text }}{% endif %}</td>
                    <td>{{ data[0].notes }}</td>
                    {% if current_user.has_permission(current_user.Permission.RelationsEntreprisesChange, None) %}
                    <td>
                        <div class="btn-group">
                            <a class="btn btn-default dropdown-toggle" data-toggle="dropdown" href="#">Action
                                <span class="caret"></span>
                            </a>
                            <ul class="dropdown-menu pull-left">
                                <li><a href="{{ url_for('entreprises.edit_stage_apprentissage', id=data[0].id) }}">Modifier</a></li>
                                <li><a href="{{ url_for('entreprises.delete_stage_apprentissage', id=data[0].id) }}" style="color:red">Supprimer</a></li>
                            </ul>
                        </div>
                    </td>
                    {% endif %}
                </tr>
                {% endfor %}
            </tbody>
            <tfoot>
                <tr>
                    <td>Date début</td>
                    <td>Date fin</td>
                    <td>Durée</td>
                    <td>Type</td>
                    <td>Étudiant</td>
                    <td>Formation</td>
                    <td>Notes</td>
                    {% if current_user.has_permission(current_user.Permission.RelationsEntreprisesChange, None) %}
                    <td>Action</td>
                    {% endif %}
                </tr>
            </tfoot>
        </table>
    </div>

    <script>
        document.addEventListener('DOMContentLoaded', function () {
            let table = new DataTable('#table-stages-apprentissages',
            {
                "autoWidth": false,
                "responsive": {
                    "details": true
                },
                "pageLength": 10,
                "language": {
                    "emptyTable": "Aucune donnée disponible dans le tableau",
                    "info": "Affichage de _START_ à _END_ sur _TOTAL_ entrées",
                    "infoEmpty": "Affichage de 0 à 0 sur 0 entrées",
                    "infoFiltered": "(filtrées depuis un total de _MAX_ entrées)",
                    "lengthMenu": "Afficher _MENU_ entrées",
                    "loadingRecords": "Chargement...",
                    "processing":     "Traitement...",
                    "search": "Rechercher:",
                    "zeroRecords": "Aucune entrée correspondante trouvée",
                    "paginate": {
                        "next":       "Suivante",
                        "previous":   "Précédente"
                    }
                }
            });
        });
    </script>
{% endblock %}