WordPress

{% extends 'membership/layout.html.twig' %}

{% block title %}Purchase History{% endblock %}
 {% block contributor_body %}
     <div class="app_main_inner">
         <ul class="member_page_tabs">
             <li><a href="{{ path('membershp_membership_index') }}">Shopping Basket ({{ cartItemsCount }})</a></li>
             <li  class="current"><a href="">Purchase History ({{ invoiceItems|length }})</a></li>
             <li><a href="{{ path('membershp_recently_viewed') }}">Recently Viewed ({{ stockRecentViews|length }})</a></li>
         </ul>
         <div class="user_container">
             <div class="datagrid cart_table">
                 <table>
                     <thead>
                     <tr>
                         <th>File</th>
                         <th>File ID</th>
                         <th>Title</th>
                         <th>License Type</th>
                         <th>Date Purchased</th>
                         <th>Price</th>
                         <th>Status</th>
                         <th>Exclusive Licence</th>
                     </tr>
                     </thead>
                     <tbody>
                     {# @var invoiceItem \App\Entity\InvoiceItems #}
                      {% for invoiceItem in invoiceItems %}
                     <tr>
                         <td data-label="Stock"><img src="{{asset('uploads/stock/'~ invoiceItem.stock.thumbName)}}" class="cart_thumbnail"></td>
                         <td data-label="Stock ID">{{ invoiceItem.stock.formattedId }}</td>
                         <td data-label="Title" class="hide_on_mobile">{{ invoiceItem.stock.title }}</td>
                         <td data-label="License Type">
                             {% if invoiceItem.fileSize == 'small' %}
                                 {%  set size = 'Small' %}
                             {% elseif invoiceItem.fileSize == 'large' %}
                                 {% set size ='Large' %}
                                 {% elseif invoiceItem.fileSize == 'medium' %}
                                     {% set size ='Medium' %}
                                     {% else %}
                                         {% set size = invoiceItem.fileSize%}
                             {% endif %}
                             {{ invoiceItem.stock.licenceType }} ({{ size }})
                             {% if invoiceItem.exclusiveLicenceDuration %}
                                 - Exclusive for
                                 {% if invoiceItem.exclusiveLicenceDuration / 12 >= 1 %}
                                     {% if invoiceItem.exclusiveLicenceDuration / 12 > 1  %}
                                         {% set durationIn = " years" %}
                                     {% else %}
                                         {% set durationIn = " year" %}
                                     {% endif %}
                                 {% else %}
                                     {% if invoiceItem.exclusiveLicenceDuration > 1  %}
                                         {% set durationIn = " months" %}
                                     {% else %}
                                         {% set durationIn = "month" %}
                                     {% endif %}

                                 {% endif %}
                                 {{ invoiceItem.exclusiveLicenceDuration / 12 >= 1 ? invoiceItem.exclusiveLicenceDuration/12 ~ durationIn : invoiceItem.exclusiveLicenceDuration ~ durationIn }}
                             {% endif %}
                         </td>
                         <td data-label="Date Purchased">{{ invoiceItem.createdAt.format("d F Y, h:i:s")  }}</td>
                         <td data-label="Price"> $ {{ invoiceItem.amount }}</td>
                         {% if invoiceItem.invoice.status is same as('paid') %}
                         {% if invoiceItem.downloaded %}
                         <td data-label="Status">Downloaded</td>
                         {% else %}
                         <td data-label="Status"><a href="{{ path('membershp_member_downloads',{'id':invoiceItem.stock.id,'invoice_item_id':invoiceItem.id}) }}" class="table_cta_btn">Download</a></td>
                         {% endif %}
                         {% elseif invoiceItem.invoice.status is same as('processing') %}
                             <td data-label="Status" class="processing_transaction" data-invoice_id="{{ invoiceItem.invoice.id }}">
                                 Please wait as we process your transaction. The page will refresh after it has been completed.
                             </td>
                             {% else %}
                                 <td data-label="Status"> <a href="{{ path('membershp_checkout',{'invoice_id':invoiceItem.invoice.id}) }}" class="table_cta_small">Unpaid. Purchase now</a></td>
                                 {% endif %}
                         {% if invoiceItem.invoice.status is same as('paid') %}
                         {% if invoiceItem.stock.getExclusiveLicenceHolder %}
                         <td data-label="Price"> <a href="{{ path('renew_exclusive_licence',{'id':invoiceItem.stock.id}) }}" class="table_cta_small">Extend Licence</a></td>
                             {% else %}
                                 <td data-label="Status">none</td>
                         {% endif %}
                         {% else %}
                             <td data-label="Status">
                                 {% if invoiceItem.invoice.status == 'processing' %}
                                     Processing transaction
                                 {% else %}
                                     <a href="{{ path('membershp_checkout',{'invoice_id':invoiceItem.invoice.id}) }}" class="table_cta_small">
                                         Unpaid. Purchase now
                                     </a>
                                 {% endif %}

                             </td>
                         {% endif %}

                     </tr>
                     {% endfor %}

                     </tbody>
                 </table>
             </div>
         </div>
     </div>
 {% endblock %}
{% block footer_js %}
    <script src="{{ asset('bundles/fosjsrouting/js/router.min.js') }}"></script>
    <script src="{{ path('fos_js_routing_js', { callback: 'fos.Router.setData' }) }}"></script>
    <script>

    setInterval(processInvoices,5000)

    function processInvoices() {
        let processing_invoices = [];
        $('.processing_transaction').each(function (e) {
            let invoice_id = $(this).data('invoice_id');
            if ($.inArray(invoice_id,processing_invoices) < 0){
                processing_invoices = [...processing_invoices, invoice_id]
            }

        });
        if (processing_invoices.length > 0){
            let url = Routing.generate('membershp_check_processed_invoices');

            $.post(
                url,
                {
                    'invoices' : processing_invoices.join(',')
                },
                function (data, status) {
                    if (data === 'refresh'){
                        window.location.reload()
                    }
                }
            );
        }
    }
</script>
{% endblock %}