Viewing File: /home/ubuntu/vedadeals-backend-base/resources/views/admin/revenue_dashboard.blade.php

@extends('layouts.admin') 

@section('title') 
  {{ tr('revenue_dashboard') }} 
@endsection 

@section('content-header') 
<span class="menu-title"> {{ tr('revenue_dashboard') }} </span> 
@endsection 

@section('breadcrumb')
<li class="breadcrumb-item active"> {{ tr('revenue_dashboard') }} </li> 
@endsection 

@section('content')
<div class="row g-5 g-xl-8">
   <div class="col-xl-3">
      <a href="{{ route('admin.orders.index') }}" class="card bg-danger card-xl-stretch mb-xl-8">
         <div class="card-body">
            <span class="svg-icon svg-icon-white svg-icon-3x ms-n1">
               <i class="las la-hand-holding-usd fs-4x text-white"></i>
            </span>
            <div class="text-white fw-bolder fs-2 mb-2 mt-5">{{ $data->total_order_amount ?? formatted_amount(0) }}</div>
            <div class="fw-bold text-white">{{ tr('total_revenue') }}</div>
         </div>
      </a>
   </div>
   <div class="col-xl-3">
      <a href="{{ route('admin.orders.index', ['filter_by' => 'TODAY']) }}" class="card bg-success card-xl-stretch mb-xl-8">
         <div class="card-body">
            <span class="svg-icon svg-icon-white svg-icon-3x ms-n1">
               <i class="las la-hand-holding-usd fs-4x text-white"></i>
            </span>
            <div class="text-white fw-bolder fs-2 mb-2 mt-5">{{ $data->today_order_amount ?? formatted_amount(0) }}</div>
            <div class="fw-bold text-white">{{ tr('today_revenue') }}</div>
         </div>
      </a>
   </div>
   <div class="col-xl-3">
      <a href="{{ route('admin.orders.index', ['status' => ORDER_REFUND_SUCCESS]) }}" class="card bg-info card-xl-stretch mb-xl-8">
         <div class="card-body">
            <span class="svg-icon svg-icon-white svg-icon-3x ms-n1">
               <i class="las la-undo fs-4x text-white"></i>
            </span>
            <div class="text-white fw-bolder fs-2 mb-2 mt-5">{{ $data->total_refund_amount ?? formatted_amount(0) }}</div>
            <div class="fw-bold text-white">{{ tr('total_refund_amount') }}</div>
         </div>
      </a>
   </div>
   <div class="col-xl-3">
      <a href="{{ route('admin.orders.index', ['status' => ORDER_REFUND_SUCCESS, 'filter_by' => 'TODAY']) }}" class="card bg-primary card-xl-stretch mb-xl-8">
         <div class="card-body">
            <span class="svg-icon svg-icon-white svg-icon-3x ms-n1">
               <i class="las la-undo fs-4x text-white"></i>
            </span>
            <div class="text-white fw-bolder fs-2 mb-2 mt-5">{{ $data->today_refund_amount ?? formatted_amount(0) }}</div>
            <div class="fw-bold text-white">{{ tr('today_refund_amount') }}</div>
         </div>
      </a>
   </div>
</div>

<div class="row g-5 g-xl-8">
   <div class="col-xl-6">
      <div class="card card-xl-stretch mb-xl-8">
         <div class="card-header border-0 pt-5">
            <h3 class="card-title align-items-start flex-column">
               <span class="card-label fw-bolder fs-3 mb-1"> {{ tr('orders') }} - {{ tr('last_n_statistics', '12 Months') }}</span>
            </h3> 
         </div>
         <div class="card-body">
            <canvas id="orders_month_data" style="height: 350px"></canvas>
         </div>
      </div>
   </div>
   <div class="col-xl-6">
      <div class="card card-xl-stretch mb-xl-8">
         <div class="card-header border-0 pt-5">
            <h3 class="card-title align-items-start flex-column">
               <span class="card-label fw-bolder fs-3 mb-1"> {{ tr('order_payments') }} - {{ tr('last_n_statistics', '12 Months') }}</span>
            </h3> 
         </div>
         <div class="card-body">
            <canvas id="order_payments_month_data" style="height: 350px"></canvas>
         </div>
      </div>
   </div>
