@extends('layouts.app')

@section('content')
    <style type="text/css">
        .text-main, a.text-main:hover, a.text-main:focus {
            color: #f5f5f5;
            font-weight: 700;
        }

        .text-3x {
            font-size: 2.5em;
        }

    </style>
    @if(env('MAIL_USERNAME') == null && env('MAIL_PASSWORD') == null)
        <div class="row">
            <div class="col-sm-12">
                <div class="bg-danger pad-all text-center mar-btm">
                    <h4 class="text-light mar-btm">{{translate('Please Configure SMTP Setting to work all email sending funtionality')}}
                        .</h4>
                    <a class="btn btn-info btn-rounded" href="{{ route('smtp_settings.index') }}">Configure Now</a>
                </div>
            </div>
        </div>
    @endif
    @if(Auth::user()->user_type == 'admin' || in_array('1', json_decode(Auth::user()->staff->role->permissions)))
        <div class="row">
            <div class="col-md-6">
                <div class="panel">
                    <div class="panel-body text-center dash-widget dash-widget-left"
                         style="background-color: #20726a; height: 340px;">
                        <div class="dash-widget-vertical">
                            <div class="rorate">{{translate('PRODUCTS')}}</div>
                        </div>
                        <div class="pad-ver mar-top text-main">
                            <i class="demo-pli-data-settings icon-4x"></i>
                        </div>
                        <br>
                        <p class="text-lg text-main">{{translate('Total published products')}}: <span
                                class="text-bold">{{ $productStats->published_products }}{{-- \App\Product::where('published', 1)->get()->count() --}}</span>
                        </p>
                        @if (\App\BusinessSetting::where('type', 'vendor_system_activation')->first()->value == 1)
                            <p class="text-lg text-main">{{translate('Total sellers products')}}:
                                <span
                                    class="text-bold">{{ $productStats->seller_products }}
                                    {{-- \App\Product::where('published', 1)->where('added_by', 'seller')->get()->count() --}}
                                </span>
                            </p>
                        @endif
                        <p class="text-lg text-main">{{translate('Total admin products')}}: <span
                                class="text-bold">{{ $productStats->admin_products }} {{-- \App\Product::where('added_by', 'admin')->get()->count() --}}</span>
                        </p>
                        <br>
                        @if(Auth::user()->user_type == 'admin')
                            <a href="{{ route('products.admin') }}"
                               class="btn btn-primary mar-top">{{ translate('Manage Products') }} <i
                                    class="fa fa-long-arrow-right"></i></a>
                        @endif
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="row">
                    <div class="col-sm-6">
                        <div class="panel">
                            <div class="pad-top text-center dash-widget" style="background-color: #a1a19f;">
                                <p class="text-normal text-main">{{translate('Total product category')}}</p>
                                <p class="text-semibold text-3x text-main">{{ $categoriesStats->total_categories }}
        {{-- \App\Category::all()->count() --}}</p>
                                @if(Auth::user()->user_type == 'admin')
                                    <a href="{{ route('categories.create') }}"
                                       class="btn btn-primary mar-top btn-block top-border-radius-no">{{translate('Create Category')}}</a>
                                @elseif(Auth::user()->id == "320")
                                    <a href="{{ route('categories.index') }}"
                                       class="btn btn-primary mar-top btn-block top-border-radius-no">{{translate('View Category')}}</a>
                                @endif
                            </div>
                        </div>
                        <div class="panel" style="background-color: #4fc172">
                            <div class="pad-top text-center dash-widget">
                                <p class="text-normal text-main">{{translate('Total product sub sub category')}}</p>
                                <p class="text-semibold text-3x text-main">{{ $categoriesStats->total_sub_sub_categories_count }}{{-- \App\SubSubCategory::all()->count() --}}</p>
                                @if(Auth::user()->user_type == 'admin')
                                    <a href="{{ route('subsubcategories.create') }}"
                                       class="btn btn-primary mar-top btn-block top-border-radius-no">{{translate('Create Sub Sub Category')}}</a>
                                @elseif(Auth::user()->id == "320")
                                    <a href="{{ route('subsubcategories.index') }}"
                                       class="btn btn-primary mar-top btn-block top-border-radius-no">{{translate('View Sub Sub Category')}}</a>
                                @endif
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="panel">
                            <div class="pad-top text-center dash-widget" style="background-color: #0081a8">
                                <p class="text-normal text-main">{{translate('Total product sub category')}}</p>
                                <p class="text-semibold text-3x text-main">{{ $categoriesStats->total_sub_categories_count }} {{-- \App\SubCategory::all()->count() --}}</p>
                                @if(Auth::user()->user_type == 'admin')
                                    <a href="{{ route('subcategories.create') }}"
                                       class="btn btn-primary mar-top btn-block top-border-radius-no">{{translate('Create Sub Category')}}</a>
                                @elseif(Auth::user()->id == "320")
                                    <a href="{{ route('subcategories.index') }}"
                                       class="btn btn-primary mar-top btn-block top-border-radius-no">{{translate('View Sub Category')}}</a>
                                @endif
                            </div>
                        </div>
                        <div class="panel">
                            <div class="pad-top text-center dash-widget" style="background-color: #a58ea9">
                                <p class="text-normal text-main">{{translate('Total product brand')}}</p>
                                <p class="text-semibold text-3x text-main">{{ \App\Brand::count() }}{{-- \App\Brand::all()->count() --}}</p>
                                @if(Auth::user()->user_type == 'admin')
                                    <a href="{{ route('brands.create') }}"
                                       class="btn btn-primary mar-top btn-block top-border-radius-no">{{translate('Create Brand')}}</a>
                                @elseif(Auth::user()->id == "320")
                                    <a href="{{ route('brands.index') }}"
                                       class="btn btn-primary mar-top btn-block top-border-radius-no">{{translate('View Brand')}}</a>
                                @endif
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="panel">
                            <div class="pad-top text-center dash-widget" style="background-color: #293947">
                                <p class="text-normal text-main">{{translate('Gross Sale')}}</p>
                                <p class="text-semibold text-3x text-main">
                                    {{ single_price_new($orderStats->after_grand_total ) }}
                                    {{-- single_price_new($orderStats->after_grand_total + 9604153 ) --}}
                                    {{-- single_price_new($orderStats->grand_total + $orderStats->coupon_discount_total + $oldSale) --}}
                                    {{--single_price($totalSale + $oldSale + $totalcoupon)--}}</p>
                                @if(Auth::user()->user_type == 'admin')
                                    <a href="{{ route('orders.index.admin') }}"
                                       class="btn btn-primary mar-top btn-block top-border-radius-no">{{translate('View Gross Sale')}}</a>
                                @elseif(Auth::user()->id == "320")
                                    <a href="{{ route('orders.index.admin') }}"
                                       class="btn btn-primary mar-top btn-block top-border-radius-no">{{translate('View Gross Sale')}}</a>
                                @endif
                            </div>
                        </div>

                    </div>
                    <div class="col-sm-6">
                        <div class="panel">
                            <div class="pad-top text-center dash-widget" style="background-color: #661111">
                                <p class="text-normal text-main">{{translate("Today's  Gross Sale")}}</p>
                                @php

                                    //$todaySale = \App\Order::where('date', '>', strtotime(\Carbon\Carbon::today()))->get()->sum('grand_total');

                                    //$Todaytotalcoupon = \App\Order::where('date', '>', strtotime(\Carbon\Carbon::today()))->get()->sum('coupon_discount');

                                @endphp
                                <p class="text-semibold text-3x text-main">{{ single_price_new($orderStats->grand_total_today) }}
                                    {{--single_price($todaySale + $Todaytotalcoupon)--}} </p>
                                @if(Auth::user()->user_type == 'admin')
                                    <a href="{{ route('orders.index.admin') }}"
                                       class="btn btn-primary mar-top btn-block top-border-radius-no">{{translate("View Today's Gross Sale")}}</a>
                                @elseif(Auth::user()->id == "320")
                                    <a href="{{ route('orders.index.admin') }}"
                                       class="btn btn-primary mar-top btn-block top-border-radius-no">{{translate("View Today's Gross Sale")}}</a>
                                @endif
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    @endif

    @if((Auth::user()->user_type == 'admin' || in_array('5', json_decode(Auth::user()->staff->role->permissions))) && \App\BusinessSetting::where('type', 'vendor_system_activation')->first()->value == 1)
        <div class="row">
            <div class="col-md-4">
                <div class="panel">
                    <div class="panel-body text-center dash-widget dash-widget-left" style="background-color: #77acc7">
                        <div class="dash-widget-vertical">
                            <div class="rorate">{{translate('SELLERS')}}</div>
                        </div>
                        <br>
                        <p class="text-normal text-main">{{translate('Total sellers')}}</p>
                        <p class="text-semibold text-3x text-main">{{ $sellerStats->total_sellers }}{{-- \App\Seller::all()->count() --}}</p>
                        <br>
                        <a href="{{ route('sellers.index') }}" class="btn-link">{{translate('Manage Sellers')}} <i
                                class="fa fa-long-arrow-right"></i></a>
                        <br>
                        <br>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="panel">
                    <div class="panel-body text-center dash-widget" style="background-color: #2a2c1f">
                        <br>
                        <p class="text-normal text-main">{{translate('Total approved sellers')}}</p>
                        <p class="text-semibold text-3x text-main">{{ $sellerStats->approved_sellers }} {{-- \App\Seller::where('verification_status', 1)->get()->count() --}}</p>
                        <br>
                        <a href="{{ route('sellers.index') }}" class="btn-link">{{translate('Manage Sellers')}} <i
                                class="fa fa-long-arrow-right"></i></a>
                        <br>
                        <br>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="panel">
                    <div class="panel-body text-center dash-widget" style="background-color: #4f5845">
                        <br>
                        <p class="text-normal text-main">{{translate('Total pending sellers')}}</p>
                        <p class="text-semibold text-3x text-main">{{ $sellerStats->pending_sellers }}  {{-- \App\Seller::where('verification_status', 0)->count() --}}</p>
                        <br>
                        <a href="{{ route('sellers.index') }}" class="btn-link">{{translate('Manage Sellers')}} <i
                                class="fa fa-long-arrow-right"></i></a>
                        <br>
                        <br>
                    </div>
                </div>
            </div>
        </div>
    @endif

    <!-- <div class="row">
    <div class="col-md-12">
        <div class="panel">
                <div id="chartContainer" style="height: 300px; width: 100%;"></div>
        </div>
    </div>
