@extends('admin._layouts.master')

@section('content')

<div class="row">
    <div class="col-md-12">

        @include('admin._partials._announcements')

        <div class="box">
            <div class="box-body">
                <div class="row">
                    <div class="col-md-8">
                        <h4>@transUc('admin.index.sales')
                            <small>(@transUcFirst('admin.index.last_seven_days'))</small>
                        </h4>
                        <div class="chart">
                            <canvas id="week-stat-chart" style="height: 350px;"></canvas>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <h4>@transUcFirst('admin.index.bestselling_products')
                            <small>(@transUcFirst('admin.index.last_seven_days'))</small>
                        </h4>
                        <table class="table table-striped table-bordered">
                            <tbody>
                                <tr>
                                    <th style="width: 10px">#</th>
                                    <th>@transUc('models.product.model_name')</th>
                                    <th style="width: 40px">@transUc('generic.amount')</th>
                                </tr>
                                @foreach($bestsellingProducts as $index => $product)
                                <tr>
                                    <td>{{ $index + 1 }}.</td>
                                    <td><a href="{{ $product->adminEditUrl }}">{{ $product->name }}</a></td>
                                    <td><span class="badge bg-olive">{{ $product->quantity }}
                                            @trans('generic.uom-short.piece')</span></td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="box-footer">
                    <div class="row">
                        <div class="col-sm-3 col-xs-6">
                            <div class="description-block border-right">
                                <span class="description-percentage text-yellow"><i
                                        class="fa fa-money fa-lg"></i></span>
                                <h5 class="description-header">
                                    @currencySymbol {{ formatCurrency($weekGrossTotal) }}</h5>
                                <span class="description-text">
                                    @transUc('admin.index.sales_total')
                                    <br>
                                    <small>(@transUc('admin.index.last_seven_days'))</small>
                                </span>
                            </div>
                        </div>
                        <div class="col-sm-3 col-xs-6">
                            <div class="description-block border-right">
                                <span class="description-percentage text-green"><i
                                        class="fa fa-shopping-cart fa-lg"></i></span>
                                <h5 class="description-header">{{ $weekNumGrossSales }}
                                    @trans('generic.uom-short.piece')</h5>
                                <span class="description-text">
                                    @transUc('admin.index.total_products_sold')
                                    <br>
                                    <small>(@transUc('admin.index.last_seven_days'))</small>
                                </span>
                            </div>
                        </div>
                        <div class="col-sm-3 col-xs-6">
                            <div class="description-block border-right">
                                <span class="description-percentage text-yellow"><i
                                        class="fa fa-money fa-lg"></i></span>
                                <h5 class="description-header">@currencySymbol {{ formatCurrency($grossTotal) }}
                                </h5>
                                <span class="description-text">
                                    @transUc('admin.index.sales_total')
                                    <br>
                                    <small>(@transUc('admin.index.today'))</small>
                                </span>
                            </div>
                        </div>
                        <div class="col-sm-3 col-xs-6">
                            <div class="description-block">
                                <span class="description-percentage text-green"><i
                                        class="fa fa-shopping-cart fa-lg"></i></span>
                                <h5 class="description-header">{{ $numGrossSales }} @trans('generic.uom-short.piece')
                                </h5>
                                <span class="description-text">
                                    @transUc('admin.index.total_products_sold')
                                    <br>
                                    <small>(@transUc('admin.index.today'))</small>
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>

@endsection

@push('scripts')

{!! HTML::script('/assets/common/chart.js/chart.min.js') !!}

<script>
    $(function () {
            function chartColor(color, alpha) {

                var colors = {
                    blue  : "54, 162, 235",
                    green : "75, 192, 192",
                    grey  : "201, 203, 207",
                    orange: "255, 159, 64",
                    purple: "153, 102, 255",
                    red   : "255, 99, 132",
                    yellow: "255, 205, 86"
                }

                return "rgba(" + colors[color] + ", " + (alpha ? alpha : 1) + ")"
            }

            new Chart($('#week-stat-chart'), {
                type   : 'line',
                data   : {
                    labels  : {!! $weekStatDays !!},
                    datasets: [{
                        label          : ' @trans('admin.index.sales') (@trans('generic.amount'))',
                        data           : {!! $weekStatNumSales !!},
                        backgroundColor: chartColor('red', 0.2),
                        borderColor    : chartColor('red', 0.5),
                        borderWidth    : 3
                    }, {
                        label          : ' @trans('admin.index.sales') ({{ strtoupper(companySetting('currency')) }})',
                        data           : {!! $weekStatSales !!},
                        backgroundColor: chartColor('green', 0.2),
                        borderColor    : chartColor('green', 0.5),
                        borderWidth    : 3
                    },
                    ]
                },
                options: {
                    responsive         : true,
                    maintainAspectRatio: false,
                    tooltips           : {
                        position   : 'average',
                        mode       : 'index',
                        intersect  : false,
                        bodySpacing: 7,
                        xPadding   : 8,
                        yPadding   : 8,
                    },
                }
            })
        })
</script>

@endpush