</div>

<div class="row g-5 g-xl-8">
   <div class="col-xl-6">
      <div class="card card-xl-stretch mb-xl-8">
         <div class="card-header border-0 pt-5">
            <h3 class="card-title align-items-start flex-column">
               <span class="card-label fw-bolder fs-3 mb-1"> {{ tr('orders') }} - {{ tr('last_n_statistics', '10 Days') }}</span>
            </h3> 
         </div>
         <div class="card-body">
            <canvas id="orders_days_data" style="height: 350px"></canvas>
         </div>
      </div>
   </div>
   <div class="col-xl-6">
      <div class="card card-xl-stretch mb-xl-8">
         <div class="card-header border-0 pt-5">
            <h3 class="card-title align-items-start flex-column">
               <span class="card-label fw-bolder fs-3 mb-1"> {{ tr('order_payments') }} - {{ tr('last_n_statistics', '10 Days') }}</span>
            </h3> 
         </div>
         <div class="card-body">
            <canvas id="order_payments_days_data" style="height: 350px"></canvas>
         </div>
      </div>
   </div>
</div>

<div class="row g-5 g-xl-8">
   <div class="col-xl-6">
      <div class="card card-xl-stretch mb-xl-8">
         <div class="card-header border-0 pt-5">
            <h3 class="card-title align-items-start flex-column">
               <span class="card-label fw-bolder fs-3 mb-1"> {{ tr('refund_orders') }} - {{ tr('last_n_statistics', '12 Months') }}</span>
            </h3> 
         </div>
         <div class="card-body">
            <canvas id="order_refunds_month_data" style="height: 350px"></canvas>
         </div>
      </div>
   </div>
   <div class="col-xl-6">
      <div class="card card-xl-stretch mb-xl-8">
         <div class="card-header border-0 pt-5">
            <h3 class="card-title align-items-start flex-column">
               <span class="card-label fw-bolder fs-3 mb-1"> {{ tr('refund_order_payments') }} - {{ tr('last_n_statistics', '12 Months') }}</span>
            </h3> 
         </div>
         <div class="card-body">
            <canvas id="order_payment_refunds_month_data" style="height: 350px"></canvas>
         </div>
      </div>
   </div>
</div>

<div class="row g-5 g-xl-8">
   <div class="col-xl-6">
      <div class="card card-xl-stretch mb-xl-8">
         <div class="card-header border-0 pt-5">
            <h3 class="card-title align-items-start flex-column">
               <span class="card-label fw-bolder fs-3 mb-1"> {{ tr('refund_orders') }} - {{ tr('last_n_statistics', '10 Days') }}</span>
            </h3> 
         </div>
         <div class="card-body">
            <canvas id="order_refunds_days_data" style="height: 350px"></canvas>
         </div>
      </div>
   </div>
   <div class="col-xl-6">
      <div class="card card-xl-stretch mb-xl-8">
         <div class="card-header border-0 pt-5">
            <h3 class="card-title align-items-start flex-column">
               <span class="card-label fw-bolder fs-3 mb-1"> {{ tr('refund_order_payments') }} - {{ tr('last_n_statistics', '10 Days') }}</span>
            </h3> 
         </div>
         <div class="card-body">
            <canvas id="order_payment_refunds_days_data" style="height: 350px"></canvas>
         </div>
      </div>
   </div>
</div>