</div> -->


    @if(Auth::user()->user_type == 'admin' || in_array('1', json_decode(Auth::user()->staff->role->permissions)))

        <div class="row">
            <div class="col-md-6">
                <div class="panel">
                    <!--Panel heading-->
                    <div class="panel-heading">
                        <h3 class="panel-title">{{translate('Category wise product sale')}}</h3>
                    </div>

                    <!--Panel body-->
                    <div class="panel-body">
                        <div class="table-responsive">
                            <table class="table table-striped mar-no">
                                <thead>
                                <tr>
                                    <th>{{translate('Category Name')}}</th>
                                    <th>{{translate('Sale')}}</th>
                                </tr>
                                </thead>


                                <tbody>
                                @foreach ($categoriesProductsStats as $key => $categoriesProductsStat)
                                    <tr>
                                        <td>{{ __($categoriesProductsStat->name) }}</td>
                                        <td>{{ $categoriesProductsStat->total_sale }}</td>
                                    </tr>
                                @endforeach
                                <tr>
                                    <th>Total</th>
                                    <td><strong>{{ $categoriesProductsStats->sum('total_sale') }}</strong></td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="panel">
                    <!--Panel heading-->
                    <div class="panel-heading">
                        <h3 class="panel-title">{{translate('Category wise product stock')}}</h3>
                    </div>

                    <!--Panel body-->
                    <div class="panel-body">
                        <div class="table-responsive">
                            <table class="table table-striped mar-no">
                                <thead>
                                <tr>
                                    <th>{{translate('Category Name')}}</th>
                                    <th>{{translate('Stock')}}</th>

                                </tr>
                                </thead>


                                <tbody>
                                @foreach ($categoriesProductsStats as $key => $categoriesProductsStat)

                                    <tr>
                                        <td>{{ __($categoriesProductsStat->name) }}</td>
                                        <td>{{ $categoriesProductsStat->total_product_stocks }}</td>
                                    </tr>

                                @endforeach
                                <tr>
                                    <th>Total</th>
                                    <td><strong>{{ $categoriesProductsStats->sum('total_product_stocks') }}</strong></td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    @endif

    @if(Auth::user()->user_type == 'admin' || in_array('9', json_decode(Auth::user()->staff->role->permissions)))
        <div class="row">
            <div class="col-md-6">
                <div class="panel">
                    <div class="panel-body text-center dash-widget pad-no" style="background-color: #274447">
                        <div class="pad-ver mar-top text-main">
                            <i class="demo-pli-data-settings icon-4x"></i>
                        </div>
                        <br>
                        <p class="text-3x text-main bg-primary pad-ver">{{translate('Frontend')}}
                            <strong>{{translate('Setting')}}</strong></p>
                        <br>
                        <br>
                        <br>
                        <br>
                        <br>
                        <br>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="row">
                    <div class="col-sm-6">
                        <div class="panel" style="background-color: #274447">
                            <div class="pad-top text-center dash-widget">
                                <p class="text-semibold text-lg text-main mar-ver">
                                    {{translate('Home page')}} <br>
                                    {{translate('setting')}}
                                </p>
                                <br>
                                <a href="{{ route('home_settings.index') }}"
                                   class="btn btn-primary mar-top btn-block top-border-radius-no">{{translate('Click Here')}}</a>
                            </div>
                        </div>
                        <div class="panel" style="background-color: #274447">
                            <div class="pad-top text-center dash-widget">
                                <p class="text-semibold text-lg text-main mar-ver">
                                    {{translate('Policy page')}} <br>
                                    {{translate('setting')}}
                                </p>
                                <br>
                                <a href="{{route('privacypolicy.index', 'privacy_policy')}}"
                                   class="btn btn-primary mar-top btn-block top-border-radius-no">{{translate('Click Here')}}</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="panel" style="background-color: #274447">
                            <div class="pad-top text-center dash-widget">
                                <p class="text-semibold text-lg text-main mar-ver">
                                    {{translate('General')}} <br>
                                    {{translate('setting')}}
                                </p>
                                <br>
                                <a href="{{route('generalsettings.index')}}"
                                   class="btn btn-primary mar-top btn-block top-border-radius-no">{{translate('Click Here')}}</a>
                            </div>
                        </div>
                        <div class="panel" style="background-color: #274447">
                            <div class="pad-top text-center dash-widget">
                                <p class="text-semibold text-lg text-main mar-ver">
                                    {{translate('Useful link')}} <br>
                                    {{translate('setting')}}
                                </p>
                                <br>
                                <a href="{{route('links.index')}}"
                                   class="btn btn-primary mar-top btn-block top-border-radius-no">{{translate('Click Here')}}</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    @endif

    @if(Auth::user()->user_type == 'admin' || in_array('8', json_decode(Auth::user()->staff->role->permissions)))
        <div class="flex-row">
            <div class="flex-col-xl flex-col-lg-6 flex-col-12">
                <div class="panel" style="background-color: #274447">
                    <div class="pad-top text-center dash-widget">
                        <p class="text-semibold text-lg text-main mar-ver">
                            {{translate('Activation')}} <br>
                            {{translate('setting')}}
                        </p>
                        <br>
                        <a href="{{route('activation.index')}}"
                           class="btn btn-primary mar-top btn-block top-border-radius-no">{{translate('Click Here')}}</a>
                    </div>
                </div>
                <div class="panel" style="background-color: #274447">
                    <div class="pad-top text-center dash-widget">
                        <p class="text-semibold text-lg text-main mar-ver">
                            {{translate('SMTP')}} <br>
                            {{translate('setting')}}
                        </p>
                        <br>
                        <a href="{{ route('smtp_settings.index') }}"
                           class="btn btn-primary mar-top btn-block top-border-radius-no">{{translate('Click Here')}}</a>
                    </div>
                </div>
            </div>
            <div class="flex-col-xl flex-col-lg-6 flex-col-12">
                <div class="panel" style="background-color: #274447">
                    <div class="pad-top text-center dash-widget">
                        <p class="text-semibold text-lg text-main mar-ver">
                            {{translate('Payment method')}} <br>
                            {{translate('setting')}}
                        </p>
                        <br>
                        <a href="{{ route('payment_method.index') }}"
                           class="btn btn-primary mar-top btn-block top-border-radius-no">{{translate('Click Here')}}</a>
                    </div>
                </div>
                <div class="panel" style="background-color: #274447">
                    <div class="pad-top text-center dash-widget">
                        <p class="text-semibold text-lg text-main mar-ver">
                            {{translate('Social media')}} <br>
                            {{translate('setting')}}
                        </p>
                        <br>
                        <a href="{{ route('social_login.index') }}"
                           class="btn btn-primary mar-top btn-block top-border-radius-no">{{translate('Click Here')}}</a>
                    </div>
                </div>
            </div>
            <div class="flex-col-xl flex-col-lg-12 flex-col-12">
                <div class="panel" style="background-color: #274447">
                    <div class="panel-body text-center dash-widget bg-primary">
                        <br>
                        <br>
                        <i class="demo-pli-gear icon-5x"></i>
                        <br>
                        <br>
                        <br>
                        <br>
                        <p class="text-semibold text-2x text-light mar-ver">
                            {{translate('Business')}} <br>
                            {{translate('setting')}}
                        </p>
                        <br>
                        <br>
                    </div>
                </div>
            </div>
            <div class="flex-col-xl flex-col-lg-6 flex-col-12">
                <div class="panel" style="background-color: #274447">
                    <div class="pad-top text-center dash-widget">
                        <p class="text-semibold text-lg text-main mar-ver">
                            {{translate('Currency')}} <br>
                            {{translate('setting')}}
                        </p>
                        <br>
                        <a href="{{route('currency.index')}}"
                           class="btn btn-primary mar-top btn-block top-border-radius-no ">{{translate('Click Here')}}</a>
                    </div>
                </div>
                <div class="panel" style="background-color: #274447">
                    <div class="pad-top text-center dash-widget">
                        <p class="text-semibold text-lg text-main mar-ver">
                            {{translate('Seller verification')}} <br>
                            {{translate('form setting')}}
                        </p>
                        <br>
                        <a href="{{route('seller_verification_form.index')}}"
                           class="btn btn-primary mar-top btn-block top-border-radius-no">{{translate('Click Here')}}</a>
                    </div>
                </div>
            </div>
            <div class="flex-col-xl flex-col-lg-6 flex-col-12">
                <div class="panel" style="background-color: #274447">
                    <div class="pad-top text-center dash-widget">
                        <p class="text-semibold text-lg text-main mar-ver">
                            {{translate('Language')}} <br>
                            {{translate('setting')}}
                        </p>
                        <br>
                        <a href="{{route('languages.index')}}"
                           class="btn btn-primary mar-top btn-block top-border-radius-no">{{translate('Click Here')}}</a>
                    </div>
                </div>
                <div class="panel" style="background-color: #274447">
                    <div class="pad-top text-center dash-widget">
                        <p class="text-semibold text-lg text-main mar-ver">
                            {{translate('Seller commission')}} <br>
                            {{translate('setting')}}
                        </p>
                        <br>
                        <a href="{{ route('business_settings.vendor_commission') }}"
                           class="btn btn-primary mar-top btn-block">{{translate('Click Here')}}</a>
                    </div>
                </div>
            </div>
        </div>


    @endif

    <script type="text/javascript">
        window.onload = function () {

            var chart = new CanvasJS.Chart("chartContainer", {
                    theme: "light2", // "light1", "light2", "dark1", "dark2"
                    animationEnabled: true,
                    title: {
                        text: "Sale Value - 2025"
                    },
                    axisX: {
                        interval: 1,
                        intervalType: "month",
                        valueFormatString: "MMM"
                    },
                    axisY: {
                        title: "Price (in INR)",
                        includeZero: true,
                        valueFormatString: "₹#0"
                    },
                    data: [{
                        type: "line",
                        markerSize: 12,
                        xValueFormatString: "MMM, YYYY",
                        yValueFormatString: "₹###.#",
                        dataPoints: [
                            {
                                x: new Date(2021, 00, 1),
                                y: 6001,
                                indexLabel: "gain",
                                markerType: "triangle",
                                markerColor: "#6B8E23"
                            },
                            {
                                x: new Date(2021, 01, 1),
                                y: 7001,
                                indexLabel: "gain",
                                markerType: "triangle",
                                markerColor: "#6B8E23"
                            },
                            {
                                x: new Date(2021, 02, 1),
                                y: 5500,
                                indexLabel: "loss",
                                markerType: "cross",
                                markerColor: "tomato"
                            },
                            {
                                x: new Date(2021, 03, 1),
                                y: 5000,
                                indexLabel: "loss",
                                markerType: "cross",
                                markerColor: "tomato"
                            },
                            {
                                x: new Date(2021, 04, 1),
                                y: 6500,
                                indexLabel: "gain",
                                markerType: "triangle",
                                markerColor: "#6B8E23"
                            },
                            {
                                x: new Date(2021, 05, 1),
                                y: 8500,
                                indexLabel: "gain",
                                markerType: "triangle",
                                markerColor: "#6B8E23"
                            },
                            {
                                x: new Date(2021, 06, 1),
                                y: 6800,
                                indexLabel: "loss",
                                markerType: "cross",
                                markerColor: "tomato"
                            },
                            {
                                x: new Date(2021, 07, 1),
                                y: 2800,
                                indexLabel: "loss",
                                markerType: "cross",
                                markerColor: "tomato"
                            },
                            {x: new Date(2021, 08, 1), y: 3400, indexLabel: "gain", markerType: "triangle",
                markerColor: "#6B8E23"
        },
            {
                x: new Date(2021, 0
                9, 1
            ) ,
                y: 2400, indexLabel
            :
                "loss", markerType
            :
                "cross", markerColor
            :
                "tomato"
            }
        ,
            {
                x: new Date(2021, 10, 1) , y
            :
                4400, indexLabel
            :
                "gain", markerType
            :
                "triangle", markerColor
            :
                "#6B8E23"
            }
        ,
            {
                x: new Date(2021, 11, 1) , y
            :
                3400, indexLabel
            :
                "loss", markerType
            :
                "cross", markerColor
            :
                "tomato"
            }
        ]
        }]
        })
            ;
            chart.render();

        }
    </script>
    <script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
@endsection