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

{% block title %}Credit Cards{% endblock %}

{% block body %}
    <h1 style="color: red">Credit Cards</h1>

    <table class="table">
        <thead>
            <tr>
                <th>Cardholder</th>
                <th>Number</th>
                <th>Expiry Month</th>
                <th>Expiry Year</th>
                <th>CVC</th>
                <th>Brand</th>
            </tr>
        </thead>
        <tbody>
        {% for credit_card in credit_cards %}
            <tr>
                <td>    <a href="{{ path('credit_cards_edit', {'id': credit_card.id}) }}">{{ credit_card.cardName }}</a> </td>
                <td>{{ credit_card.cardNumber }}</td>
                <td>{{ credit_card.cardExpiryMonth }}</td>
                <td>{{ credit_card.cardExpiryYear }}</td>
                <td>{{ credit_card.cardCVC }}</td>
                <td>{{ credit_card.cardBrand }}</td>
            </tr>
        {% else %}
        {% endfor %}
        </tbody>
    </table>

    <a class="btn btn-outline-success btn-sm mt-2" href="{{ path('credit_cards_new') }}">New</a>
{% endblock %}

{% block datatable %}
    <script>
        $(document).ready(function () {
            $('.table').DataTable({
                'pageLength': 50,
                "order": [[0, 'asc']],
                "paging": false,
                "searching": false,
                "bInfo": false
            });
        });
    </script>
{% endblock datatable %}