<div class="row gy-5 g-xl-8">
   <div class="col-xl-12">
      <div class="card mb-xl-8">
         <div class="card-header border-0">
            <h3 class="card-title fw-bolder text-dark">{{ tr('recent_order_payments') }}</h3>
            <div class="card-toolbar">
               <span class="svg-icon svg-icon-2">
                  <a href="{{ route('admin.order_payments.index') }}" class="btn btn-success btn-sm" title="{{ tr('view_all') }} {{ tr('users') }}"> 
                     <i class="las la-shipping-fast fs-2x text-white"></i> {{ tr('view_all') }}
                  </a>
               </span>
            </div>
         </div>
         <div class="card-body order-dashboard-table overflow-auto"> 
         <table class="table align-middle table-row-dashed fs-6">
         @if($data->recent_order_payments->isNotEmpty())
            <thead>
                <tr class="text-start text-muted fw-bolder fs-7 text-uppercase gs-0">
                    <th class="min-w-1px" nowrap=""> {{ tr('s_no') }} </th>
                    <th class="min-w-1px"> {{ tr('ref_id') }} </th>
                    <th class="min-w-1px"> {{ tr('user') }} </th>
                    <th class="min-w-1px"> {{ tr('payment_id') }} </th>
                    <th class="min-w-1px"> {{ tr('paid_amount') }} </th>
                    <th class="min-w-1px"> {{ tr('payment_mode') }} </th>
                    <th class="min-w-1px"> {{ tr('status') }} </th>
                    <th class="min-w-1px"> {{ tr('action') }} </th>
                </tr>
            </thead>
            <tbody class="text-gray-600 fw-bold"> 
            @foreach($data->recent_order_payments as $i => $order_payment)
                <tr>
                    <td>{{ $i + 1 }}</td>
                    <td>
                        <a href="{{ route('admin.order_payments.view', ['order_payment_id' => $order_payment->id]) }}" class="menu-link">
                        {{ $order_payment->unique_id ? : tr('na') }} 
                        </a>
                    </td>
                    <td> 
                        <a href="{{ route('admin.users.view', ['user_id' => $order_payment->user_id]) }}" class="menu-link">
                        {{ $order_payment->user->name ? : tr('na') }} </a>
                    </td>
                    <td class="text-capitalize"> {{ $order_payment->payment_id ? : tr('na') }} </td>
                    <td class="text-capitalize"> {{ $order_payment->total ? formatted_amount($order_payment->total) : tr('na') }} </td>
                    <td class="text-capitalize"> {{ $order_payment->payment_mode ? : tr('na') }} </td>
                    <td> 
                        <span class="badge py-3 px-4 fs-7 {{ payment_status_badge($order_payment->status) }} "> 
                                {{ $order_payment->status ? withdrawal_status_formatted($order_payment->status) : tr('na') }}
                        </span> 
                    </td>
                    <td class=""> 
                        <a href="{{ route('admin.order_payments.view', ['order_payment_id' => $order_payment->id]) }}" class="menu-link px-3 btn btn-sm btn-primary">{{ tr('view') }}</a> 
                    </td>
                </tr>
            @endforeach 
        @else
                <tr>
                    <div class="card overlay border">
                        <div class="card-body p-0">
                            <div class="overlay-wrapper h-100px bgi-no-repeat bgi-size-contain bgi-position-center">
                                <h2 class="text-center pt-12"> {{ tr('no_data_found') }} </h2>
                            </div>
                        </div>
                    </div>
                </tr>
        @endif 
            </tbody>
        </table>
         </div>
      </div>
   </div>
</div>
</div>
</div>
</div> 

<script type="text/javascript">
   var ctxL = document.getElementById("orders_month_data").getContext('2d');
   var myLineChart = new Chart(ctxL, {
      type: 'line',
      data: {
         datasets: [{
            label: "{{ tr('orders') }}",
            data: <?php print_r(json_encode($data->orders_month_data ?? [])); ?>,
            backgroundColor: ['#F68629', ],
            borderColor: ['#F68629', ],
            borderWidth: 3
         }, ]
      },
      options: {
         responsive: true
      }
   });
</script> 

