@extends('admin.admin')

@section('title')
    Appricot Admin Dashboard
@endsection

@section('content')
    <section class="section" style="margin-top: 100px;">
        <div class="row">
            {{-- analytics --}}
            <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                <div class="card card-statistic-1">
                    <div class="card-icon bg-primary">
                        <i class="fa fa-cart-shopping" style="color: white; font-size: 25px;"></i>
                    </div>
                    <div class="card-wrap">
                        <div class="card-header">
                            <h4>Total Orders</h4>
                        </div>
                        <div class="card-body">
                            {{ count($totalOrders) }}
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                <div class="card card-statistic-1">
                    <div class="card-icon bg-danger">
                        <i class="fa fa-cart-shopping" style="color: white; font-size: 25px;"></i>
                    </div>
                    <div class="card-wrap">
                        <div class="card-header">
                            <h4>Pending Orders</h4>
                        </div>
                        <div class="card-body">
                            {{ count($pendingOrders) }}
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                <div class="card card-statistic-1">
                    <div class="card-icon bg-warning">
                        <i class="fa fa-cart-shopping" style="color: white; font-size: 25px;"></i>
                    </div>
                    <div class="card-wrap">
                        <div class="card-header">
                            <h4>Cancelled Orders</h4>
                        </div>
                        <div class="card-body">
                            {{ count($cancelledOrders) }}
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                <div class="card card-statistic-1">
                    <div class="card-icon bg-success">
                        <i class="fa fa-cart-shopping" style="color: white; font-size: 25px;"></i>
                    </div>
                    <div class="card-wrap">
                        <div class="card-header">
                            <h4>On The Way Orders</h4>
                        </div>
                        <div class="card-body">
                            {{ count($onTheWayOrders) }}
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                <div class="card card-statistic-1">
                    <div class="card-icon bg-primary">
                        <i class="fa fa-cart-shopping" style="color: white; font-size: 25px;"></i>
                    </div>
                    <div class="card-wrap">
                        <div class="card-header">
                            <h4>Processed Orders</h4>
                        </div>
                        <div class="card-body">
                            {{ count($processedOrders) }}
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                <div class="card card-statistic-1">
                    <div class="card-icon bg-danger">
                        <i class="fa fa-cart-shopping" style="color: white; font-size: 25px;"></i>
                    </div>
                    <div class="card-wrap">
                        <div class="card-header">
                            <h4>Delivered Orders</h4>
                        </div>
                        <div class="card-body">
                            {{ count($deliveredOrders) }}
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                <div class="card card-statistic-1">
                    <div class="card-icon bg-warning">
                        <i class="fa-solid fa-list" style="color: white; font-size: 25px;"></i>
                    </div>
                    <div class="card-wrap">
                        <div class="card-header">
                            <h4>Categories</h4>
                        </div>
                        <div class="card-body">
                            {{ count($categories) }}
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                <div class="card card-statistic-1">
                    <div class="card-icon bg-success">
                        <i class="fa-solid fa-box" style="color: white; font-size: 25px;"></i>
                    </div>
                    <div class="card-wrap">
                        <div class="card-header">
                            <h4>Products</h4>
                        </div>
                        <div class="card-body">
                            {{ count($products) }}
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                <div class="card card-statistic-1">
                    <div class="card-icon bg-primary">
                        <i class="fa-solid fa-columns" style="color: white; font-size: 25px;"></i>
                    </div>
                    <div class="card-wrap">
                        <div class="card-header">
                            <h4>Brands</h4>
                        </div>
                        <div class="card-body">
                            {{ count($brands) }}
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                <div class="card card-statistic-1">
                    <div class="card-icon bg-danger">
                        <i class="fa-solid fa-user" style="color: white; font-size: 25px;"></i>
                    </div>
                    <div class="card-wrap">
                        <div class="card-header">
                            <h4>Subscribers</h4>
                        </div>
                        <div class="card-body">
                            {{ count($subscribers) }}
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                <div class="card card-statistic-1">
                    <div class="card-icon bg-warning">
                        <i class="fa-solid fa-user" style="color: white; font-size: 25px;"></i>
                    </div>
                    <div class="card-wrap">
                        <div class="card-header">
                            <h4>Customers</h4>
                        </div>
                        <div class="card-body">
                            {{ count($customers) }}
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                <div class="card card-statistic-1">
                    <div class="card-icon bg-success">
                        <i class="fa-solid fa-user" style="color: white; font-size: 25px;"></i>
                    </div>
                    <div class="card-wrap">
                        <div class="card-header">
                            <h4>Subcategories</h4>
                        </div>
                        <div class="card-body">
                            {{ count($subcategories) }}
                        </div>
                    </div>
                </div>
            </div>

            {{-- latest orders --}}
            {{-- <div style="margin-top: 70px;">
                <div class="col-lg-12">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="mt-3 text-center m-auto">Latest Orders</h3>
                        </div>
                        <div class="card-body">
                            <table class="table table-sm myTable" id="myTable">
                                <thead>
                                    <tr>
                                        <th>SL</th>
                                        <th>Order Id</th>
                                        <th>Subtotal</th>
                                        <th>Discount</th>
                                        <th>Delivery Charge</th>
                                        <th>Grand Total</th>
                                        <th>Payment Status</th>
                                        <th>Order Status</th>
                                        <th>Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($latestOrders as $sl => $order)
                                        <tr>
                                            <td>{{ $sl + 1 }}</td>
                                            <td>{{ $order->invoice_id }}</td>
                                            <td>{{ $order->subtotal }}</td>
                                            <td>{{ $order->discount ?? 0 }}</td>
                                            <td>{{ $order->delivery_charge ?? 0 }}</td>
                                            <td>{{ $order->total }}</td>
                                            <td>
                                                @if ($order->payment_status == 'completed')
                                                    <span
                                                        class="badge bg-success text-white">{{ $order->payment_status }}</span>
                                                @elseif ($order->payment_status == 'pending')
                                                    <span
                                                        class="badge bg-danger text-white">{{ $order->payment_status }}</span>
                                                @endif
                                            </td>

                                            <td>
                                                @if ($order->order_status == 'delivered')
                                                    <span
                                                        class="badge bg-success text-white">{{ $order->order_status }}</span>
                                                @elseif($order->order_status == 'processed')
                                                    <span
                                                        class="badge bg-secondary text-white">{{ $order->order_status }}</span>
                                                @elseif($order->order_status == 'pending')
                                                    <span
                                                        class="badge bg-warning text-white">{{ $order->order_status }}</span>
                                                @elseif($order->order_status == 'cancelled')
                                                    <span
                                                        class="badge bg-danger text-white">{{ $order->order_status }}</span>
                                                @elseif($order->order_status == 'completed')
                                                    <span
                                                        class="badge bg-success text-white">{{ $order->order_status }}</span>
                                                @endif
                                            </td>

                                            <td class="d-flex">
                                                <a href="{{ route('admin.order.show', $order->id) }}"
                                                    class="btn btn-primary mx-2 btn-sm">
                                                    <i class="fa-solid fa-eye"></i>
                                                </a>

                                                <a href="{{ route('admin.order.destroy', $order->id) }}"
                                                    class="btn btn-danger mx-2 btn-sm">
                                                    <i class="fa-solid fa-trash"></i>
                                                </a>

                                                <a href="{{ route('admin.order.invoice', $order->id) }}"
                                                    class="btn btn-dark mx-2 btn-sm">
                                                    <i class="fa-solid fa-receipt"></i>
                                                </a>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div> --}}
        </div>
    </section>
@endsection