WordPress

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

{% block title %}Payouts{% 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">My 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') }}">

                                 <div class="filter_module">
                                     <h4>My Models</h4>
                                     <div class="filter_row first_rw">
                                         <div class="filter_col">
                                             <div class="styled-select">
                                                 <select name="country" class="filter_by sales_statement"  id="my_models" name="my_models">
                                                     <option value="">All</option>
                                                     {% for model in models %}
                                                         <option value="{{ model.id }}">{{ model.firstName ~ " " ~ model.lastName }}</option>
                                                     {% endfor %}
                                                 </select>
                                             </div>
                                         </div>
                                     </div>

                                     <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>

                                     <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">My Sales (<span class="count">{{ soldItems|length }}</span>)</div>
                             <span class="btn creat_new">

                                 <span class="button_primary_label">Total Payout: {{ totalPayouts|localizedcurrency('USD') }}</span>
                             </span>
                         </div>
                         <div class="datagrid ">
                             <table class="">
                                 <thead>
                                 <tr>
                                     <th>File</th>
                                     <th>ID</th>
                                     <th>Title</th>
                                     <th>License Type</th>
{#                                     <th>Sale Amount</th>#}
                                     <th>Date Purchased</th>
                                     <th>Payout in %</th>
                                     <th>Payout</th>
                                 </tr>
                                 </thead>
                                 <tbody>
                                 {% 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="Licence Type">
                                             {{ item.licenceType is not null? item.licenceType:"Royalty Free" }} ({{ 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 > {{ item.amount }}</td>#}
                                         <td data-label="Date Purchased"> {{ item.createdAt.format('d F y, h:i:s') }}</td>
                                         <td data-label="Payouts in %"> {{ attribute(stocksPerc, item.id) }}%</td>
                                         <td data-label="Payouts"> $ {{ item.amount/100 * 0.6 * attribute(stocksPerc, item.id) }}</td>
                                     </tr>

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

             </div>

         </div>

         <script>
             $("#my_models, #statement").change(function () {
                 $(".authError").hide();
                 if ($("#my_models").val()===''){
                     window.location.reload();
                 }
             });
             $("#payouts_form").on("submit", function (e) {
                 e.preventDefault();
                 $(".authError").hide();
                 let model = $("#my_models").val();
                 let month = $("#statement").val();

                 if (model !== "" && month !==""){
                     $.post(
                         $("#payouts_form").attr("action"),
                         {
                             model: model,
                             month: month
                         },
                         function (data, status) {
                             $("#payouts_div").html(data.html)
                         }
                     );
                 }else {
                     $(".authError").text("Please fill the fields to filter").show();
                 }
             })
         </script>

     {% endblock %}