@extends('admin.reports.sales.index')

@section('reports_content')
    <div class="row">
        <div class="col-12">
            <div class="card">
            <div class="card-body">
                <div class="row header-controls" id="article_buttons">
                    <div class="col-md-3">
                        <div class="form-group">
                            <label>@lang('crm.year')</label>
                            <select class="form-control select report-select"  name="year" data-fouc>
                                @foreach($payments_years as $year_item)
                                    <option value="{{ $year_item['year'] }}" @if(date('Y') == $year_item['year']) selected @endif>{{ $year_item['year'] }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label>@lang('crm.currency')</label>
                            <select class="form-control select report-select"  name="currency" data-fouc>
                                @foreach($currencies as $id => $currency)
                                    <option value="{{ $id }}" @if($currency['isdefault'] == 1) selected @endif>{{ $currency['name'] }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                </div>

                <div class="relative" style="max-height:400px">
                    <canvas class="chart" height="400" id="chart-income"></canvas>
                </div>
            </div>
        </div>
        </div>
    </div>
@stop


@section('scripts_scope')
    {!! HTML::script('assets/plugins/Chart.js/Chart.min.js') !!}
    <script>
        $(document).ready(function () {
            $('select[name="year"]').on('change', function () {
                total_income_bar_report()
            })
            $('select[name="currency"]').on('change', function () {
                total_income_bar_report()
            })

            total_income_bar_report();
        });


        var salesChart;

        function total_income_bar_report() {
            if (typeof(salesChart) !== 'undefined') {
                salesChart.destroy();
            }
            var data = {};
            data.year = $('select[name="year"]').val();
            var currency = $('select[name="currency"]');
            if (currency.length > 0) {
                data.currency = $('select[name="currency"]').val();
            }
            $.post('/admin/reports/sales/getIncomeReport', data).done(function(response) {
                response = JSON.parse(response);
                salesChart = new Chart($('#chart-income'), {
                    type: 'bar',
                    data: response,
                    options: {
                        responsive: true,
                        maintainAspectRatio:false,
                        legend: {
                            display: false,
                        },
                        scales: {
                            yAxes: [{
                                ticks: {
                                    beginAtZero: true,
                                }
                            }]
                        },
                    }
                })
            });
        }

    </script>

@stop