{% extends '@LcShop/backend/default/show.html.twig' %}

{% block main %}

    <div class="row">
        <div class="col-12">
            <div class="card card-outline card-primary">
                <div class="card-header">
                    <h2 class="card-title text-lg ">
                        {{ entity.user.summary }} : <strong>{{ entity.credit }}€</strong>
                    </h2>
                    <button type="button" class="btn btn-primary float-right" data-toggle="modal"
                            data-target="#modal-add-credit-history">
                        {{ "action.addCreditHistory"|trans }}
                    </button>
                </div>

                <div class="card-body p-0">

                    <table class="table datatable-simple table-bordered table-hover table-striped">

                        <thead>
                        <tr>
                            <th data-index="0" class="" data-searchable="text">Id</th>
                            <th data-index="1" class="" data-searchable="select">Type</th>
                            <th data-index="2" class="" data-searchable="select">Amount</th>
                            <th data-index="3" class="" data-searchable="text">MeanPayment</th>
                            <th data-index="4" class="" data-searchable="tex">PaidAt</th>
                            <th data-index="5" class="" data-searchable="text">Reference</th>
                            <th data-index="6" class="" data-searchable="">Comment</th>
                        </tr>
                        </thead>
                        <tbody>
                        {% for creditHistory in entity.creditHistories %}
                            <tr draggable="true" rel="{{ creditHistory.id }}" data-id="{{ creditHistory.id }}">

                                <td class="sorted">{{ creditHistory.id }}</td>
                                <td class="">{{ creditHistory.type }}</td>
                                <td class="">{{ creditHistory.amount }} €</td>
                                <td class="">{{ creditHistory.meanPayment }}</td>
                                <td class="">{{ creditHistory.paidAt|date('d-m-y') }}</td>
                                <td class="">{{ creditHistory.reference }}</td>
                                <td class="">{{ creditHistory.comment }}</td>
                            </tr>

                        {% else %}
                            <tr>
                                <td class="no-results" colspan="7">
                                    {{ 'search.no_results'|trans(_trans_parameters, 'EasyAdminBundle') }}
                                </td>
                            </tr>
                        {% endfor %}

                        </tbody>
                        <tfoot></tfoot>
                    </table>
                </div>
            </div>
        </div>
    </div>
    {% include 'LcShopBundle:backend/usermerchant:modal_addcredithistory.html.twig' %}
{% endblock main %}

{% block head_stylesheets %}
    {{ parent() }}
    <link rel="stylesheet" href="{{ asset('bundles/lcshop/css/backend/adminlte/plugins/datatables/fixedHeader.dataTables.min.css') }}">
    <link rel="stylesheet"
          href="{{ asset('bundles/lcshop/css/backend/adminlte/plugins/datatables/dataTables.bootstrap4.min.css') }}">
{% endblock %}

{% block plugin_javascript %}
    {{ parent() }}

    <script src="{{ asset('bundles/lcshop/js/backend/plugin/datatables/jquery.dataTables.min.js') }}"></script>
    <script src="{{ asset('bundles/lcshop/js/backend/plugin/datatables/dataTables.bootstrap4.min.js') }}"></script>
    <script src="{{ asset('bundles/lcshop/js/backend/plugin/datatables/dataTables.responsive.min.js') }}"></script>
    <script src="{{ asset('bundles/lcshop/js/backend/plugin/datatables/jquery.highlight.js') }}"></script>
    <script src="{{ asset('bundles/lcshop/js/backend/plugin/datatables/responsive.bootstrap4.min.js') }}"></script>
    <script src="{{ asset('bundles/lcshop/js/backend/plugin/datatables/dataTables.fixedHeader.min.js') }}"></script>
{% endblock %}

{% block script_javascript %}
    {{ parent() }}
    <script src="{{ asset('bundles/lcshop/js/backend/script/default/init-list.js') }}"></script>
{% endblock %}