{{-------------------------------------------------------------------------------------------------------------------------------- general totals --}}
<div class="row">
    @if(isset($grossSales))
        <div class="col-md-6 col-sm-12 col-xs-12">
            <div class="info-box">
                <span class="info-box-icon bg-yellow"><i class="fa fa-money"></i></span>

                <div class="info-box-content">
                    <span class="info-box-text">@transUc('generic.financial.gross_sales_total')</span>
                    <span class="info-box-number">@currencySymbol {{ formatCurrency($grossSales) }}</span>
                </div>
            </div>
        </div>
    @endif
    @if(isset($numGrossSales))
        <div class="col-md-6 col-sm-12 col-xs-12">
            <div class="info-box">
                <span class="info-box-icon bg-green"><i class="fa fa-shopping-cart"></i></span>

                <div class="info-box-content">
                    <span class="info-box-text">@transUc('admin.sales.sales.num_gross_sold_products')</span>
                    <span class="info-box-number">{{ $numGrossSales }}</span>
                </div>
            </div>
        </div>
    @endif
    @if(isset($netSales))
        <div class="col-md-6 col-sm-12 col-xs-12">
            <div class="info-box">
                <span class="info-box-icon bg-yellow"><i class="fa fa-money"></i></span>

                <div class="info-box-content">
                    <span class="info-box-text">@transUc('generic.financial.net_sales_total')</span>
                    <span class="info-box-number">@currencySymbol {{ formatCurrency($netSales) }}</span>
                </div>
            </div>
        </div>
    @endif
    @if(isset($numNetSales))
        <div class="col-md-6 col-sm-12 col-xs-12">
            <div class="info-box">
                <span class="info-box-icon bg-green"><i class="fa fa-shopping-cart"></i></span>

                <div class="info-box-content">
                    <span class="info-box-text">@transUc('generic.financial.num_net_sales')</span>
                    <span class="info-box-number">{{ $numNetSales }}</span>
                </div>
            </div>
        </div>
    @endif
</div>


