@extends('layouts.app')
@section('content')
<!-- BEGIN: Content-->

<link rel="stylesheet" type="text/css" href="{{asset('app-assets/css/pages/dashboard-ecommerce.css')}}">
<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<script src="{{asset('app-assets/vendors/js/charts/apexcharts.min.js')}}"></script>
<script src="{{asset('app-assets/vendors/js/pickers/flatpickr/flatpickr.min.js')}}"></script>
<link rel="stylesheet" type="text/css" href="{{asset('app-assets/vendors/css/pickers/flatpickr/flatpickr.min.css')}}" />

<div class="app-content content ">
    <div class="content-overlay"></div>
    <div class="header-navbar-shadow"></div>
    <div class="content-wrapper container-xxl p-0">
        <div class="content-header row">
        </div>
        <div class="content-body">
            <!-- Dashboard Ecommerce Starts -->
            <section id="dashboard-ecommerce">
                <div class="row match-height">
                    <div class="col-xl-12 col-md-6 col-12">
                        <div class="card card-statistics">
                            <div class="card-header">
                                <h4 class="card-title">{{__('lang.admin_dashboard_statistics')}}</h4>
                                <div class="d-flex align-items-center">
                                    <p class="card-text font-small-2 me-25 mb-0">{{__('lang.admin_dashboard_updated_at')}} {{\Helpers::commonDateTimeFormate(date("Y-m-d H:i:s"))}}</p>
                                </div>
                            </div>
                            <div class="card-body statistics-body">
                                <div class="row">
                                    <div class="col-xl-3 col-sm-6 col-12 mb-2 mb-xl-0">
                                        <a href="{!! route('orders.index') !!}">
                                            <div class="d-flex flex-row">
                                                <div class="avatar bg-light-info me-2">
                                                    <div class="avatar-content">
                                                        <i data-feather="trending-up" class="avatar-icon"></i>
                                                    </div>
                                                </div>
                                                <div class="my-auto">
                                                <h4 class="fw-bolder mb-0">{{!empty($response['sales']) ? \Helpers::currency($response['sales']) : 0}}</h4>
                                                    <p class="card-text font-small-3 mb-0">{{__('lang.admin_dashboard_total_order_amnt')}}</p>
                                                </div>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="col-xl-3 col-sm-6 col-12 mb-2 mb-sm-0">
                                        <a href="{!! route('users.index') !!}">
                                            <div class="d-flex flex-row">
                                                <div class="avatar bg-light-danger me-2">
                                                    <div class="avatar-content">
                                                        <i data-feather="user" class="avatar-icon"></i>
                                                    </div>
                                                </div>
                                                <div class="my-auto">
                                                <h4 class="fw-bolder mb-0">{{!empty($response['customers']) ? $response['customers'] : 0}}</h4>
                                                    <p class="card-text font-small-3 mb-0">{{__('lang.admin_dashboard_total_users')}}</p>
                                                </div>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="col-xl-3 col-sm-6 col-12 mb-2 mb-xl-0">
                                        <a href="{!! url('admin/delivery') !!}?order_date={{$response['pending_orders_date']}}&submit=Search">
                                            <div class="d-flex flex-row">
                                                <div class="avatar bg-light-primary me-2">
                                                    <div class="avatar-content">
                                                        <i data-feather="truck" class="avatar-icon"></i>
                                                    </div>
                                                </div>
                                                <div class="my-auto">
                                                    <h4 class="fw-bolder mb-0">{{!empty($response['pending_orders']) ? $response['pending_orders'] : 0}}</h4>
                                                    <p class="card-text font-small-3 mb-0">{{__('lang.admin_dashboard_pending_orders_at')}} {{\Helpers::commonDateFormate($response['pending_orders_date'])}}</p>
                                                </div>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="col-xl-3 col-sm-6 col-12">
                                        <a href="{!! url('admin/subscription') !!}">
                                            <div class="d-flex flex-row">
                                                <div class="avatar bg-light-success me-2">
                                                    <div class="avatar-content">
                                                        <i data-feather="shopping-bag" class="avatar-icon"></i>
                                                    </div>
                                                </div>
                                                <div class="my-auto">
                                                    <h4 class="fw-bolder mb-0">{{!empty($response['active_subscription']) ? $response['active_subscription'] : 0}}</h4>
                                                    <p class="card-text font-small-3 mb-0">{{__('lang.admin_menu_active_subscription')}}</p>
                                                </div>
                                            </div>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--/ Statistics Card -->
                </div>

                <div class="row match-height">
                    <section id="apexchart">
                        <div class="row">
                    <!-- Area Chart starts -->
                            <div class="col-12">
                                <div class="card">
                                    <div class="card-header d-flex flex-sm-row flex-column justify-content-md-between align-items-start justify-content-start">
                                        <div>
                                            <h4 class="card-title">{{__('lang.admin_dashboard_chart')}}</h4>
                                            <span class="card-subtitle text-muted">{{__('lang.admin_dashboard_user_and_orders')}}</span>
                                        </div>
                                        <form>
                                            @csrf
                                            <div class="d-flex align-items-center">
                                                <i class="font-medium-2" data-feather="calendar"></i>
                                                <input type="text" class="form-control flat-picker bg-transparent border-0 shadow-none" placeholder="YYYY-MM-DD" name="date_range" />
                                                <button type="submit" class="btn btn-primary data-submit"><i class="font-medium-2" data-feather="search"></i></button>
                                            </div>
                                    </form>
                                    </div>
                                    <div class="card-body">
                                        <div id="line-area-chart"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>
                </div>

                <!-- List DataTable -->
                <div class="content-body">
                    <!-- Striped rows start -->
                    <div class="row" id="table-striped">
                        <div class="col-12">
                            <div class="card">
                                <div class="card-header">
                                    <h4 class="card-title">{{__('lang.admin_dashboard_recent_orders_list')}}</h4>
                                    <h6 style="float: right;"><a href="{{ route('orders.index')}}">{{__('lang.admin_dashboard_view_all')}}</a></h6>
                                </div>
                                <div class="table-responsive">
                                    <table class="table table-striped">
                                        <thead>
                                            <tr>
                                                <th>{{__('lang.admin_order_id')}}</th>
                                                <th>{{__('lang.admin_user_phone')}}</th>
                                                <th>{{__('lang.admin_order_status')}}</th>
                                                <th>{{__('lang.admin_amount')}}</th>
                                                <th>{{__('lang.admin_method')}}</th>
                                                <th>{{__('lang.admin_payment_status')}}</th>
                                                <th>{{__('lang.admin_date')}}</th>
                                                <th>{{__('lang.admin_table_action')}}</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @if(count($data) > 0)
                                            @foreach($data as $res)
                                            <tr>
                                                <td><a title="Order Detail" href="{{ route('orders.show', $res->id)}}">#{{$res->id}}</a></td>
                                                <td>{{ isset($res->user)?$res->user->phone:'--' }}</td>
                                                <td>{{ isset($res->order_status) ? $res->order_status->status : '--' }}</td>
                                                <td>{{ isset($res->final_amount) ? \Helpers::currency($res->final_amount) : '--' }}</td>
                                                <td style="text-transform: capitalize;">{{ isset($res->payment_method) ? $res->payment_method : '--' }}</td>
                                                <td>
                                                    @if(isset($res->payment))