{{-- Part of virtualset project. --}}

@extends('_global.admin.admin')

@section('admin-outer-body')
    <style>
        .widget {
            margin-bottom: 25px;
        }
    </style>

    <div class="wrapper wrapper-content">
        <div class="row">
            <div class="col-lg-3">
                <div class="widget style1 navy-bg">
                    <div class="row">
                        <div class="col-xs-4">
                            <i class="fa fa-usd fa-5x"></i>
                        </div>
                        <div class="col-xs-8 text-right">
                            <h4>Total Sales</h4>
                            <h2 class="font-bold">{{ number_format($total, 0) }}</h2>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-3">
                <div class="widget style1 lazur-bg">
                    <div class="row">
                        <div class="col-xs-4">
                            <i class="fa fa-usd fa-5x"></i>
                        </div>
                        <div class="col-xs-8 text-right">
                            <h4>Monthly</h4>
                            <h2 class="font-bold">{{ number_format($month, 0) }}</h2>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-3">
                <div class="widget style1 yellow-bg">
                    <div class="row">
                        <div class="col-xs-4">
                            <i class="fa fa-usd fa-5x"></i>
                        </div>
                        <div class="col-xs-8 text-right">
                            <h4>Weekly</h4>
                            <h2 class="font-bold">{{ number_format($week, 0) }}</h2>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-3">
                <div class="widget style1 blue-bg">
                    <div class="row">
                        <div class="col-xs-4">
                            <i class="fa fa-usd fa-5x"></i>
                        </div>
                        <div class="col-xs-8 text-right">
                            <h4>Daily</h4>
                            <h2 class="font-bold">{{ number_format($daily, 0) }}</h2>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-6">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <a href="{{ $router->html('orders') }}">
                            <span class="label label-primary pull-right">More</span>
                        </a>
                        <h5>Last Orders</h5>
                    </div>
                    <div class="ibox-content">
                        <table class="table table-hover no-margins">
                            <thead>
                                <tr>
                                    <th>Product</th>
                                    <th>Format</th>
                                    <th>Price</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($lastOrders as $lastOrder)
                                <tr>
                                    <td>{{ $lastOrder->title }}</td>
                                    <td>{{ $lastOrder->format_title }}</td>
                                    <td>${{ $lastOrder->price }}</td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <a href="{{ $router->html('orders') }}">
                            <span class="label label-primary pull-right">More</span>
                        </a>
                        <h5>Best Sellers</h5>
                    </div>
                    <div class="ibox-content">
                        <table class="table table-hover no-margins">
                            <thead>
                                <tr>
                                    <th>Product</th>
                                    <th>Price</th>
                                    <th>Ordered</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($bestSellers as $bestSeller)
                                    <tr>
                                        <td>{{ $bestSeller->title }}</td>
                                        <td>${{ $bestSeller->price }}</td>
                                        <td>{{ $bestSeller->ordered }}</td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-6">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <a href="{{ $router->html('products') }}">
                            <span class="label label-primary pull-right">More</span>
                        </a>
                        <h5>Most Viewed Products</h5>
                    </div>
                    <div class="ibox-content">
                        <table class="table table-hover no-margins">
                            <thead>
                                <tr>
                                    <th>Product</th>
                                    <th>Viewed</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($mostVieweds as $mostViewed)
                                    <tr>
                                        <td>{{ $mostViewed->title }}</td>
                                        <td>{{ $mostViewed->hits }}</td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <a href="{{ $router->html('comments') }}">
                            <span class="label label-primary pull-right">More</span>
                        </a>
                        <h5>Last Comments</h5>
                    </div>
                    <div class="ibox-content">
                        <table class="table table-hover no-margins">
                            <thead>
                                <tr>
                                    <th>Product</th>
                                    <th>Name</th>
                                    <th>Rating</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($lastComments as $lastComment)
                                    <tr>
                                        <td>{{ $lastComment->title }}</td>
                                        <td>{{ $lastComment->name }}</td>
                                        <td>{{ $lastComment->rating }}</td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>

    </div>
@stop