관리-도구
편집 파일: order-report.blade.php
@extends('layouts.vendor.app') @section('title', translate('order_Report')) @section('content') <div class="content container-fluid"> <div class="mb-3"> <h2 class="h1 mb-0 text-capitalize d-flex align-items-center gap-2"> <img width="20" src="{{asset('public/assets/back-end/img/order_report.png') }}" alt=""> {{ translate('order_Report') }} </h2> </div> <div class="card mb-2"> <div class="card-body"> <form action="" id="form-data" method="GET"> <h4 class="mb-3">{{ translate('filter_Data') }}</h4> <div class="row gx-2 gy-3 align-items-center text-left"> <div class="col-sm-6 col-md-3"> <select class="form-control __form-control" name="date_type" id="date_type"> <option value="this_year" {{ $date_type == 'this_year'? 'selected' : '' }}>{{ translate('this_Year') }}</option> <option value="this_month" {{ $date_type == 'this_month'? 'selected' : '' }}>{{ translate('this_Month') }}</option> <option value="this_week" {{ $date_type == 'this_week'? 'selected' : '' }}>{{ translate('this_Week') }}</option> <option value="today" {{ $date_type == 'today'? 'selected' : '' }}>{{ translate('today') }}</option> <option value="custom_date" {{ $date_type == 'custom_date'? 'selected' : '' }}>{{ translate('custom_Date') }}</option> </select> </div> <div class="col-sm-6 col-md-3" id="from_div"> <div class="form-floating"> <input type="date" name="from" value="{{$from}}" id="from_date" class="form-control"> <label>{{ translate('Start_Date') }}</label> </div> </div> <div class="col-sm-6 col-md-3" id="to_div"> <div class="form-floating"> <input type="date" value="{{$to}}" name="to" id="to_date" class="form-control"> <label>{{ translate('End_Date') }}</label> </div> </div> <div class="col-sm-6 col-md-1"> <button type="submit" class="btn btn--primary px-4 px-md-5"> {{ translate('filter') }} </button> </div> </div> </form> </div> </div> <div class="store-report-content mb-2"> <div class="left-content"> <div class="left-content-card"> <img src="{{dynamicAsset(path: 'public/assets/back-end/img/cart.svg') }}" alt="{{ translate('image') }}"> <div class="info"> <h4 class="subtitle">{{ $order_count['total_order'] }}</h4> <h6 class="subtext">{{ translate('total_Orders') }}</h6> </div> <div class="coupon__discount w-100 text-right d-flex flex-wrap justify-content-between gap-2"> <div class="text-center"> <strong class="text-danger">{{ $order_count['canceled_order'] }}</strong> <div> <span>{{ translate('canceled') }}</span> <span class="ml-2" data-toggle="tooltip" data-placement="top" title="{{ translate('this_count_is_the_summation_of') }} {{ translate('failed_to_deliver') }}, {{ translate('canceled') }}, {{ translate('and') }} {{ translate('returned_orders') }}"> <img class="info-img" src="{{dynamicAsset(path: 'public/assets/back-end/img/info-circle.svg') }}" alt="{{ translate('image') }}"> </span> </div> </div> <div class="text-center"> <strong class="text-primary">{{ $order_count['ongoing_order'] }}</strong> <div> <span>{{ translate('ongoing') }}</span> <span class="ml-2" data-toggle="tooltip" data-placement="top" title="{{ translate('this_count_is_the_summation_of') }} {{ translate('pending') }}, {{ translate('confirmed') }}, {{ translate('packaging') }}, {{ translate('out_for_delivery_orders') }}"> <img class="info-img" src="{{dynamicAsset(path: 'public/assets/back-end/img/info-circle.svg') }}" alt="{{ translate('image') }}"> </span> </div> </div> <div class="text-center"> <strong class="text-success">{{ $order_count['delivered_order'] }}</strong> <div class="d-flex"> <span>{{ translate('completed') }}</span> <span class="ml-2" data-toggle="tooltip" data-placement="top" title="{{ translate('this_count_is_the_summation_of_delivered_orders') }}"> <img class="info-img" src="{{dynamicAsset(path: 'public/assets/back-end/img/info-circle.svg') }}" alt="{{ translate('image') }}"> </span> </div> </div> </div> </div> <div class="left-content-card"> <img src="{{dynamicAsset(path: 'public/assets/back-end/img/products.svg') }}" alt="{{ translate('image') }}"> <div class="info"> <h4 class="subtitle"> {{ setCurrencySymbol(amount: usdToDefaultCurrency(amount: $due_amount+$settled_amount), currencyCode: getCurrencyCode()) }} </h4> <h6 class="subtext">{{ translate('total_Order_Amount') }}</h6> </div> <div class="coupon__discount w-100 text-right d-flex justify-content-between"> <div class="text-center"> <strong class="text-danger"> {{ setCurrencySymbol(amount: usdToDefaultCurrency(amount: $due_amount), currencyCode: getCurrencyCode()) }} </strong> <div class="d-flex"> <span>{{ translate('due_Amount') }}</span> <span class="trx-y-2 ml-2" data-toggle="tooltip" data-placement="top" title="{{ translate('the_ongoing_order_amount_will_be_shown_here') }}"> <img src="{{dynamicAsset(path: 'public/assets/back-end/img/info-circle.svg') }}" alt="{{ translate('image') }}"> </span> </div> </div> <div class="text-center"> <strong class="text-success"> {{ setCurrencySymbol(amount: usdToDefaultCurrency(amount: $settled_amount), currencyCode: getCurrencyCode()) }} </strong> <div class="d-flex"> <span>{{ translate('already_Settled') }}</span> <span class="trx-y-2 ml-2" data-toggle="tooltip" data-placement="top" title="{{ translate('after_the_order_is_delivered_total_order_amount_will_be_shown_here') }}"> <img src="{{dynamicAsset(path: 'public/assets/back-end/img/info-circle.svg') }}" alt="{{ translate('image') }}"> </span> </div> </div> </div> </div> </div> @foreach(array_values($chart_data['order_amount']) as $amount) @php($chart_val[] = usdToDefaultCurrency(amount: $amount)) @endforeach @foreach($chart_data['order_amount'] as $amount) @php($chartVal[] = usdToDefaultCurrency(amount: $amount)) @endforeach <div class="center-chart-area"> @include('layouts.vendor.partials._apexcharts',['title'=>'order_Statistics','statisticsValue'=>$chartVal,'label'=>array_keys($chart_data['order_amount']),'statisticsTitle'=>'total_settled_amount']) </div> <div class="right-content"> <div class="card h-100 bg-white payment-statistics-shadow"> <div class="card-header border-0 "> <h5 class="card-title"> <span>{{ translate('payment_Statistics') }}</span> </h5> </div> <div class="card-body px-0 pt-0"> <div class="position-relative pie-chart"> <div id="dognut-pie" class="label-hide"></div> <div class="total--orders"> <h3 class="mb-1"> {{ getCurrencySymbol(currencyCode: getCurrencyCode()) }}{{ getFormatCurrency(amount: usdToDefaultCurrency(amount: $payment_data['total_payment'])) }} </h3> <span>{{ translate('completed') }} <br> {{ translate('payments') }}</span> </div> </div> <div class="apex-legends"> <div class="before-bg-004188"> <span>{{ translate('cash_Payments') }} ({{ setCurrencySymbol(amount: usdToDefaultCurrency(amount: $payment_data['cash_payment']), currencyCode: getCurrencyCode()) }})</span> </div> <div class="before-bg-0177CD"> <span>{{ translate('digital_Payments') }} ({{ setCurrencySymbol(amount: usdToDefaultCurrency(amount: $payment_data['digital_payment']), currencyCode: getCurrencyCode()) }})</span> </div> <div class="before-bg-A2CEEE"> <span>{{ translate('wallet') }} ({{ setCurrencySymbol(amount: usdToDefaultCurrency(amount: $payment_data['wallet_payment']), currencyCode: getCurrencyCode()) }})</span> </div> <div class="before-bg-CDE6F5"> <span>{{ translate('offline_payments') }} ({{ setCurrencySymbol(amount: usdToDefaultCurrency(amount: $payment_data['offline_payment']), currencyCode: getCurrencyCode()) }})</span> </div> </div> </div> </div> </div> </div> <div class="card"> <div class="card-header border-0"> <div class="d-flex flex-wrap w-100 gap-3 align-items-center"> <h4 class="mb-0 flex-grow-1"> {{ translate('total_Orders') }} <span class="badge badge-soft-dark radius-50 fz-14">{{ $orders->total() }}</span> <span class="badge badge-soft-dark radius-50 fz-14"></span> </h4> <form action="" method="GET" class="mb-0"> <div class="input-group input-group-merge input-group-custom"> <div class="input-group-prepend"> <div class="input-group-text"> <i class="tio-search"></i> </div> </div> <input type="hidden" value="{{ $date_type }}" name="date_type"> <input type="hidden" value="{{ $from }}" name="from"> <input type="hidden" value="{{ $to }}" name="to"> <input id="datatableSearch_" type="search" value="{{ $search }}" name="search" class="form-control" placeholder="{{ translate('search_by_order_id') }}" aria-label="Search orders" required> <button type="submit" class="btn btn--primary">{{ translate('search') }}</button> </div> </form> <div class="dropdown"> <button type="button" class="btn btn-outline--primary text-nowrap btn-block" data-toggle="dropdown"> <i class="tio-download-to"></i> {{ translate('export') }} <i class="tio-chevron-down"></i> </button> <ul class="dropdown-menu dropdown-menu-right"> <li> <a class="dropdown-item" href="{{ route('vendor.report.order-report-excel', ['date_type'=>request('date_type'), 'from'=>request('from'), 'to'=>request('to'), 'search'=>request('search')]) }}"> <img width="14" src="{{dynamicAsset(path: 'public/assets/back-end/img/excel.png') }}" alt=""> {{ translate('excel') }} </a> </li> <li> <a class="dropdown-item" href="{{ route('vendor.report.order-report-pdf', ['date_type'=>request('date_type'), 'from'=>request('from'), 'to'=>request('to'), 'search'=>request('search')]) }}"> <span class="text-warning"><i class="tio-file-text"></i></span> {{ translate('Download_PDF') }} </a> </li> </ul> </div> </div> </div> <div class="table-responsive"> <table id="datatable" class="table __table table-hover table-borderless table-thead-bordered table-nowrap table-align-middle card-table w-100"> <thead class="thead-light thead-50 text-capitalize"> <tr> <th>{{ translate('SL') }}</th> <th>{{ translate('order_ID') }}</th> <th>{{ translate('total_Amount') }}</th> <th>{{ translate('product_Discount') }}</th> <th>{{ translate('coupon_Discount') }}</th> <th>{{ translate('referral_Discount') }}</th> <th>{{ translate('shipping_Charge') }}</th> <th>{{ translate('VAT/TAX') }}</th> <th>{{ translate('commission') }}</th> <th>{{ translate('deliveryman_incentive') }}</th> <th class="text-center">{{ translate('status') }}</th> </tr> </thead> <tbody> @foreach($orders as $key=>$order) <tr> <td>{{ $orders->firstItem()+$key }}</td> <td> <a class="title-color hover-c1" href="{{route('vendor.orders.details',[$order->id]) }}">{{$order->id}}</a> </td> <td>{{ setCurrencySymbol(amount: usdToDefaultCurrency(amount: $order->order_amount), currencyCode: getCurrencyCode()) }}</td> <td>{{ setCurrencySymbol(amount: usdToDefaultCurrency(amount: $order->details_sum_discount), currencyCode: getCurrencyCode()) }}</td> <td>{{ setCurrencySymbol(amount: usdToDefaultCurrency(amount: $order->discount_amount), currencyCode: getCurrencyCode()) }}</td> <td>{{ setCurrencySymbol(amount: usdToDefaultCurrency(amount: $order?->refer_and_earn_discount ?? 0), currencyCode: getCurrencyCode()) }}</td> <td>{{ setCurrencySymbol(amount: usdToDefaultCurrency(amount: $order->shipping_cost - ($order->extra_discount_type == 'free_shipping_over_order_amount' ? $order->extra_discount : 0)), currencyCode: getCurrencyCode()) }}</td> <td>{{ setCurrencySymbol(amount: usdToDefaultCurrency(amount: $order->total_tax_amount ?? $order->details_sum_tax), currencyCode: getCurrencyCode()) }}</td> <td>{{ setCurrencySymbol(amount: usdToDefaultCurrency(amount: $order->admin_commission), currencyCode: getCurrencyCode()) }}</td> <td>{{ setCurrencySymbol(amount: usdToDefaultCurrency(amount: $order->deliveryman_charge), currencyCode: getCurrencyCode()) }}</td> <td> <div class="d-flex justify-content-center"> @if($order['order_status']=='pending') <span class="badge badge-soft-info fs-12"> {{ translate($order['order_status']) }} </span> @elseif($order['order_status']=='processing' || $order['order_status']=='out_for_delivery') <span class="badge badge-soft-warning fs-12"> {{str_replace('_',' ',($order['order_status'] == 'processing') ? translate('packaging'):translate($order['order_status'])) }} </span> @elseif($order['order_status']=='confirmed') <span class="badge badge-soft-success fs-12"> {{ translate($order['order_status']) }} </span> @elseif($order['order_status']=='failed') <span class="badge badge-soft-danger fs-12"> {{ translate('failed_to_deliver') }} </span> @elseif($order['order_status']=='delivered') <span class="badge badge-soft-success fs-12"> {{ translate($order['order_status']) }} </span> @else <span class="badge badge-soft-danger fs-12"> {{ translate($order['order_status']) }} </span> @endif </div> </td> </tr> @endforeach </tbody> </table> </div> @if(count($orders)==0) <@include('layouts.vendor.partials._empty-state',['text'=>'no_order_found'],['image'=>'default']) @endif </div> <div class="table-responsive mt-4"> <div class="px-4 d-flex justify-content-center justify-content-md-end"> {!! $orders->links() !!} </div> </div> </div> <span id="currency_symbol" data-text="{{ getCurrencySymbol(currencyCode: getCurrencyCode()) }}"></span> <span id="cash_payment" data-text="{{ usdToDefaultCurrency(amount: $payment_data['cash_payment']) }}"></span> <span id="digital_payment" data-text="{{ usdToDefaultCurrency(amount: $payment_data['digital_payment']) }}"></span> <span id="wallet_payment" data-text="{{ usdToDefaultCurrency(amount: $payment_data['wallet_payment']) }}"></span> <span id="offline_payment" data-text="{{ usdToDefaultCurrency(amount: $payment_data['offline_payment']) }}"></span> <span id="digital_payment_text" data-text="{{ translate('digital_payment') }}"></span> <span id="cash_payment_text" data-text="{{ translate('cash_payment') }}"></span> <span id="wallet_payment_text" data-text="{{ translate('wallet_payment') }}"></span> <span id="offline_payment_text" data-text="{{ translate('offline_payments') }}"></span> <span id="digital_payment_format" data-text="{{ getFormatCurrency(amount: usdToDefaultCurrency(amount: $payment_data['digital_payment'])) }}"></span> <span id="cash_payment_format" data-text="{{ getFormatCurrency(amount: usdToDefaultCurrency(amount: $payment_data['cash_payment'])) }}"></span> <span id="wallet_payment_format" data-text="{{ getFormatCurrency(amount: usdToDefaultCurrency(amount: $payment_data['wallet_payment'])) }}"></span> <span id="offline_payment_format" data-text="{{ getFormatCurrency(amount: usdToDefaultCurrency(amount: $payment_data['offline_payment'])) }}"></span> @endsection @push('script_2') <script src="{{dynamicAsset(path: 'public/assets/back-end/js/apexcharts.js') }}"></script> <script src="{{dynamicAsset(path: 'public/assets/back-end/js/apexcharts-data-show.js') }}"></script> <script src="{{ dynamicAsset(path: 'public/assets/back-end/js/vendor/order-report.js') }}"></script> @endpush