@extends('layouts.app')

@section('content')
<!-- Content wrapper start -->
<div class="content-wrapper">

    
<!-- Row start -->
<div class="row gutters">
        <div class="d-flex justify-content-between">
        <h6 class="mb-2" style="font-weight:400"> Welcome Back, {{@ucwords(@strtolower(auth()->user()->name))}}!</h6>
        
            <span> <a href="{{route('UserActivity.index')}}">Audit Log</a> </span>
        </div>
        
    </div>
    <!-- Row end -->


    	<!-- Row start -->
        <div class="row gutters">
							<div class="col-xl-4 col-lg-4 col-md-4 col-sm-6 col-12">
								<div class="stats-tile">
									<div class="sale-icon">
										<i class="icon-package"></i>
									</div>
									<div class="sale-details">
										<h2>{{empty($app->currency) ? "GHS" : $app->currency}}@convert($salesToday = $sales - $discount)</h2>
										<p>Sales</p>
									</div>
									<div class="sale-graph">
										<div id="sparklineLine1"></div>
									</div>
								</div>
							</div>
							<div class="col-xl-4 col-lg-4 col-md-4 col-sm-6 col-12">
								<div class="stats-tile">
									<div class="sale-icon">
										<i class="icon-shopping-bag1"></i>
									</div>
									<div class="sale-details">
										<h2>{{$orders}}</h2>
										<p><a href="{{route('AllOrders')}}">Transactions</a></p>
									</div>
									<div class="sale-graph">
										<div id="sparklineLine2"></div>
									</div>
								</div>
							</div>
							<div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-12">
								<div class="stats-tile">
									<div class="sale-icon">
										<i class="icon-droplet"></i>
									</div>
									<div class="sale-details">
										<h2>{{empty($app->currency) ? "GHS" : $app->currency}}@convert($salesToday/($orders == 0 ? 1 : $orders))</h2>
										<p>Avg. Transaction value</p>
									</div>
									<div class="sale-graph">
										<div id="sparklineLine3"></div>
									</div>
								</div>
							</div>
						</div>
						<!-- Row end -->

    <!-- Row start -->
    <div class="row gutters">
        <div class="col-xl-8 col-lg-12 col-md-12 col-sm-12 col-12">
            <div class="card">
                <div class="card-header">
                    <div class="card-title" style="font-weight:400">best selling outlets</div>
                    <div class="graph-day-selection" role="group">
                        <button type="button" class="btn active">Today</button> 
                    </div>
                </div>
                <div class="card-body">
                    <div id="sales"></div>
                    <span class="text-light" style="float:right"><em><small>Note: discounts excluded</small></em></span>
                </div>
            </div>
        </div>

        

        <div class="col-xl-4 col-lg-6 col-md-6 col-sm-6 col-12">
            <div class="card">