@extends('layouts.admin')

@section('main-content')

<div class="row">
    <div class="col-12 col-md-4 pb-3">
        @include('reports.card', [
                'name'  => 'Ki nem számlázott fennmaradó fizetendő összeg', 
                'value' => number_format($not_billed, 0, ',', ' ') . ' Ft',
                'type'  => 'danger', 
                'icon'  => 'fas fa-dollar-sign'
            ])
    </div>
    <div class="col-12 col-md-4 pb-3">
        @include('reports.card', [
                'name'  => 'Nem rendezett kiállított átutalásos számla', 
                'value' => number_format($uncompleted_wire_transfer, 0, ',', ' ') . ' Ft',
                'type'  => 'warning', 
                'icon'  => 'fas fa-dollar-sign'
            ])
        </div>
        <div class="col-12 col-md-4">
            @include('reports.card', [
                'name'  => 'Ügyfelektől várt összeg', 
                'value' => number_format($remaining_amount, 0, ',', ' ') . ' Ft',
                'type'  => 'success', 
                'icon'  => 'fas fa-dollar-sign'
            ])
        </div>
</div>

<div class="row">
    {{-- Havi árbevétel --}}
    <div class="col-xl-6 col-lg-12">
        @include('reports.chart', [
            'name'  => 'Árbevétel (havi)', 
            'type'  => 'line', 
            'label' => $month_name, 
            'data'  => $data['income_month'],
            'unit'  => 'Ft',
            'card'  => [
                0 => [
                    'name'  => 'Árbevétel (ebben a hónapban)',
                    'value' =>  number_format($data['income_month'][date('n')], 0, ',', ' ') . ' Ft',
                    'type'  => 'primary',
                    'icon'  => 'fas fa-dollar-sign',
                ],
            ],
        ])
    </div>

    <div class="col-xl-6 col-lg-12">
        {{-- Éves árbevétel --}}
        @include('reports.chart', [
            'name'  => 'Árbevétel (éves)', 
            'type'  => 'bar', 
            'label' => $data['income_year_label'], 
            'data'  => $data['income_year'],
            'unit'  => 'Ft',
            'card'  => [
                0 => [
                    'name'  => 'Árbevétel (ebben az évben)',
                    'value' => number_format($data['income_this_year'], 0, ',', ' ') . ' Ft',
                    'type'  => 'primary',
                    'icon'  => 'fas fa-dollar-sign',
                ],
            ],
        ])    
    </div>
</div>

<div class="row">
    <div class="col-xl-6 col-lg-12">
        {{-- Átlagos havi kosárérték --}}
        @include('reports.chart', [
            'name'  => 'Kosárérték (havi átlag)', 
            'type'  => 'line', 
            'label' => $month_name, 
            'data'  => $data['income_month_avg'],
            'unit'  => 'Ft',
        ])
    </div>
    
    <div class="col-xl-6 col-lg-12">
        {{-- Átlagos heti kosárérték --}}
        @include('reports.chart', [
            'name'  => 'Árbevétel (heti)', 
            'type'  => 'line', 
            'label' => $data['income_week_label'], 
            'data'  => $data['income_week'],
            'unit'  => 'Ft',
        ])
    </div>
</div>

