{% extends '::base2.html.twig' %}
{% block title %}{{ parent() }}{% endblock %}
{% block stylesheets %}{{ parent() }}{% endblock %}

{% block body %}

    <div class="page-wrapper">
        <!-- BEGIN HEADER -->
        <div class="page-header navbar navbar-fixed-top">
            {% include 'admin/header.html.twig' %}
        </div>
        <!-- END HEADER -->

        <!-- BEGIN HEADER & CONTENT DIVIDER -->
        <div class="clearfix"> </div>
        <!-- END HEADER & CONTENT DIVIDER -->

        <!-- BEGIN CONTAINER -->
        <div class="page-container">
            <!-- BEGIN SIDEBAR -->
            <div class="page-sidebar-wrapper">
                <!-- BEGIN SIDEBAR -->
                <div class="page-sidebar navbar-collapse collapse">
                    {% include 'admin/menu.html.twig' %}
                </div>
                <!-- END SIDEBAR -->
            </div>
            <!-- END SIDEBAR -->

            <!-- BEGIN CONTENT -->
            <div class="page-content-wrapper">
                <!-- BEGIN CONTENT BODY -->
                <div style="background: #eef1f5;" class="page-content">

                    <!-- BEGIN PAGE BAR -->
                    <div class="page-bar">
                        <ul class="page-breadcrumb">
                            <li>
                                <a href="javascript:void(0)">Accueil</a>
                                <i class="fa fa-circle"></i>
                            </li>
                            <li>
                                <a href="javascript:void(0)">Entreprise</a>
                            </li>
                        </ul>
                    </div>
                    <!-- END PAGE BAR -->

                    <!-- BEGIN PAGE TITLE-->
                    <h1 style="padding-left: 16px;" class="page-title"> Entreprise
                        <small>Info</small>
                    </h1>
                    <!-- END PAGE TITLE-->

                    <!-- BEGIN PAGE HEADER-->
                    <div class="row">
                        <div class="col-md-12">
                            <div class="portlet light bordered">
                                <div class="portlet-title">
                                    <div class="font-red-sunglo">
                                        {#<div class="portlet-title">
                                            <div class="caption">
                                                <i class="fa fa-gift"></i>Formulaire Info Entreprise </div>
                                            <div class="tools"></div>
                                        </div>#}
                                        <div class="portlet-body form">
                                            <!-- BEGIN FORM-->

                                            <div class="form-horizontal">
                                                <div class="row form-body">
                                                    <div class="col-md-4">

                                                        <div class="row">
                                                            {% if entreprise.logo is empty %}
                                                                <img src="{{ asset('uploads/images/common/no_logo.gif') }}"
                                                                     style="width: 100%;" alt="" class="img-responsive"/>
                                                            {% else %}
                                                                <img src="{{ asset('uploads/entreprise/' ~ entreprise.logo) }}"
                                                                     style="width: 100%;/*margin-top: -100px;*/" alt="" class="img-responsive"/>
                                                            {% endif %}
                                                        </div>

                                                    </div>

                                                    <div class="col-md-4" style="padding-top: 20px;">

                                                        <div class="row">
                                                            <div class="col-md-12 col-sm-12 col-xs-12">
                                                                <label style="font-weight: 600;" class="col-md-6">Raison Sociale</label>
                                                                <div style="color: black;padding-left: 0px;" class="col-md-6">{{ entreprise.raisonSociale }}</div>
                                                            </div>
                                                        </div>

                                                        <div class="row">
                                                            <div class="col-md-12 col-sm-12 col-xs-12">
                                                                <label style="font-weight: 600;" class="col-md-6">Matricule Fiscale</label>
                                                                <div style="color: black;padding-left: 0px;" class="col-md-6">{{ entreprise.matriculeFiscale }}</div>
                                                            </div>
                                                        </div>

                                                        <div class="row">
                                                            <div class="col-md-12 col-sm-12 col-xs-12">
                                                                <label style="font-weight: 600;" class="col-md-6">Phone</label>
                                                                <div style="color: black;padding-left: 0px;" class="col-md-6"><span>TEL:{{ entreprise.tel }}</span> <br> <span>FAX:{{ entreprise.fax }}</span></div>
                                                            </div>
                                                        </div>

                                                    </div>

                                                    <div class="col-md-4" style="padding-top: 20px;">

                                                        <div class="row">
                                                            <div class="col-md-12 col-sm-12 col-xs-12">
                                                                <label style="font-weight: 600;" class="col-md-3">Email</label>
                                                                <div style="color: black;" class="col-md-9">{{ entreprise.email }}</div>
                                                            </div>
                                                        </div>

                                                        <div class="row">
                                                            <div class="col-md-12 col-sm-12 col-xs-12">
                                                                <label style="font-weight: 600;" class="col-md-3">Site Web</label>
                                                                <div style="color: black;" class="col-md-9"><a href="{{ entreprise.sitWeb }}" target="_blank">link Entreprise</a></div>
                                                            </div>
                                                        </div>

                                                        <div class="row">
                                                            <div class="col-md-12 col-sm-12 col-xs-12">
                                                                <label style="font-weight: 600;" class="col-md-3">Adresse</label>
                                                                <div style="color: black;" class="col-md-9">{{ entreprise.address }}</div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="form-actions">
                                                    <div class="row">
                                                        <div class="col-md-offset-4 col-md-12">
                                                            <a href="{{ path('millesima_administrator_accueil_edit', {'id' : entreprise.id})  }}">
                                                                <button type="submit" value="" class="col-md-3 btn submit">Edit</button>
                                                            </a>
                                                        </div>
                                                    </div>

                                                </div>
                                            </div>

                                            <!-- END FORM-->
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>

                    {#<div class="row">
                        <div class="col-md-12">
                            <div class="tabbable-line boxless tabbable-reversed">

                                <div class="col-md-12 tab-pane">
                                    <div class="portlet box green">
                                        <div class="portlet-title">
                                            <div class="caption">
                                                <i class="fa fa-gift"></i>Gestion des .....</div>
                                            <div class="tools"></div>
                                        </div>
                                        <div class="portlet-body form">

                                            <div class="form-horizontal">
                                                <div class="form-body">

                                                    <div class="row">
                                                        <div class="col-md-4 col-sm-12 col-xs-12">
                                                            <a data-toggle="modal" data-target="#liste-type-action-modal">
                                                                <i class="fa fa-cloud" aria-hidden="true"></i> Liste des types d'action
                                                            </a>
                                                            <!-- Modal Liste Type Action -->
                                                            <div class="modal fade" id="liste-type-action-modal" role="dialog">
                                                                <div class="modal-dialog">
                                                                    <div class="modal-content">
                                                                        <div class="modal-header">
                                                                            <button type="button" class="close" data-dismiss="modal">&times;</button>
                                                                            <h4 class="modal-title" style="text-align: center;">Liste des types d'action</h4>
                                                                        </div>
                                                                        <div class="modal-body" style="padding-top: initial;">
                                                                            <div id="loading" style=" text-align: center;"></div>
                                                                            <div class="row">
                                                                                <div class="col-md-8 col-md-offset-2" style="overflow: hidden">
                                                                                    <table class="table" #}{#id="myTable1"#}{#>
                                                                                        <tr>
                                                                                            <th>Réf</th>
                                                                                            <td><b>Type Action</b></td>
                                                                                            <td><b>Action</b></td>
                                                                                        </tr>
                                                                                        {% for typeAction in typeActions %}
                                                                                            <tr>
                                                                                                <th>{{ typeAction.id }}</th>
                                                                                                <td>
                                                                                                    <span id="hide_action_{{ typeAction.id }}">{{ typeAction.type }}</span>
                                                                                                    <span style="display: none;" id="show_action_{{ typeAction.id }}">
                                                                                                        <input type="text" id="actionE_{{ typeAction.id }}" required="required" maxlength="255" class="form-control" id-action="">
                                                                                                    </span>
                                                                                                </td>
                                                                                                <td>
                                                                                                    <a href="{{ path('millesima_administrator_delete_type_action', {'id' : typeAction.id}) }}" id="delete-action" titre="Delete">
                                                                                                        <i id="delete_action_{{ typeAction.id }}" class="fa fa-minus-circle" aria-hidden="true"></i>
                                                                                                    </a>
                                                                                                    <a titre="Edit" id="edit-action" id-action="{{ typeAction.id }}">
                                                                                                        <i id="edit_action_{{ typeAction.id }}" class="fa fa-pencil" aria-hidden="true"></i>
                                                                                                    </a>
                                                                                                    <a titre="Annuler" id="annuler_edit_action" id-action="{{ typeAction.id }}">
                                                                                                        <i style="display: none;" id="annuler_edit_action_{{ typeAction.id }}" class="fa fa-times-circle" aria-hidden="true"></i>
                                                                                                    </a>
                                                                                                    <a titre="Valider" id="valider_edit_action" id-action="{{ typeAction.id }}">
                                                                                                        <i style="display: none;" id="valider_edit_action_{{ typeAction.id }}" class="fa fa-check-circle" aria-hidden="true"></i>
                                                                                                    </a>
                                                                                                </td>
                                                                                            </tr>
                                                                                        {% endfor %}
                                                                                    </table>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <!-- End Modal Liste Type Action -->
                                                        </div>

                                                        <div class="col-md-4 col-sm-12 col-xs-12">
                                                            <a id="add-action">
                                                                <i class="fa fa-plus-circle" aria-hidden="true"></i> Ajouter un nouveau type d'action
                                                            </a>
                                                        </div>

                                                        <div class="col-md-4 col-sm-12 col-xs-12">
                                                            <div id="add_type_action_ajax_response"></div>
                                                        </div>
                                                    </div>

                                                    <hr>

                                                    <div class="row">
                                                        <div class="col-md-4 col-sm-12 col-xs-12">
                                                            <a data-toggle="modal" data-target="#liste-type-prestataire-modal">
                                                                <i class="fa fa-cloud" aria-hidden="true"></i> Liste des types de pertataire
                                                            </a>
                                                            <!-- Modal Liste Type Pertataire -->
                                                            <div class="modal fade" id="liste-type-prestataire-modal" role="dialog">
                                                                <div class="modal-dialog">
                                                                    <div class="modal-content">
                                                                        <div class="modal-header">
                                                                            <button type="button" class="close" data-dismiss="modal">&times;</button>
                                                                            <h4 class="modal-title" style="text-align: center;">Liste des types de prestataire</h4>
                                                                        </div>
                                                                        <div class="modal-body" style="padding-top: initial;">
                                                                            <div id="loading" style=" text-align: center;"></div>
                                                                            <div class="row">
                                                                                <div class="col-md-8 col-md-offset-2" style="overflow: hidden">
                                                                                    <table class="table" #}{#id="myTable2"#}{#>
                                                                                        <tr>
                                                                                            <th>Réf</th>
                                                                                            <td><b>Type Prestatire</b></td>
                                                                                            <td><b>Action</b></td>
                                                                                        </tr>
                                                                                        {% for typePrestataire in typePrestataires %}
                                                                                            <tr>
                                                                                                <th>{{ typePrestataire.id }}</th>
                                                                                                <td>
                                                                                                    <span id="hide_prestataire_{{ typePrestataire.id }}">{{ typePrestataire.type }}</span>
                                                                                                    <span style="display: none;" id="show_prestataire_{{ typePrestataire.id }}">
                                                                                                        <input type="text" id="prestataireE_{{ typePrestataire.id }}" required="required" maxlength="255" class="form-control" id-prestataire="">
                                                                                                    </span>
                                                                                                </td>
                                                                                                <td>
                                                                                                    <a href="{{ path('millesima_administrator_delete_type_prestataire', {'id' : typePrestataire.id}) }}" id="delete-prestataire" titre="Delete">
                                                                                                        <i id="delete_prestataire_{{ typePrestataire.id }}" class="fa fa-minus-circle" aria-hidden="true"></i>
                                                                                                    </a>
                                                                                                    <a titre="Edit" id="edit-prestataire" id-prestataire="{{ typePrestataire.id }}">
                                                                                                        <i id="edit_prestataire_{{ typePrestataire.id }}" class="fa fa-pencil" aria-hidden="true"></i>
                                                                                                    </a>
                                                                                                    <a titre="Annuler" id="annuler_edit_prestataire" id-prestataire="{{ typePrestataire.id }}">
                                                                                                        <i style="display: none;" id="annuler_edit_prestataire_{{ typePrestataire.id }}" class="fa fa-times-circle" aria-hidden="true"></i>
                                                                                                    </a>
                                                                                                    <a titre="Valider" id="valider_edit_prestataire" id-prestataire="{{ typePrestataire.id }}">
                                                                                                        <i style="display: none;" id="valider_edit_prestataire_{{ typePrestataire.id }}" class="fa fa-check-circle" aria-hidden="true"></i>
                                                                                                    </a>
                                                                                                </td>
                                                                                            </tr>
                                                                                        {% endfor %}
                                                                                    </table>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <!-- End Modal Liste Type Pertataire -->
                                                        </div>

                                                        <div class="col-md-4 col-sm-12 col-xs-12">
                                                            <a id="add-prestataire">
                                                                <i class="fa fa-plus-circle" aria-hidden="true"></i> Ajouter un nouveau type de pertataire
                                                            </a>
                                                        </div>

                                                        <div class="col-md-4 col-sm-12 col-xs-12">
                                                            <div id="add_type_prestatire_ajax_response"></div>
                                                        </div>
                                                    </div>

                                                    <hr>

                                                    <div class="row">
                                                        <div class="col-md-4 col-sm-12 col-xs-12">
                                                            <a data-toggle="modal" data-target="#liste-region-modal">
                                                                <i class="fa fa-cloud" aria-hidden="true"></i> Liste des régions
                                                            </a>
                                                            <!-- Modal Liste Region -->
                                                            <div class="modal fade" id="liste-region-modal" role="dialog">
                                                                <div class="modal-dialog">
                                                                    <div class="modal-content">
                                                                        <div class="modal-header">
                                                                            <button type="button" class="close" data-dismiss="modal">&times;</button>
                                                                            <h4 class="modal-title" style="text-align: center;">Liste des régions</h4>
                                                                        </div>
                                                                        <div class="modal-body" style="padding-top: initial;">
                                                                            <div id="loading" style=" text-align: center;"></div>
                                                                            <div class="row">
                                                                                <div class="col-md-8 col-md-offset-2" style="overflow: hidden">
                                                                                    <table class="table" #}{#id="myTable3"#}{#>
                                                                                        <tr>
                                                                                            <th>Réf</th>
                                                                                            <td><b>Région</b></td>
                                                                                            <td><b>Action</b></td>
                                                                                        </tr>
                                                                                        {% for region in regions %}
                                                                                            <tr>
                                                                                                <th>{{ region.id }}</th>
                                                                                                <td>
                                                                                                    <span id="hide_region_{{ region.id }}">{{ region.name }}</span>
                                                                                                    <span style="display: none;" id="show_region_{{ region.id }}">
                                                                                                        <input type="text" id="regionE_{{ region.id }}" required="required" maxlength="255" class="form-control" id-region="">
                                                                                                    </span>
                                                                                                </td>
                                                                                                <td>
                                                                                                    <a href="{{ path('millesima_administrator_delete_region', {'id' : region.id}) }}" id="delete-region" titre="Delete">
                                                                                                        <i id="delete_region_{{ region.id }}" class="fa fa-minus-circle" aria-hidden="true"></i>
                                                                                                    </a>
                                                                                                    <a titre="Edit" id="edit-region" id-region="{{ region.id }}">
                                                                                                        <i id="edit_region_{{ region.id }}" class="fa fa-pencil" aria-hidden="true"></i>
                                                                                                    </a>
                                                                                                    <a titre="Annuler" id="annuler_edit_region" id-region="{{ region.id }}">
                                                                                                        <i style="display: none;" id="annuler_edit_region_{{ region.id }}" class="fa fa-times-circle" aria-hidden="true"></i>
                                                                                                    </a>
                                                                                                    <a titre="Valider" id="valider_edit_region" id-region="{{ region.id }}">
                                                                                                        <i style="display: none;" id="valider_edit_region_{{ region.id }}" class="fa fa-check-circle" aria-hidden="true"></i>
                                                                                                    </a>
                                                                                                </td>
                                                                                            </tr>
                                                                                        {% endfor %}
                                                                                    </table>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <!-- End Modal Liste Region -->
                                                        </div>

                                                        <div class="col-md-4 col-sm-12 col-xs-12">
                                                            <a id="add-region">
                                                                <i class="fa fa-plus-circle" aria-hidden="true"></i> Ajouter une nouvelle région
                                                            </a>
                                                        </div>

                                                        <div class="col-md-4 col-sm-12 col-xs-12">
                                                            <div id="add_region_ajax_response"></div>
                                                        </div>
                                                    </div>

                                                </div>
                                            </div>

                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>#}
                    <!-- END PAGE HEADER-->

                </div>
                <!-- END CONTENT BODY -->
            </div>
            <!-- END CONTENT -->

        </div>
        <!-- END CONTAINER -->

        <!-- BEGIN FOOTER -->
        <div class="page-footer">
            {% include 'commun/footer.html.twig' %}
        </div>
        <!-- END FOOTER -->
    </div>

    {% block javascripts %}
        {{ parent() }}

        <script>
            //Add Type Action
            $("a#add-action").click(function () {
                var URL1 = Routing.generate('millesima_administrator_ajout_type_action');
                //Ajax request
                var request = $.ajax({
                    url: URL1,
                    method: "POST",
                        }).done(function (msg) {
                            $("#add_type_action_ajax_response").html(msg);
                            //location.reload();
                            //alert("succes");
                        })
                        .fail(function () {
                            //alert("error");
                        });
            });

            //Edit Type Action
            $("a#edit-action").click(function () {
                console.log($(this).attr('id-action'));
                var idAction = $(this).attr('id-action');
                $("#show_action_" + idAction).show();
                $("#annuler_edit_action_" + idAction).show();
                $("#valider_edit_action_" + idAction).show();
                $("#hide_action_" + idAction).hide();
                $("#delete_action_" + idAction).hide();
                $("#edit_action_" + idAction).hide();
            });

            //Annuler Edit Type Action
            $("a#annuler_edit_action").click(function () {
                console.log($(this).attr('id-action'));
                var idAction = $(this).attr('id-action');
                $("#show_action_" + idAction).hide();
                $("#annuler_edit_action_" + idAction).hide();
                $("#valider_edit_action_" + idAction).hide();
                $("#hide_action_" + idAction).show();
                $("#delete_action_" + idAction).show();
                $("#edit_action_" + idAction).show();
            });

            //Valider Edit Type Action
            $("a#valider_edit_action").click(function () {
                console.log($(this).attr('id-action'));
                var idAction = $(this).attr('id-action');
                console.log($("#actionE_" + idAction).val());
                var URL11 = Routing.generate('millesima_administrator_edit_type_action', {
                    'id' : $(this).attr('id-action'),
                    'str' : $("#actionE_" + idAction).val(),
                } );
                //Ajax request
                var request = $.ajax({
                    url: URL11,
                    method: "POST",
                }).done(function () {
                    location.reload();
                    //alert("succes");
                }).fail(function () {
                    //alert("error");
                });
            });

            //Add Type Prestataire
            $("a#add-prestataire").click(function () {
                var URL2 = Routing.generate('millesima_administrator_ajout_type_prestataire');
                //Ajax request
                var request = $.ajax({
                    url: URL2,
                    method: "POST",
                }).done(function (msg) {
                            $("#add_type_prestatire_ajax_response").html(msg);
                            //location.reload();
                            //alert("succes");
                        })
                        .fail(function () {
                            //alert("error");
                        });
            });

            //Edit Type Prestataire
            $("a#edit-prestataire").click(function () {
                console.log($(this).attr('id-prestataire'));
                var idPrestataire = $(this).attr('id-prestataire');
                $("#show_prestataire_" + idPrestataire).show();
                $("#annuler_edit_prestataire_" + idPrestataire).show();
                $("#valider_edit_prestataire_" + idPrestataire).show();
                $("#hide_prestataire_" + idPrestataire).hide();
                $("#delete_prestataire_" + idPrestataire).hide();
                $("#edit_prestataire_" + idPrestataire).hide();
            });

            //Annuler Edit Type Prestataire
            $("a#annuler_edit_prestataire").click(function () {
                console.log($(this).attr('id-prestataire'));
                var idPrestataire = $(this).attr('id-prestataire');
                $("#show_prestataire_" + idPrestataire).hide();
                $("#annuler_edit_prestataire_" + idPrestataire).hide();
                $("#valider_edit_prestataire_" + idPrestataire).hide();
                $("#hide_prestataire_" + idPrestataire).show();
                $("#delete_prestataire_" + idPrestataire).show();
                $("#edit_prestataire_" + idPrestataire).show();
            });

            //Valider Edit Type Prestataire
            $("a#valider_edit_prestataire").click(function () {
                console.log($(this).attr('id-prestataire'));
                var idPrestataire = $(this).attr('id-prestataire');
                console.log($("#prestataireE_" + idPrestataire).val());
                var URL22 = Routing.generate('millesima_administrator_edit_type_prestataire', {
                    'id' : $(this).attr('id-prestataire'),
                    'str' : $("#prestataireE_" + idPrestataire).val(),
                } );
                //Ajax request
                var request = $.ajax({
                    url: URL22,
                    method: "POST",
                }).done(function () {
                    location.reload();
                    //alert("succes");
                }).fail(function () {
                    //alert("error");
                });
            });

            //Add Region
            $("a#add-region").click(function () {
                var URL3 = Routing.generate('millesima_administrator_ajout_region');
                //Ajax request
                var request = $.ajax({
                    url: URL3,
                    method: "POST",
                }).done(function (msg) {
                            $("#add_region_ajax_response").html(msg);
                            //location.reload();
                            //alert("succes");
                        })
                        .fail(function () {
                            //alert("error");
                        });
            });

            //Edit Region
            $("a#edit-region").click(function () {
                console.log($(this).attr('id-region'));
                var idRegion = $(this).attr('id-region');
                $("#show_region_" + idRegion).show();
                $("#annuler_edit_region_" + idRegion).show();
                $("#valider_edit_region_" + idRegion).show();
                $("#hide_region_" + idRegion).hide();
                $("#delete_region_" + idRegion).hide();
                $("#edit_region_" + idRegion).hide();
            });

            //Annuler Edit Region
            $("a#annuler_edit_region").click(function () {
                console.log($(this).attr('id-region'));
                var idRegion = $(this).attr('id-region');
                $("#show_region_" + idRegion).hide();
                $("#annuler_edit_region_" + idRegion).hide();
                $("#valider_edit_region_" + idRegion).hide();
                $("#hide_region_" + idRegion).show();
                $("#delete_region_" + idRegion).show();
                $("#edit_region_" + idRegion).show();
            });

            //Valider Edit Region
            $("a#valider_edit_region").click(function () {
                console.log($(this).attr('id-region'));
                var idRegion = $(this).attr('id-region');
                console.log($("#regionE_" + idRegion).val());
                var URL33 = Routing.generate('millesima_administrator_edit_region', {
                    'id' : $(this).attr('id-region'),
                    'str' : $("#regionE_" + idRegion).val(),
                } );
                //Ajax request
                var request = $.ajax({
                    url: URL33,
                    method: "POST",
                }).done(function () {
                    location.reload();
                    //alert("succes");
                }).fail(function () {
                    //alert("error");
                });
            });

        </script>

        <script  type="text/javascript">
            $(document).ready(function() {
                $('#myTable1').DataTable( {
                    "language": {
                        "url": "//cdn.datatables.net/plug-ins/9dcbecd42ad/i18n/French.json"
                    }
                } );
            } );
        </script>

        <style type="text/css">
            #myTable1_paginate {
                float: right;
            }
            #myTable1_filter {
                float: right;
            }
            #myTable1_info {
                padding-top: 15px;
            }
        </style>

        <script  type="text/javascript">
            $(document).ready(function() {
                $('#myTable2').DataTable( {
                    "language": {
                        "url": "//cdn.datatables.net/plug-ins/9dcbecd42ad/i18n/French.json"
                    }
                } );
            } );
        </script>

        <style type="text/css">
            #myTable2_paginate {
                float: right;
            }
            #myTable2_filter {
                float: right;
            }
            #myTable2_info {
                padding-top: 15px;
            }
        </style>

        <script  type="text/javascript">
            $(document).ready(function() {
                $('#myTable3').DataTable( {
                    "language": {
                        "url": "//cdn.datatables.net/plug-ins/9dcbecd42ad/i18n/French.json"
                    }
                } );
            } );
        </script>

        <style type="text/css">
            #myTable3_paginate {
                float: right;
            }
            #myTable3_filter {
                float: right;
            }
            #myTable3_info {
                padding-top: 15px;
            }
        </style>
    {% endblock %}

{% endblock %}