{% extends 'base.html.twig' %}

{% block body %}
<div class="row bg-white rounded p-3">
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item " aria-current="page">
                <a href="{{path('app_accueil')}}">
                    <i class="fa fa-home"></i>
                </a>
            </li>
            <li class="breadcrumb-item" aria-current="page">
                <a href="{{path('app_administration_home')}}">Portail administration</a>
            </li>
            <li class="breadcrumb-item" aria-current="page">
                <a href="{{path('app_administration_societe_index')}}">Sociétés</a>
            </li>
            <li class="breadcrumb-item active" aria-current="page">Prestations</li>
        </ol>
    </nav>
    <h1>Prestations validées</h1>
    {% if prestations|length > 0 %}
        <table class="table" id="maTable">
            <thead>
                <tr>
                    <th>Société</th>
                    <th>Projet</th>
                    <th>Nom</th>
                    <th>actions</th>
                </tr>
            </thead>
            <tbody>
            {% for prestation in prestations %}
                <tr>
                    <td>{{ prestation.projet.societe }}</td>
                    <td>{{ prestation.projet }}</td>
                    <td>{{ prestation.nom }}</td>
                    <td>
                        <a href="#" class="viewPrestation" id="{{prestation.id}}" name="{{prestation.projet.nom}}">
                            <button class="btn btn-info">
                                <i class="fa fa-eye"></i>
                                <span></span>
                            </button>
                        </a>
                    </td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
    {% else %}
        {% include 'app/noResult.html.twig' %}
    {% endif %}
    <a href="{{path('app_administration_home')}}">
    <button class="btn btn-block btn-danger">
        <i class="fa fa-arrow-left"></i>
        <span>Retour</span>
    </button>
</a>
</div>
{% endblock %}

{% block javascripts %}
<script type="text/javascript">
$(document).ready(function () {
    new DataTable('#maTable', {
		language: {
			"info": "Résultats _START_ à _END_ sur _TOTAL_",
			"emptyTable":     "Aucun résultat",
			"search":         "Chercher:",
			"zeroRecords":    "Aucun résultat",
			"paginate": {
				"first":      "<<",
				"last":       ">>",
				"next":       ">",
				"previous":   "<"
			},
			
		},
		fixedHeader: true,
		paging: false,
		responsive: true,
		dom: 'frtip',
	});
    $('.viewPrestation').click(function () {
        var id = this.id;
        var name = this.name;
        $('#modal-title').html("Projet " + name);
        $('#dataModal').modal("show");
        var url = Routing.generate('app_societe_prestation_show_by_modal', {
            'id': id
        }, true);

        $.ajax({
            url: url,
            success: function (data) {
                $('#modal_detail').html($(data).html());
                $('#dataModal').modal("show");
            },
            error: function (xhr, ajaxOptions, thrownError) {
                if (xhr.status == 404) {
                    $('#modal_detail').html("Aucun enregistrement.");
                }
            }
        });
    });
});

</script>
{% endblock %}