<?php

namespace App\Traits;

use Akaunting\Money\Money;

use App\Utilities\Chartjs;

use Balping\JsonRaw\Raw;

trait Charts
{
    public $donut = [
        'colors' => [],
        'labels' => [],
        'values' => [],
    ];

    public function addToDonut($color, $label, $value)
    {
        $this->donut['colors'][] = $color;
        $this->donut['labels'][] = $label;
        $this->donut['values'][] = (int) $value;
    }

    public function addMoneyToDonut($color, $amount, $description = '')
    {
        $label = money($amount, setting('default.currency'), true)->format();

        if (!empty($description)) {
            $label .= ' - ' . $description;
        }

        $this->addToDonut($color, $label, $amount);
    }

    public function getDonutChart($name, $width = 0, $height = 160, $limit = 10)
    {
        // Show donut prorated if there is no value
        if (array_sum($this->donut['values']) == 0) {
            foreach ($this->donut['values'] as $key => $value) {
                $this->donut['values'][$key] = 1;
            }
        }

        // Get 6 categories by amount
        $colors = $labels = [];
        $values = collect($this->donut['values'])->sort()->reverse()->take($limit)->all();

        foreach ($values as $id => $val) {
            $colors[$id] = $this->donut['colors'][$id];
            $labels[$id] = $this->donut['labels'][$id];
        }

        $chart = new Chartjs();

        $chart->type('doughnut')
            ->width($width)
            ->height($height)
            ->options($this->getDonutChartOptions($colors))
            ->labels(array_values($labels));

        $chart->dataset($name, 'doughnut', array_values($values))
        ->backgroundColor(array_values($colors));

        return $chart;
    }

    public function getDonutChartOptions($colors)
    {
        return [
            'color' => array_values($colors),
            'cutoutPercentage' => 80,
            'legend' => [
                'position' => 'right',
            ],
            'tooltips' => [
                'backgroundColor' => '#000000',
                'titleFontColor' => '#ffffff',
                'bodyFontColor' => '#e5e5e5',
                'bodySpacing' => 4,
                'xPadding' => 12,
                'mode' => 'nearest',
                'intersect' => 0,
                'position' => 'nearest',
            ],
            'scales' => [
                'yAxes' => [
                    'display' => false,
                ],
                'xAxes' => [
                    'display' => false,
                ],
            ],
        ];
    }

    public function formatMoney( ){
        
    }

    public function getLineChartOptions()
    {
        return [
            'tooltips' => [
                'backgroundColor' => '#000000',
                'titleFontColor' => '#ffffff',
                'bodyFontColor' => '#e5e5e5',
                'bodySpacing' => 4,
                'YrPadding' => 12,
                'mode' => 'nearest',
                'intersect' => 0,
                'position' => 'nearest',
                'callbacks' => [
                    'label' => new Raw("function(tooltipItem, data) { 
                        const moneySettings = {
                            decimal: '" . config('money.' . setting('default.currency') . '.decimal_mark') . "',
                            thousands: '". config('money.' . setting('default.currency') . '.thousands_separator') . "',
                            symbol: '" . config('money.' . setting('default.currency') . '.symbol') . "',
                            isPrefix: '" . config('money.' . setting('default.currency') . '.symbol_first') . "',
                            precision: '" . config('money.' . setting('default.currency') . '.precision') . "',
                        };

                        const formattedCurrency = function (input, opt = moneySettings) {
                            function fixed (precision) {
                                return Math.max(0, Math.min(precision, 20));
                            };

                            function toStr(value) {
                                return value ? value.toString() : '';
                            };

                            function numbersToCurrency(numbers, precision) {
                                var exp = Math.pow(10, precision);
                                var float = parseFloat(numbers) / exp;
    
                                return float.toFixed(fixed(precision));
                            };

                            function joinIntegerAndDecimal (integer, decimal, separator) {
                                return decimal ? integer + separator + decimal : integer;
                            };

                            if (typeof input === 'number') {
                              input = input.toFixed(fixed(opt.precision));
                            };

                            var negative = input.indexOf('-') >= 0 ? '-' : '';
                            var numbers = toStr(input).replace(/\D+/g, '') || '0';
                            var currency = numbersToCurrency(numbers, opt.precision);
                            var parts = toStr(currency).split('.');
                            var integer = parts[0].replace(/(\d)(?=(?:\d{3})+\b)/gm, opt.thousands);;
                            var decimal = parts[1];

                            if(opt.isPrefix) {
                                return opt.symbol + negative + joinIntegerAndDecimal(integer, decimal, opt.decimal)
                            }

                            return negative + joinIntegerAndDecimal(integer, decimal, opt.decimal) + opt.suffix;
                        };

                        return formattedCurrency(tooltipItem.yLabel, moneySettings);
                    }")
                ],
            ],
            'scales' => [
                'yAxes' => [[
                    'ticks' => [
                        'beginAtZero' => true,
                        'callback' => new Raw("function(value, index, values) { 

                            return '" . config('money.' . setting('default.currency') . '.symbol') . "' + value; 
                        }"),
                    ],
                ]
            ],
            'responsive' => true,
            'scales' => [
                'yAxes' => [[
                    'barPercentage' => 1.6,
                    'ticks' => [
                        'padding' => 10,
                        'fontColor' => '#9e9e9e',
                        'callback' => new Raw("function(value, index, values) { 
                            return '" . config('money.' . setting('default.currency') . '.symbol') . "' + value; 
                        }"),
                    ]],
                    'gridLines' => [
                        'drawBorder' => false,
                        'color' => 'rgba(29,140,248,0.1)',
                        'zeroLineColor' => 'transparent',
                        'borderDash' => [2],
                        'borderDashOffset' => [2],
                    ],
                ]],
                'xAxes' => [[
                    'barPercentage' => 1.6,
                    'ticks' => [
                        'suggestedMin' => 60,
                        'suggestedMax' => 125,
                        'padding' => 20,
                        'fontColor' => '#9e9e9e',
                    ],
                    'gridLines' => [
                        'drawBorder' => false,
                        'color' => 'rgba(29,140,248,0.0)',
                        'zeroLineColor' => 'transparent',
                    ],
                ]],
            ],
        ];
    }
}