WordPress

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

{% block title %}Sales History{% endblock %}
     {% block contributor_body %}
         <div class="app_main_inner">
             <div class="page_excerpt">
                 <h2 class="sr_heading_title">Payouts</h2>
                 <p class="sr_heading_intro">All Sales Payouts</p>
             </div>

             <div class="row">
                 <div class="col-lg-12">
                     <div class="mb-3 card">
                         <div class="card-header">
                             <div class="card-header-title">Filter Sales </div>

                         </div>
                         <div class="datagrid ">

                             <form style="margin: 15px" id="payouts_form" action="{{ path('payouts_filter_admin') }}">



                                 <div class="filter_module">
                                     <h4>Filter</h4>

                                     <div class="filter_row statement_div filters">
                                         <div class="filter_col">
                                             <input type="month" id="statement" name="statement" min="2018-03" value="" class="payout_statement">
                                         </div>
                                         <div class="filter_col">
{#                                             <input type="submit" class="filter_btn" value="Filter">#}
                                         </div>
                                     </div>
                                     <br>

                                     <div class="filter_row first_rw">
                                         <div class="filter_col">
                                             <div class="styled-select">
                                                 <select class="styled-select sales_statement" id="contributors" name="contributors">
                                                     <option value="">Contributors</option>
                                                     {% for contributor in contributors %}
                                                         {#                                                         <option value="{{ contributor.id }}">{{ contributor.firstName ~ " " ~ contributor.lastName }}</option>#}
                                                         <option value="{{ contributor.contributor_id }}">{{ contributor.firstName ~ " " ~ contributor.lastName }}</option>
                                                     {% endfor %}
                                                 </select>
                                             </div>
                                         </div>
                                     </div>

                                     <div class="authError" style="display: none"></div>
                                 </div>

                             </form>

                         </div>
                     </div>
                 </div>
             </div>

             <div class="row" id="payouts_div">
                 <div class="col-lg-12">
                     <div class="mb-3 card">
                         <div class="card-header">
                             <div class="card-header-title">Payouts (<span class="count">{{ soldItems|length }}</span>)</div>
                             <span class="btn creat_new">

                                 <span class="button_primary_label">Total Payout: {{ totalSales|localizedcurrency('USD') }}</span>
                             </span>
                         </div>
                         <div class="datagrid ">
                             <table class="">
                                 <thead>
                                 <tr>
                                     <th>File</th>
                                     <th>File ID</th>
                                     <th>Title</th>
                                     <th>License Type</th>
                                     <th>Payout</th>
                                     <th>Date Purchased</th>
                                     <th>Sales</th>
                                 </tr>
                                 </thead>
                                 <tbody>
                                 {# @var item \App\Entity\InvoiceItems #}
                                 {% for item in soldItems %}
                                     <tr>
                                         <td data-label="File"><img src="{{ asset('uploads/stock/')~item.stock.thumbName }}" class="cart_thumbnail"></td>
                                         <td data-label="File ID"> {{ item.stock.formattedId ? item.stock.formattedId : item.stock.id }}</td>
                                         <td data-label="Title"> {{ item.stock.title }}</td>
                                         <td data-label="License Type">
                                             {{ item.stock.licenceType is not null? item.stock.licenceType:"Royalty Free" }}
                                             ({{ item.stock.licenceType == "Rights Managed" or item.stock.licenceType == "Rights Ready" ? "Large" : item.fileSize }})
                                             {% if item.exclusiveLicenceDuration %}
                                                - Exclusive for
                                                {% if item.exclusiveLicenceDuration / 12 >= 1 %}
                                                    {% if item.exclusiveLicenceDuration / 12 > 1  %}
                                                        {% set durationIn = " years" %}
                                                    {% else %}
                                                        {% set durationIn = " year" %}
                                                    {% endif %}
                                                {% else %}
                                                    {% if item.exclusiveLicenceDuration > 1  %}
                                                        {% set durationIn = " months" %}
                                                    {% else %}
                                                        {% set durationIn = " month" %}
                                                    {% endif %}

                                                {% endif %}
                                                 {{ item.exclusiveLicenceDuration / 12 >= 1 ? item.exclusiveLicenceDuration/12 ~ durationIn : item.exclusiveLicenceDuration ~ durationIn }}
                                             {% endif %}
                                         </td>
                                         <td data-label="Payout"> 60%</td>
                                         <td data-label="Date Purchased"> {{ item.createdAt.format('d F y, h:i:s') }}</td>
                                         <td data-label="Sales"> $ {{ item.amount * 0.4 }}</td>
                                     </tr>

                                 {% else %}
                                     <tr>
                                         <td colspan="7" class="text_align_left">
                                             Sorry, no sales report to display
                                         </td>
                                     </tr>
                                 {% endfor %}
                                 {% if soldItems|length > 0 %}
                                     <tr>
                                         <td colspan="6"></td>
                                         <td>
                                             <h3>Payout: {{ totalSales|localizedcurrency("USD") }}</h3>
                                         </td>
                                     </tr>
                                 {% endif %}
                                 </tbody>
                             </table>
                         </div>
                     </div>
                 </div>

             </div>

         </div>

         <script>

             $("#contributors, #statement").change(function () {
                 $(".authError").hide();
                 let contributor = $("#contributors").val();
                 let month = $("#statement").val();
                 if (contributor !== '' || month !== ''){
                     $.post(
                         $("#payouts_form").attr("action"),
                         {
                             contributor: contributor,
                             month: month
                         },
                         function (data, status) {
                             $("#payouts_div").html(data.html)
                             // let contributors = JSON.parse(data.contributors);
                             let contributors = data.contributors;

                             const newContributors = JSON.parse(data.contributors);

                             var $el = $("#contributors");
                             $el.empty(); // remove old options
                             $el.append($("<option value=''>Contributors</option>"));
                             $.each(newContributors, function(key,value) {
                                 $el.append($("<option></option>")
                                     .attr("value", key).text(value));
                             });
                         }
                     );
                 }else {
                     window.location.reload();
                 }

             });
         </script>

     {% endblock %}