<script type="text/javascript">
   var ctxL = document.getElementById("order_payments_month_data").getContext('2d');
   var myLineChart = new Chart(ctxL, {
      type: 'line',
      data: {
         datasets: [{
            label: "{{ tr('order_payments') }} - {{ Setting::get('token_symbol') }}",
            data: <?php print_r(json_encode($data->order_payments_month_data)); ?>,
            backgroundColor: ['#388c07', ],
            borderColor: ['#388c07', ],
            borderWidth: 3
         }, ]
      },
      options: {
         responsive: true
      }
   });
</script> 

<script type="text/javascript">
   var ctxL = document.getElementById("orders_days_data").getContext('2d');
   var myLineChart = new Chart(ctxL, {
      type: 'line',
      data: {
         datasets: [{
            label: "{{ tr('orders') }}",
            data: <?php print_r(json_encode($data->orders_days_data)); ?>,
            backgroundColor: ['#2999F6', ],
            borderColor: ['#2999F6', ],
            borderWidth: 3
         }, ]
      },
      options: {
         responsive: true
      }
   });
</script> 

<script type="text/javascript">
   var ctxL = document.getElementById("order_payments_days_data").getContext('2d');
   var myLineChart = new Chart(ctxL, {
      type: 'line',
      data: {
         datasets: [{
            label: "{{ tr('order_payments') }} - {{ Setting::get('token_symbol') }}",
            data: <?php print_r(json_encode($data->order_payments_days_data)); ?>,
            backgroundColor: ['#F6E329', ],
            borderColor: ['#F6E329', ],
            borderWidth: 3
         }, ]
      },
      options: {
         responsive: true
      }
   });
</script>

<script type="text/javascript">
   var ctxL = document.getElementById("order_refunds_month_data").getContext('2d');
   var myLineChart = new Chart(ctxL, {
      type: 'line',
      data: {
         datasets: [{
            label: "{{ tr('orders') }}",
            data: <?php print_r(json_encode($data->order_refunds_month_data ?? [])); ?>,
            backgroundColor: ['#F629CE', ],
            borderColor: ['#F629CE', ],
            borderWidth: 3
         }, ]
      },
      options: {
         responsive: true
      }
   });
</script> 

<script type="text/javascript">
   var ctxL = document.getElementById("order_payment_refunds_month_data").getContext('2d');
   var myLineChart = new Chart(ctxL, {
      type: 'line',
      data: {
         datasets: [{
            label: "{{ tr('order_payments') }} - {{ Setting::get('token_symbol') }}",
            data: <?php print_r(json_encode($data->order_payment_refunds_month_data)); ?>,
            backgroundColor: ['#F62961', ],
            borderColor: ['#F62961', ],
            borderWidth: 3
         }, ]
      },
      options: {
         responsive: true
      }
   });
</script> 

<script type="text/javascript">
   var ctxL = document.getElementById("order_refunds_days_data").getContext('2d');
   var myLineChart = new Chart(ctxL, {
      type: 'line',
      data: {
         datasets: [{
            label: "{{ tr('orders') }}",
            data: <?php print_r(json_encode($data->order_refunds_days_data ?? [])); ?>,
            backgroundColor: ['#0D0B0C', ],
            borderColor: ['#0D0B0C', ],
            borderWidth: 3
         }, ]
      },
      options: {
         responsive: true
      }
   });
</script> 

<script type="text/javascript">
   var ctxL = document.getElementById("order_payment_refunds_days_data").getContext('2d');
   var myLineChart = new Chart(ctxL, {
      type: 'line',
      data: {
         datasets: [{
            label: "{{ tr('order_payments') }} - {{ Setting::get('token_symbol') }}",
            data: <?php print_r(json_encode($data->order_payment_refunds_days_data)); ?>,
            backgroundColor: ['#99D317', ],
            borderColor: ['#99D317', ],
            borderWidth: 3
         }, ]
      },
      options: {
         responsive: true
      }
   });
</script> 
@endsection