{% extends 'App::layout_setting.html.twig' %}

{% block title %}Parrainage{% endblock %}

{% block stylesheets %}
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.0.1/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.11.3/css/dataTables.bootstrap5.min.css">
<link rel="stylesheet" href="/assets/datatable/css/jquery-ui.css">
{% endblock %}

{% block body %}

<div class="my-3 p-3 bg-white rounded box-shadow">
	<h6 class="border-bottom border-gray pb-2 mb-0"><span data-feather="users"></span> Parrainage</h6>


	<ul class="nav nav-tabs mt-2">
		<li class="nav-item">
		<a class="nav-link" aria-current="page" href="{{ path('app_setting_premium') }}">Premium</a>
		</li>
		<li class="nav-item">
		<a class="nav-link active" href="{{ path('app_patronage_index') }}">Parrainage</a>
		</li>
	</ul>


	<ul class="nav nav-pills mt-4 mb-4">
		<li class="nav-item">
		  <a class="nav-link" aria-current="page" href="{{ path('app_patronage_index') }}">Lien de parrainage</a>
		</li>
		<li class="nav-item">
		  <a class="nav-link active" href="{{ path('app_patronage_list') }}">Voir vos filleuls</a>
		</li>
	</ul>
 
    <table id="myTable" style="font-size:12px;" class="table table-sm table-bordered border-default table-striped text-center">
        <thead>
            <tr>
                <th>Email</th>
                <th>Date de l'achat</th>
                <th>Statut</th>
                <th>Actions</th>
            </tr>
        </thead>
        <tbody>
            {% for item in items %}
            <tr>
                <td>{{ item.profile.user.email }}</td>
                <td>{{ item.paidAt|date('d/m/Y') }}</td>
                <td>
                    {% if item.reductionStatus == false %}
                        <span class="badge rounded-pill bg-success">Code non utilisé</span>
                    {% else %}
                    <span class="badge rounded-pill bg-light text-dark">Code utilisé</span>
                    {% endif %}
                </td>
                <td>
                    {% if item.reductionStatus == false %}
                    <a class="btn btn-sm btn-primary" href="{{ path('app_setting_premium', {'codeReduction':item.codeReduction }) }}">Bénéficier de <b>-50%</b></a>
                    {% else %}
                    -
                    {% endif %}
                </td>
            </tr>
            {% endfor %}

        </tbody>
    </table>



</div>

{% endblock body %}

{% block javascripts %}

<script src="/assets/datatable/js/jquery-ui.js"></script>
<script src="//cdn.datatables.net/1.11.3/js/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="/assets/datatable/js/date-euro.js"></script>
<script>
    jQuery(document).ready( function () {
        jQuery('#myTable').DataTable({

        dom: 'Bfrtip',
        sorting: [[1, 'desc']],
        
        "columnDefs": [
            {
                "targets": [ 1 ],
                "type": "date-euro",
                "visible": true
            },
            {
                "targets": [ 2 ],
                "visible": true,
                "searchable": false
            },
            {
                "targets": [ 3 ],
                "visible": true,
                "searchable": false
            }
        ],
        //"bLengthChange": false,
        });
    } );
</script>
{% endblock %}