{{--------------------------------------------------------------------------------------------------------------------------- payment type totals --}}
<div class="row no-print">
    @if(isset($cashSales))
        <div class="col-lg-4 col-md-6 col-xs-12">
            <div class="info-box bg-gray-light">
                <span class="info-box-icon"><i class="fa fa-money"></i></span>

                <div class="info-box-content">
                    <span class="info-box-text">@transUc('generic.financial.payment_types.cash')</span>
                    <span class="info-box-number">@currencySymbol {{ formatCurrency($cashSales) }}
                        @if(isset($numCashSales) && $numCashSales)
                            <span class="small"> &nbsp {{ $numCashSales }} @trans('admin.sales.checkout.index.num_products')</span>
                        @endif
                    </span>

                    <div class="progress">
                        <div class="progress-bar" style="width: {{ getPct($totalSales, $cashSales) }}%"></div>
                    </div>
                    <span class="progress-description">{{ getPct($totalSales, $cashSales) }}%</span>
                </div>
            </div>
        </div>
    @endif
    @if(isset($creditCardSales))
        <div class="col-lg-4 col-md-6 col-xs-12">
            <div class="info-box bg-gray-light">
                <span class="info-box-icon"><i class="fa fa-credit-card"></i></span>

                <div class="info-box-content">
                    <span class="info-box-text">@transUc('generic.financial.payment_types.credit-card')</span>
                    <span class="info-box-number">@currencySymbol {{ formatCurrency($creditCardSales) }}
                        @if(isset($numCreditCardSales) && $numCreditCardSales)
                            <span class="small"> &nbsp {{ $numCreditCardSales }} @trans('admin.sales.checkout.index.num_products')</span>
                        @endif
                    </span>

                    <div class="progress">
                        <div class="progress-bar" style="width: {{ getPct($totalSales, $creditCardSales) }}%"></div>
                    </div>
                    <span class="progress-description"> {{ getPct($totalSales, $creditCardSales) }}%</span>
                </div>
            </div>
        </div>
    @endif
    @if(isset($onlineSales))
        <div class="col-lg-4 col-md-6 col-xs-12">
            <div class="info-box bg-gray-light">
                <span class="info-box-icon"><i class="fa fa-google-wallet"></i></span>

                <div class="info-box-content">
                    <span class="info-box-text">@transUc('generic.financial.payment_types.online')</span>
                    <span class="info-box-number">@currencySymbol {{ formatCurrency($onlineSales) }}
                        @if(isset($numOnlineSales) && $numOnlineSales)
                            <span class="small"> &nbsp {{ $numOnlineSales }} @trans('admin.sales.checkout.index.num_products')</span>
                        @endif
                    </span>

                    <div class="progress">
                        <div class="progress-bar" style="width: {{ getPct($totalSales, $onlineSales) }}%"></div>
                    </div>
                    <span class="progress-description"> {{ getPct($totalSales, $onlineSales) }}%</span>
                </div>
            </div>
        </div>
    @endif
    @if(isset($ticketSales))
        <div class="col-lg-4 col-md-6 col-xs-12">
            <div class="info-box bg-gray-light">
                <span class="info-box-icon"><i class="fa fa-ticket"></i></span>

                <div class="info-box-content">
                    <span class="info-box-text">@transUc('generic.financial.payment_types.ticket')</span>
                    <span class="info-box-number">@currencySymbol {{ formatCurrency($ticketSales) }}
                        @if(isset($numTicketSales) && $numTicketSales)
                            <span class="small"> &nbsp {{ $numTicketSales }} @trans('admin.sales.checkout.index.num_products')</span>
                        @endif
                    </span>

                    <div class="progress">
                        <div class="progress-bar" style="width: {{ getPct($totalSales, $ticketSales) }}%"></div>
                    </div>
                    <span class="progress-description"> {{ getPct($totalSales, $ticketSales) }}% </span>
                </div>
            </div>
        </div>
    @endif
    @if(isset($vat))
        <div class="col-lg-4 col-md-6 col-xs-12">
            <div class="info-box bg-gray-light">
                <span class="info-box-icon"><i class="fa fa-bank"></i></span>

                <div class="info-box-content">
                    <span class="info-box-text">@transUc('generic.financial.vat')</span>
                    <span class="info-box-number">@currencySymbol {{ formatCurrency($vat) }}
                </span>

                    <div class="progress">
                        <div class="progress-bar" style="width: {{ getPct($totalSales, $vat) }}%"></div>
                    </div>
                    <span class="progress-description"> {{ getPct($totalSales, $vat) }}%</span>
                </div>
            </div>
        </div>
    @endif
    @if(isset($serviceFee))
        <div class="col-lg-4 col-md-6 col-xs-12">
            <div class="info-box bg-gray-light">
                <span class="info-box-icon"><i class="fa fa-users"></i></span>

                <div class="info-box-content">
                    <span class="info-box-text">@transUc('generic.financial.service_fee')</span>
                    <span class="info-box-number">@currencySymbol {{ formatCurrency($serviceFee) }}
                </span>

                    <div class="progress">
                        <div class="progress-bar" style="width: {{ getPct($totalSales, $serviceFee) }}%"></div>
                    </div>
                    <span class="progress-description"> {{ getPct($totalSales, $serviceFee) }}%</span>
                </div>
            </div>
        </div>
    @endif
    @if(isset($treat))
        <div class="col-lg-4 col-md-6 col-xs-12">
            <div class="info-box bg-gray-light">
                <span class="info-box-icon"><i class="fa fa-gift"></i></span>

                <div class="info-box-content">
                    <span class="info-box-text">@transUc('generic.financial.treat')</span>
                    <span class="info-box-number">@currencySymbol {{ formatCurrency($treat) }}
                        @if(isset($numTreats) && $numTreats)
                            <span class="small"> &nbsp {{ $numTreats }} @trans('admin.sales.checkout.index.num_products')</span>
                        @endif
                    </span>

                    <div class="progress">
                        <div class="progress-bar" style="width: {{ getPct($totalSales, $treat) }}%"></div>
                    </div>
                    <span class="progress-description"> {{ getPct($totalSales, $treat) }}%</span>
                </div>
            </div>
        </div>
    @endif
    @if(isset($discount))
        <div class="col-lg-4 col-md-6 col-xs-12">
            <div class="info-box bg-gray-light">
                <span class="info-box-icon"><i class="fa fa-cart-arrow-down"></i></span>

                <div class="info-box-content">
                    <span class="info-box-text">@transUc('generic.financial.discount')</span>
                    <span class="info-box-number">@currencySymbol {{ formatCurrency($discount) }}
                        @if(isset($numDiscounts) && $numDiscounts)
                            <span class="small"> &nbsp {{ $numDiscounts }} @trans('admin.sales.checkout.index.customers')</span>
                        @endif
                    </span>

                    <div class="progress">
                        <div class="progress-bar" style="width: {{ getPct($totalSales, $discount) }}%"></div>
                    </div>
                    <span class="progress-description">{{ getPct($totalSales, $discount) }}%</span>
                </div>
            </div>
        </div>
    @endif
    @if(isset($credit))
        <div class="col-lg-4 col-md-6 col-xs-12">
            <div class="info-box bg-gray-light">
                <span class="info-box-icon"><i class="fa fa-user-circle-o"></i></span>

                <div class="info-box-content">
                    <span class="info-box-text">@transUc('generic.financial.credit_sales')</span>
                    <span class="info-box-number">@currencySymbol {{ formatCurrency($credit) }}
                        @if(isset($numCredits) && $numCredits)
                            <span class="small"> &nbsp {{ $numCredits }} @trans('admin.sales.checkout.index.num_products')</span>
                        @endif
                    </span>

                    <div class="progress">
                        <div class="progress-bar" style="width: {{ getPct($totalSales, $credit) }}%"></div>
                    </div>
                    <span class="progress-description">{{ getPct($totalSales, $credit) }}%</span>
                </div>
            </div>
        </div>
    @endif
    @if(isset($collectedCredits))
        <div class="col-lg-4 col-md-6 col-xs-12">
            <div class="info-box bg-gray-light">
                <span class="info-box-icon"><i class="fa fa-user-circle-o"></i></span>

                <div class="info-box-content">
                    <span class="info-box-text">@transUc('generic.financial.credit_checkouts')</span>
                    <span class="info-box-number">@currencySymbol {{ formatCurrency($collectedCredits) }}
                        @if(isset($numCollectedCredits) && $numCollectedCredits)
                            <span class="small"> &nbsp {{ $numCollectedCredits }} @trans('admin.sales.checkout.index.customers')</span>
                        @endif
                    </span>

                    <div class="progress">
                        <div class="progress-bar" style="width: {{ getPct($totalSales, $collectedCredits) }}%"></div>
                    </div>
                    <span class="progress-description">{{ getPct($totalSales, $collectedCredits) }}%</span>
                </div>
            </div>
        </div>
    @endif
    {{--
    Show Sabee sales stats if;
    - SabeeApp is connected OR
    - There are SabeeApp sales in the filtered data
    --}}
    @if(isset($sabeeSales) && company()->isSabeeConnected() || (isset($sabeeSales) && $sabeeSales))
        <div class="col-lg-4 col-md-6 col-xs-12">
            <div class="info-box bg-gray-light">
                <span class="info-box-icon"><i class="fa fa-cloud"></i></span>

                <div class="info-box-content">
                    <span class="info-box-text">@transUc('generic.financial.payment_types.sabee')</span>
                    <span class="info-box-number">@currencySymbol {{ formatCurrency($sabeeSales) }}
                        @if(isset($numSabeeSales) && $numSabeeSales)
                            <span class="small"> &nbsp {{ $numSabeeSales }} @trans('admin.sales.checkout.index.num_products')</span>
                        @endif
                    </span>

                    <div class="progress">
                        <div class="progress-bar" style="width: {{ getPct($totalSales, $sabeeSales) }}%"></div>
                    </div>
                    <span class="progress-description"> {{ getPct($totalSales, $sabeeSales) }}%</span>
                </div>
            </div>
        </div>
    @endif
</div>
{{--------------------------------------------------------------------------------------------------------------------------------------------------}}