<div class="row">
    <div class="col-xl-6 col-lg-12">
        {{-- Heti ajánlat --}}
        @include('reports.chart', [
            'name'  => 'Ajánlatok (heti)', 
            'type'  => 'bar', 
            'label' => $data['offers_week_label'], 
            'data'  => $data['offers_week'], 
            'unit'  => 'db',
            'card'  => [
                0 => [
                    'name'  => 'Ajánlatok (ezen a héten)',
                    'value' => number_format($data['offer_this_week'], 0, ',', ' ') . ' db',
                    'type'  => 'primary',
                    'icon'  => 'fas fa-envelope-open-text',
                ],
            ],
        ])

        {{-- Havi ajánlat --}}
        @include('reports.chart', [
            'name'  => 'Ajánlatok (havi)', 
            'type'  => 'bar', 
            'label' => $month_name, 
            'data'  => $data['offers_month'], 
            'unit'  => 'db',
            'card'  => [
                0 => [
                    'name'  => 'Ajánlatok (ebben a hónapban)',
                    'value' => number_format($data['offers_month'][date('n')], 0, ',', ' ') . ' db',
                    'type'  => 'primary',
                    'icon'  => 'fas fa-envelope-open-text',
                ],
            ],
        ])

        {{-- Éves ajánlat --}}
        @include('reports.chart', [
            'name'  => 'Ajánlatok (éves)', 
            'type'  => 'bar', 
            'label' => $data['offers_year_label'], 
            'data'  => $data['offers_year'], 
            'unit'  => 'db',
            'card'  => [
                0 => [
                    'name'  => 'Ajánlatok (ebben az évben)',
                    'value' => number_format($data['offer_this_year'], 0, ',', ' ') . ' db',
                    'type'  => 'primary',
                    'icon'  => 'fas fa-envelope-open-text',
                ],
            ],
        ])        
    </div>
    <div class="col-xl-6 col-lg-12">
        {{-- Heti megrendelés --}}
        @include('reports.chart', [
            'name'  => 'Megrendelések (heti)', 
            'type'  => 'bar', 
            'label' => $data['orders_week_label'], 
            'data'  => $data['orders_week'], 
            'unit'  => 'db',
            'card'  => [
                0 => [
                    'name'  => 'Megrendelések (ezen a héten)',
                    'value' => number_format($data['order_this_week'], 0, ',', ' ') . ' db',
                    'type'  => 'primary',
                    'icon'  => 'fas fa-handshake',
                ],
            ],
        ])

        {{--  Havi megrendelés --}}
        @include('reports.chart', [
            'name'  => 'Megrendelések (havi)', 
            'type'  => 'bar', 
            'label' => $month_name, 
            'data'  => $data['orders_month'], 
            'unit'  => 'db',
            'card'  => [
                0 => [
                    'name'  => 'Megrendelések (ebben a hónapban)',
                    'value' => number_format($data['orders_month'][date('n')], 0, ',', ' ') . ' db',
                    'type'  => 'primary',
                    'icon'  => 'fas fa-handshake',
                ],
            ],
        ])

        {{-- Éves megrendelés --}}
        @include('reports.chart', [
            'name'  => 'Megrendelések (éves)', 
            'type'  => 'bar', 
            'label' => $data['orders_year_label'], 
            'data'  => $data['orders_year'], 
            'unit'  => 'db',
            'card'  => [
                0 => [
                    'name'  => 'Megrendelések (ebben az évben)',
                    'value' => number_format($data['order_this_year'], 0, ',', ' ') . ' db',
                    'type'  => 'primary',
                    'icon'  => 'fas fa-handshake',
                ],
            ],
        ])

    </div>
</div>

@endsection

@push('scripts')
<script>
function number_format(number, decimals, dec_point, thousands_sep) 
{
  // *     example: number_format(1234.56, 2, ',', ' ');
  // *     return: '1 234,56'
  number = (number + '').replace(',', '').replace(' ', '');
  var n = !isFinite(+number) ? 0 : +number,
    prec = !isFinite(+decimals) ? 0 : Math.abs(decimals),
    sep = (typeof thousands_sep === 'undefined') ? ',' : thousands_sep,
    dec = (typeof dec_point === 'undefined') ? '.' : dec_point,
    s = '',
    toFixedFix = function(n, prec) {
      var k = Math.pow(10, prec);
      return '' + Math.round(n * k) / k;
    };
  // Fix for IE parseFloat(0.55).toFixed(0) = 0;
  s = (prec ? toFixedFix(n, prec) : '' + Math.round(n)).split('.');
  if (s[0].length > 3) {
    s[0] = s[0].replace(/\B(?=(?:\d{3})+(?!\d))/g, sep);
  }
  if ((s[1] || '').length < prec) {
    s[1] = s[1] || '';
    s[1] += new Array(prec - s[1].length + 1).join('0');
  }
  return s.join(dec);
}
</script>
@endpush