src/Flexy/FrontBundle/Themes/Lasalle/templates/admin/statistics/admin/_content.html.twig line 1

  1. <turbo-frame id="render-stats" data-turbo-action="advance" >
  2.     
  4.     
  5.     {% if store is not defined %}
  7.         {% set store = null %}
  9.     {% endif %}
  11.     {% if year is not defined or app.request.get('year') == "0" %}
  14.             {% set year = null %}
  15.         
  17.     {% endif %}
  19.         {% if month is not defined or app.request.get('month') == "0" %}
  21.         {% set month = null %}
  23.     {% endif %}
  26.     
  27.     
  28.     
  29.     <div class="row header" >
  30.         <div class="col-4" >
  31.             <h2 style="font-weight:bold;font-size:16px;" class="title"><i class="fa-solid fa-chart-pie"></i> {{"Dashboard"|trans}} {{settings.get.projectName}}
  32.             <br>
  33.             {% if store != null %}
  34.                 <span class="badge badge-info p-1" ><i class="fa-solid fa-shop"></i> {{"Store"|trans}} : {{store}}</span>
  35.             {% endif %}
  36.             {% if year != null or month != null %}
  38.                 <span class="badge badge-info p-1" > 
  39.                 <i class="fa-solid fa-filter-circle-dollar"></i>
  40.                 {{"Result for priod"|trans}} :
  41.                 {% if year != null %}
  42.                     {{year}} 
  43.                 {% endif %}
  44.                 {% if month != null %}
  45.                 
  46.                     {{ ("2000-"~month)|date('F')|trans }}</span>
  47.                 {% endif %}
  48.             {% endif %}
  49.             
  50.             </h2>
  51.             
  53.         </div>
  54.         <div class="col-8" >
  56.             
  57.             <form action="{{path('admin_stats')}}"  method="POST">
  59.             
  60.                 <div class="row">
  61.                     <div class="col-2" >
  62.                         <button id="btn-filter-stats" class="d-none btn btn-success d-block btn-large" >Filtrer</button>
  63.                     </div>
  64.                     <div class="col-4" >
  65.                     {% if stores|length > 1 %}
  66.                         <select id="store-select" class="form-select" name="store" aria-label="Default select example">
  67.                             <option value="0" selected>{{"All stores"|trans}}</option>
  68.                             {% for singleStore in stores %}
  69.                                 <option {% if singleStore == store %}selected{% endif %} value="{{singleStore.id}}">
  70.                                     {{singleStore.name}}
  71.                                 </option>
  72.                             {% endfor %}
  73.                         </select>
  75.                         
  77.                         {% endif %}
  78.                     </div>
  79.                     
  81.                     <div class="col-3" >
  82.                         <select id="year-select" class="form-select" name="year" aria-label="Default select example">
  83.                             <option value="0">{{"All years"|trans}}</option>
  84.                             {% for singleYear in shopStatisticProvider.periodsOrdersOptions(store)|sort((a, b) => a.year < b.year ? 1 : -1) %}
  85.                                 <option {% if singleYear["year"] == year %}selected{% endif %} value="{{singleYear["year"]}}">
  86.                                     {{singleYear["year"]}}
  87.                                 </option>
  88.                             {% endfor %}
  89.                             
  90.                         </select>
  91.                     </div>
  93.                     <div class="col-3" >
  95.                         
  96.                             <select id="months-select" class="form-select" name="month" aria-label="Default select example">
  97.                             <option value="0">{{"All months"|trans}}</option>
  98.                             {% for singleYear in shopStatisticProvider.periodsOrdersOptions(store) %}
  99.                                 {% for singleMonth in singleYear["months"]|sort((a, b) => a.number < b.number ? 1 : -1) %}
  100.                                     {% if singleYear["year"] == year %}
  101.                                         <option {% if singleMonth["number"] == month %}selected{% endif %} value="{{singleMonth["number"]}}">
  102.                                              {{singleMonth["name"]}}
  103.                                         </option>
  104.                                     {% endif %}
  105.                                 {% endfor %}
  106.                             {% endfor %}
  107.                             
  108.                         </select>
  109.                         
  110.                         
  111.                     </div>
  114.                     
  115.                     
  116.                 </div>
  117.             </form>
  118.         </div>
  119.     </div>
  123.     <div class="row" >
  125.             <div class="col-12 col-md-5 p-4" >
  126.             <div class="row" >
  128.         <div class="col-4">
  129.             <div class="card p-3 mb-2 bg-purple-dark text-white">
  130.                 <h6 class="text-white stats-title"><i class="fa-solid fa-comment-dollar"></i> {{"Today"|trans}}</h6>
  131.                       
  132.                 <b>{{shopStatisticProvider.getRevenue(store,year,month)["today"]|number_format(0,",","")}} {{settings.get.currency|trans}}</b>
  133.             </div>
  134.         </div>
  135.         <div class="col-4">
  136.             <div class="card p-3 mb-2 bg-blue-dark text-white">
  137.                 <h6 class="text-white stats-title"><i class="fa-solid fa-comment-dollar"></i> {{"Yesterday"|trans}}</h6>
  138.                 <b>{{shopStatisticProvider.getRevenue(store,year,month)["yesterday"]|number_format(0,",","")}} {{settings.get.currency|trans}}</b>
  139.             </div>
  140.         </div>
  141.       
  142.        <div class="col-4">
  143.             <div class="card p-3 mb-2 bg-orange-dark text-white">
  144.                 <h6 class="text-white stats-title"><i class="fa-solid fa-comment-dollar"></i> Mois {{ "now"|date("F") }}</h6>
  145.            <b>{{shopStatisticProvider.getRevenue(store,year,month)["current_month"]|number_format(0,",","")}} {{settings.get.currency|trans}}</b>
  146.          </div>
  147.         </div>
  149.         <!--<div class="col-4">
  150.             <div class="card p-3 mb-2 bg-orange-dark text-white">
  151.                 <h6 class="text-white stats-title"><i class="fa-solid fa-comment-dollar"></i> {{"Average"|trans}}</h6>
  152.                 <b>{{shopStatisticProvider.getAverageRevenuePerDay("day")|number_format(0,",","")}} {{settings.get.currency|trans}}</b>
  153.             </div>
  154.         </div>-->
  157.         
  159.         <div class="col-12 mb-2">
  160.             <div class="card p-3">
  161.         
  162.                     {#{{ render_chart(shopStatisticProvider.chartRevenue(store,year,month)) }}#}
  163.                      
  164.         <div class="col-12 col-md-12 " >
  166.             <div class="card p-3" >
  167.                 <h6>Chiffre d'affaire par type d'abonnement</h6>
  168.                 
  169.                 <table class="table">
  170.                     <thead class="bg-purple-dark text-white">
  171.                         <tr>
  172.                         <th scope="col">{{"Product"|trans}}</th>
  173.                         <th scope="col">{{"Nombres \n des ventes"|trans}}</th>
  174.                         <th scope="col">{{"Revenue"|trans}}</th>
  175.                         </tr>
  176.                     </thead>
  177.                     <tbody>
  178.                     
  179.                      {% for singleProductRevenu in shopStatisticProvider.revenueByProducts(store,year,month) %}
  180.                         <tr>
  181.                             <td>{{singleProductRevenu.productName}}</td>
  182.                             <td>{{singleProductRevenu.totalSold}}</td>
  183.                             <td>
  184.                             <span  >
  185.                             <b>
  186.                             {{singleProductRevenu.revenue}} {{settings.get.currency|trans}}
  187.                             </b>
  188.                             </span></td>
  189.                         </tr>
  190.                     {% endfor %} 
  191.                     
  192.                     </tbody>
  193.                 </table>
  194.                 
  195.             {#    {% set revenueProductUrl = ea_url().setDashboard("App\\Controller\\Admin\\DashboardController").setController("App\\Flexy\\FrontBundle\\Themes\\Lasalle\\Controller\\ShopAdmin\\Product\\ProductRevenueCrudController").setAction("index") %}
  196.                     <a class="btn-btn-info" href="{{revenueProductUrl}}" data-turbo="false"  >Voir plus</a>#}
  197.             </div>
  198.         
  199.         </div>
  200.             </div>
  201.         </div>
  203.         
  205.             </div>
  206.             
  207.         </div>
  208.         <div class="col-12 col-md-7 p-4" >
  209.             <div class="row quick-stats">
  213.             {% for key, singleStat in shopStatisticProvider.quickStats(store,year,month) %}
  214.                 <div class="col-lg-4 col-6 mb-3">
  215.                     <div class="card p-3 bg-purple-dark text-white" >
  216.                         <div class="row">
  217.                             <div class="col-lg-3 col-12" >
  218.                                 <div class="icon-container text-purple">
  219.                                     {{singleStat["icon"]|raw}}
  220.                                 </div>
  221.                             </div>
  222.                             <div class="col-9" >
  223.                                 <div>
  225.                                     
  226.                                     <h6 class="stats-title text-white"><span>{{singleStat["all"]}} {{singleStat["unit"]|trans}}</span> <br>{{key|trans}}</h6>
  227.                                 </div>
  228.                             </div>
  229.                             <div class="col-12" >
  230.                                 <ul class="list-unstyled text-center mt-2">
  231.                                     <li><b>{{singleStat["new"]|number_format(0,",","")}} {{singleStat["unit"]|trans}}</b> {{"last week"|trans}}</li>
  232.                                     <li><b>{{singleStat["old"]|number_format(0,",","")}} {{singleStat["unit"]|trans}}</b> {{"last month"|trans}}</li>
  233.                                 </ul>
  234.                             </div>
  235.                         </div>
  236.                     </div>
  237.                 </div>
  238.             {% endfor %}
  243.                 
  244.             </div>
  245.         </div>
  247.     </div>
  249. <div class="row" >
  251.         
  253.         <div class="col-12" >
  254.             
  255.             <h5>Visite Adhérant </h5>
  256.         </div>
  257.         <div class="col-lg-9 col-md-9 col-sx-9">
  258.             
  259.                 
  260.                  {{ render_chart(shopStatisticProvider.chartVisteBymonths(store,year,month)) }}
  261.         </div>
  262.      
  264.         <div class="col-lg-3 col-md-3 col-sx-3">
  265.             <div class="card p-3 mb-2 bg-purple-dark text-white">
  266.                 <h6 class="text-white stats-title"><i class="fa-solid fa-people-group"></i> Visites {{"Yesterday"|trans}}</h6>
  267.                 <b>Pointage Manuel  {{shopStatisticProvider.getVisitYesterday(store,year,month)[0]["manuel"] }}<div style="float:right"><span style="font-size:16px;">👩🏻 </span>{{shopStatisticProvider.getVisitYesterday(store,year,month)[0]["female_manuel"]}} | <span style="font-size:16px;">👨🏻</span> {{shopStatisticProvider.getVisitYesterday(store,year,month)[0]["male_manuel"]}}</div></b>
  268.                 <b>Pointage Carte   {{shopStatisticProvider.getVisitYesterday(store,year,month)[0]["automatique"] }}<div style="float:right"><span style="font-size:16px;">👩🏻 </span> {{shopStatisticProvider.getVisitYesterday(store,year,month)[0]["female_automatique"]}} | <span style="font-size:16px;">👨🏻</span> {{shopStatisticProvider.getVisitYesterday(store,year,month)[0]["male_automatique"]}} </div></b>
  269.             </div>
  270.             <div class="card p-3 mb-2 bg-blue-dark text-white">
  271.                 <h6 class="text-white stats-title"><i class="fa-solid fa-people-group"></i> Visites {{"Today"|trans}} </h6>
  272.              
  273.                 <b>Pointage Manuel  {{shopStatisticProvider.getVisitToday(store,year,month)[0]["manuel"] }}<div style="float:right"><span style="font-size:16px;">👩🏻 </span>{{shopStatisticProvider.getVisitToday(store,year,month)[0]["female_manuel"]}} | <span style="font-size:16px;">👨🏻</span> {{shopStatisticProvider.getVisitToday(store,year,month)[0]["male_manuel"]}}</div></b>
  274.                 <b>Pointage Carte   {{shopStatisticProvider.getVisitToday(store,year,month)[0]["automatique"] }}<div style="float:right"><span style="font-size:16px;">👩🏻 </span> {{shopStatisticProvider.getVisitToday(store,year,month)[0]["female_automatique"]}} | <span style="font-size:16px;">👨🏻</span> {{shopStatisticProvider.getVisitToday(store,year,month)[0]["male_automatique"]}}</div></b>
  275.             </div>
  276.         </div>
  277.          
  278.          
  279.         
  280.                  
  281.     </div>
  283.     <div class="row mt-5" >
  285.     {# <div class="col-12" >
  286.             <h4>Stats chiffre d'affaire</h4>
  287.         </div> #}
  290.     {#    <div class="col-12 col-md-4" >
  291.             <div class="card p-3" >
  293.             
  294.                 
  295.                 {{ render_chart(shopStatisticProvider.chartRevenueByParentCategories(store,year,month)) }}
  296.             </div>
  297.         </div> #}
  299.     {#
  300.         <div class="col-12 col-md-4 d-none" >
  302.             <div class="card p-3" >
  303.                 <h6>Chiffre d'affaire par type d'abonnement</h6>
  304.                 
  305.                 <table class="table">
  306.                     <thead class="bg-purple-dark text-white">
  307.                         <tr>
  308.                         <th scope="col">{{"Product"|trans}}</th>
  309.                         <th scope="col">{{"Revenue"|trans}}</th>
  310.                         </tr>
  311.                     </thead>
  312.                     <tbody>
  313.                     
  314.                      {% for singleProductRevenu in shopStatisticProvider.revenueByProducts(store,year,month) %}
  315.                         <tr>
  316.                             <td>{{singleProductRevenu[0]}}</td>
  317.                             <td><span  >
  318.                             <b>
  319.                             {{singleProductRevenu.revenue}} {{settings.get.currency|trans}}
  320.                             </b>
  321.                             </span></td>
  322.                         </tr>
  323.                     {% endfor %} 
  324.                     
  325.                     </tbody>
  326.                 </table>
  327.                 
  328.                 {% set revenueProductUrl = ea_url().setDashboard("App\\Controller\\Admin\\DashboardController").setController("App\\Flexy\\FrontBundle\\Themes\\Lasalle\\Controller\\ShopAdmin\\Product\\ProductRevenueCrudController").setAction("index") %}
  329.                     <a class="btn-btn-info" href="{{revenueProductUrl}}" data-turbo="false"  >Voir plus</a>
  330.             </div>
  331.         
  332.         </div>
  333.         #}
  334.         <div class="col-12 col-md-8" >
  336.             <div class="card p-3" >
  337.                 <h6>Chiffre d'affaire par commercial</h6>
  338.                 <table class="table">
  339.                     <thead class="bg-purple-dark text-white">
  340.                         <tr>
  341.                         <th scope="col">{{"Agent"|trans}} </th>
  342.                         <th scope="col">{{"Revenue"|trans}}</th>
  343.                         </tr>
  344.                     </thead>
  345.                     <tbody>
  346.                     {% for singleAgentRevenu in shopStatisticProvider.revenueByAgents(store,year,month) %}
  347.                         <tr>
  348.                             <td>{{singleAgentRevenu.agentFirstName}} {{singleAgentRevenu.agentLastName}}</td>
  349.                             <td>
  350.                                 <span  >
  351.                             <b>
  352.                             {{singleAgentRevenu.revenue}} {{settings.get.currency|trans}}
  353.                             </b>
  354.                             </span>
  355.                             </td>
  356.                         </tr>
  357.                     {% endfor %}
  358.                     </tbody>
  359.                 </table>
  361.                 {% set revenueCategoryUrl = ea_url().setDashboard("App\\Controller\\Admin\\DashboardController").setController("App\\Flexy\\FrontBundle\\Themes\\Lasalle\\Controller\\ShopAdmin\\Product\\CategoryProductRevenueCrudController").setAction("index") %}
  362.                     <!--<a class="btn-btn-info" href="{{revenueCategoryUrl}}" data-turbo="false"  >Voir plus</a>-->
  363.             </div>
  364.         
  365.         </div>
  366.     </div>
  371.     
  376.     
  377. <script>
  379. document.addEventListener("turbo:load",function(){
  381.         $("#store-select,#year-select,#months-select").change(function(){
  383.             $("#btn-filter-stats").trigger("click");
  385.         });
  387.         $("#year-select").change(function(){
  388.             
  389.             $("#months-select").val(0).change();
  391.             $("#btn-filter-stats").trigger("click");
  393.         });
  395. });
  397. </script>
  402.     </turbo-frame>