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

{% block title %}Pack index
{% endblock %}

{% block body %}
<div class="app-main__inner">
    <div class="app-page-title">
        <div class="page-title-wrapper">
            <div class="page-title-heading">
                <div class="page-title-icon">
                    <i class="fa fa-list icon-gradient bg-tempting-azure"></i>
                </div>
                <div>
                    Liste des catégories
                </div>
            </div>
            <div class="page-title-actions">
                <div class="d-inline-block dropdown">
                    <a href="{{ path('app_pack_new') }}"
                        aria-expanded="false" class="btn-shadow btn btn-info">
                        <span class="btn-icon-wrapper pe-2 opacity-7">
                            <i class="fa fa-plus fa-w-20"></i>
                        </span>
                        Créer un nouveau catégorie
                    </a>
                </div>
            </div>
        </div>
    </div>
    <div class="main-card mb-3 card">
        <div class="card-body">
            <table style="width: 100%;" id="example" class="table table-hover table-striped table-bordered">
                <thead>
                    <tr>
						<th class="all">Name</th>
						<th class="all">Margin</th>
						<th class="all">Duration</th>
						<th class="all">ComplexityRate</th>
						<th class="all">RegressionRate</th>
						<th class="none">SimpleMargin</th>
						<th class="none">IntermediateMargin</th>
						<th class="none">ComplexMargin</th>
						<th class="none">VeryComplexMargin</th>
						<th class="none">SimpleDuration</th>
						<th class="none">IntermediateDuration</th>
						<th class="none">ComplexDuration</th>
						<th class="none">VeryComplexDuration</th>
						<th class="all">Action</th>

					</tr>
                </thead>
                <tbody>
                  	{% for pack in packs %}
						<tr>
							<td>{{ pack.name }}</td>
							<td>{{ pack.margin }}</td>
							<td>{{ pack.duration }}</td>
							<td>{{ pack.complexityRate }}</td>
							<td>{{ pack.regressionRate }}</td>
							<td>{{ pack.SimpleMargin }}</td>
							<td>{{ pack.IntermediateMargin }}</td>
							<td>{{ pack.ComplexMargin }}</td>
							<td>{{ pack.VeryComplexMargin }}</td>
							<td>{{ pack.SimpleDuration }}</td>
							<td>{{ pack.IntermediateDuration }}</td>
							<td>{{ pack.ComplexDuration  }}</td>
							<td>{{ pack.VeryComplexDuration  }}</td>
							<td class="d-flex">
								{{ include('pack/_button_show.html.twig', {'id': pack.id}) }}
								&nbsp;
								&nbsp;
								{{ include('pack/_button_edit.html.twig') }}
								&nbsp;
								&nbsp;
								{{ include('pack/_delete_form.html.twig') }}
							</td>
						</tr>
					{% else %}
						<tr>
							<td colspan="15">no records found</td>
						</tr>
					{% endfor %}
                </tbody>
            </table>
        </div>
    </div>
</div>
{% endblock %}