>
                </div>
              </div>
            </div>
          </div>
        </div><!-- End Total Value Card -->         
      <!-- Item Distribution -->
      <div class="card">

        <div class="card-body pb-0">
          <h5 class="card-title">{% trans "Item Distribution" %} <span>| {% trans "Total" %}</span></h5>

          <div id="itemDistributionChart" style="min-height: 400px;" class="echart"></div>

          <script>
            document.addEventListener('DOMContentLoaded', () => 