templates/dashboard/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}{{ 'common.dashboard'|trans }}{% endblock %}
  5. {% block page_title %}{{ 'common.dashboard'|trans }}{% endblock %}
  7. {% block breadcrumb %}
  8.     {% include 'breadcrumb.html.twig' with {title: 'common.dashboard'|trans} %}
  9. {% endblock %}
  11. {% block body %}
  12.     <div class="row">
  13.         <div class="col-lg-12 col-md-12 col-sm-12 col-xl-12">
  14.             <div class="row">
  15.                 <div class="col-lg-6 col-md-6 col-sm-12 col-xl-3">
  16.                     <div class="card overflow-hidden">
  17.                         <div class="card-body">
  18.                             <div class="d-flex">
  19.                                 <div class="mt-2">
  20.                                     <h6 class="">{{ 'dashboard_stats.total_users'|trans }}</h6>
  21.                                     <h2 class="mb-0 number-font">44,278</h2>
  22.                                 </div>
  23.                                 <div class="ms-auto">
  24.                                     <div class="chart-wrapper mt-1">
  25.                                         <canvas id="saleschart"
  26.                                                 class="h-8 w-9 chart-dropshadow"></canvas>
  27.                                     </div>
  28.                                 </div>
  29.                             </div>
  30.                             <span class="text-muted fs-12"><span class="text-secondary"><i
  31.                                             class="fe fe-arrow-up-circle  text-secondary"></i> 5%</span>
  32.                                                     {{ 'dashboard_stats.last_week'|trans }}</span>
  33.                         </div>
  34.                     </div>
  35.                 </div>
  36.                 <div class="col-lg-6 col-md-6 col-sm-12 col-xl-3">
  37.                     <div class="card overflow-hidden">
  38.                         <div class="card-body">
  39.                             <div class="d-flex">
  40.                                 <div class="mt-2">
  41.                                     <h6 class="">{{ 'dashboard_stats.total_profit'|trans }}</h6>
  42.                                     <h2 class="mb-0 number-font">67,987</h2>
  43.                                 </div>
  44.                                 <div class="ms-auto">
  45.                                     <div class="chart-wrapper mt-1">
  46.                                         <canvas id="leadschart"
  47.                                                 class="h-8 w-9 chart-dropshadow"></canvas>
  48.                                     </div>
  49.                                 </div>
  50.                             </div>
  51.                             <span class="text-muted fs-12"><span class="text-pink"><i
  52.                                             class="fe fe-arrow-down-circle text-pink"></i> 0.75%</span>
  53.                                                     {{ 'dashboard_stats.last_6_days'|trans }}</span>
  54.                         </div>
  55.                     </div>
  56.                 </div>
  57.                 <div class="col-lg-6 col-md-6 col-sm-12 col-xl-3">
  58.                     <div class="card overflow-hidden">
  59.                         <div class="card-body">
  60.                             <div class="d-flex">
  61.                                 <div class="mt-2">
  62.                                     <h6 class="">{{ 'dashboard_stats.total_expenses'|trans }}</h6>
  63.                                     <h2 class="mb-0 number-font">$76,965</h2>
  64.                                 </div>
  65.                                 <div class="ms-auto">
  66.                                     <div class="chart-wrapper mt-1">
  67.                                         <canvas id="profitchart"
  68.                                                 class="h-8 w-9 chart-dropshadow"></canvas>
  69.                                     </div>
  70.                                 </div>
  71.                             </div>
  72.                             <span class="text-muted fs-12"><span class="text-green"><i
  73.                                             class="fe fe-arrow-up-circle text-green"></i> 0.9%</span>
  74.                                                     {{ 'dashboard_stats.last_9_days'|trans }}</span>
  75.                         </div>
  76.                     </div>
  77.                 </div>
  78.                 <div class="col-lg-6 col-md-6 col-sm-12 col-xl-3">
  79.                     <div class="card overflow-hidden">
  80.                         <div class="card-body">
  81.                             <div class="d-flex">
  82.                                 <div class="mt-2">
  83.                                     <h6 class="">{{ 'dashboard_stats.total_cost'|trans }}</h6>
  84.                                     <h2 class="mb-0 number-font">$59,765</h2>
  85.                                 </div>
  86.                                 <div class="ms-auto">
  87.                                     <div class="chart-wrapper mt-1">
  88.                                         <canvas id="costchart"
  89.                                                 class="h-8 w-9 chart-dropshadow"></canvas>
  90.                                     </div>
  91.                                 </div>
  92.                             </div>
  93.                             <span class="text-muted fs-12"><span class="text-warning"><i
  94.                                             class="fe fe-arrow-up-circle text-warning"></i> 0.6%</span>
  95.                                                     {{ 'dashboard_stats.last_year'|trans }}</span>
  96.                         </div>
  97.                     </div>
  98.                 </div>
  99.             </div>
  100.         </div>
  101.     </div>
  103.     <div class="row">
  104.         <div class="col-sm-12 col-md-12 col-lg-12 col-xl-9">
  105.             <div class="card">
  106.                 <div class="card-header">
  107.                     <h3 class="card-title">{{ 'dashboard_stats.sales_analytics'|trans }}</h3>
  108.                 </div>
  109.                 <div class="card-body">
  110.                     <div class="d-flex mx-auto text-center justify-content-center mb-4">
  111.                         <div class="d-flex text-center justify-content-center me-3"><span
  112.                                     class="dot-label bg-primary my-auto"></span>{{ 'dashboard_stats.total_sales'|trans }}</div>
  113.                         <div class="d-flex text-center justify-content-center"><span
  114.                                     class="dot-label bg-secondary my-auto"></span>{{ 'dashboard_stats.total_orders'|trans }}</div>
  115.                     </div>
  116.                     <div class="chartjs-wrapper-demo">
  117.                         <canvas id="transactions" class="chart-dropshadow"></canvas>
  118.                     </div>
  119.                 </div>
  120.             </div>
  121.         </div>
  122.         <div class="col-sm-12 col-md-12 col-lg-12 col-xl-3">
  123.             <div class="card overflow-hidden">
  124.                 <div class="card-body pb-0 bg-recentorder">
  125.                     <h3 class="card-title text-white">{{ 'dashboard_stats.recent_orders'|trans }}</h3>
  126.                     <div class="chartjs-wrapper-demo">
  127.                         <canvas id="recentorders" class="chart-dropshadow"></canvas>
  128.                     </div>
  129.                 </div>
  130.                 <div id="flotback-chart" class="flot-background"></div>
  131.                 <div class="card-body">
  132.                     <div class="d-flex mb-4 mt-3">
  133.                         <div
  134.                                 class="avatar avatar-md bg-secondary-transparent text-secondary bradius me-3">
  135.                             <i class="fe fe-check"></i>
  136.                         </div>
  137.                         <div class="">
  138.                             <h6 class="mb-1 fw-semibold">{{ 'dashboard_stats.delivered_orders'|trans }}</h6>
  139.                             <p class="fw-normal fs-12"> <span class="text-success">3.5%</span>
  140.                                 {{ 'dashboard_stats.increased'|trans }} </p>
  141.                         </div>
  142.                         <div class=" ms-auto my-auto">
  143.                             <p class="fw-bold fs-20"> 1,768 </p>
  144.                         </div>
  145.                     </div>
  146.                     <div class="d-flex">
  147.                         <div class="avatar  avatar-md bg-pink-transparent text-pink bradius me-3">
  148.                             <i class="fe fe-x"></i>
  149.                         </div>
  150.                         <div class="">
  151.                             <h6 class="mb-1 fw-semibold">{{ 'dashboard_stats.cancelled_orders'|trans }}</h6>
  152.                             <p class="fw-normal fs-12"> <span class="text-success">1.2%</span>
  153.                                 {{ 'dashboard_stats.increased'|trans }} </p>
  154.                         </div>
  155.                         <div class=" ms-auto my-auto">
  156.                             <p class="fw-bold fs-20 mb-0"> 3,675 </p>
  157.                         </div>
  158.                     </div>
  159.                 </div>
  160.             </div>
  161.         </div>
  162.     </div>
  163. {% endblock %}