@extends('backend.layouts.app')

@section('title', app_name() . ' | ' . __('strings.backend.dashboard.title'))
@push('after-styles')
    {{style('assets/core_ui/css/style.css')}}
@endpush
@section('content')
    <div class="row">
        <div class="col">
            <div class="card">
                <div class="card-header">
                    <strong>{{ __('strings.backend.dashboard.welcome') }} {{ $logged_in_user->name }}!</strong>
                </div><!--card-header-->
                <div class="card-block">
                    <div class="tab-content rounded-bottom">
                        <div class="tab-pane p-3 active preview" role="tabpanel" id="preview-717">
                            <div class="row">
                                <div class="col-sm-6 col-lg-6 col-xs-12">
                                    <div class="card text-white bg-info">
                                        <a href="{{ url('admin/customer') }}" style="text-decoration: none;color: white;">
                                            <div class="card-body">
                                                <div class="text-medium-emphasis-inverse text-end mb-4">
                                                <svg class="icon icon-xxl">
                                                    <use xlink:href="{{asset('assets/core_ui/vendors/@coreui/icons/svg/free.svg#cil-people')}}"></use>
                                                </svg>
                                                </div>
                                                <div class="fs-4 fw-semibold">{{$countAllCustomer}}</div><small class="text-medium-emphasis-inverse text-uppercase fw-semibold">Total Customers</small>
                                                <div class="progress progress-xs mt-3 mb-0">
                                                <div class="progress-bar" role="progressbar" style="width: {{$countAllCustomer}}%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                                                </div>
                                            </div>
                                        </a>
                                    </div>
                                </div>
                                    <!-- /.col-->
                                <div class="col-sm-6 col-lg-6 col-xs-12">
                                    <div class="card text-white bg-success">
                                        <a href="{{ url('admin/customer') }}" style="text-decoration: none;color: white;">
                                            <div class="card-body">
                                                <div class="text-medium-emphasis-inverse text-end mb-4">
                                                <svg class="icon icon-xxl">
                                                    <use xlink:href="{{asset('assets/core_ui/vendors/@coreui/icons/svg/free.svg#cil-user-follow')}}"></use>
                                                </svg>
                                                </div>
                                                <div class="fs-4 fw-semibold">{{$countTodayCustomer}}</div><small class="text-medium-emphasis-inverse text-uppercase fw-semibold">New(Today) Customers</small>
                                                <div class="progress progress-xs mt-3 mb-0">
                                                <div class="progress-bar" role="progressbar" style="width: {{$countTodayCustomer}}%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                                                </div>
                                            </div>
                                        </a>
                                    </div>
                                </div>

                                <!---start line chart----->
                                <div class="col-sm-6 col-lg-6 col-xs-12">
                                    <div class="card mb-2">
                                        <div class="card-header"><strong>Coupons</strong><span class="small ms-1">(Last 7 day)</span></div>
                                        <div class="card-body">
                                        <div class="example">
                                            <div class="tab-content rounded-bottom">
                                            <div class="tab-pane p-3 active preview" role="tabpanel" id="preview-219">
                                                <div class="c-chart-wrapper">
                                                <canvas id="lineChart"></canvas>
                                                </div>
                                            </div>
                                            </div>
                                        </div>
                                        </div>
                                    </div>
                                </div>
                                <!---end line chart----->
                                <!---start bar chart----->
                                <div class="col-sm-6 col-lg-6 col-xs-12">
                                    <div class="card mb-2">
                                        <div class="card-header"><strong>Points</strong><span class="small ms-1">(Last 7 day)</span></div>
                                        <div class="card-body">
                                        <div class="example">
                                            <div class="tab-content rounded-bottom">
                                            <div class="tab-pane p-3 active preview" role="tabpanel" id="preview-219">
                                                <div class="c-chart-wrapper">
                                                <canvas id="barChart"></canvas>
                                                </div>
                                            </div>
                                            </div>
                                        </div>
                                        </div>
                                    </div>
                                </div>
                                <!---end bar chart----->

                                <div class="col-md-12 text-end">
                                    <a href="{{route('admin.analytics')}}">See More ...</a>
                                </div>
                            </div>
                            <!-- /.row-->

                            <div class="row mt-5">