@extends('layouts.dashboard')
@section('css')
    <link href="{{ url('assets/vendors/custom/datatables/datatables.bundle.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ url('assets/vendors/general/bootstrap-datepicker/dist/css/bootstrap-datepicker3.css') }}"
        rel="stylesheet" type="text/css" />
    <link href="{{ url('assets/vendors/general/bootstrap-select/dist/css/bootstrap-select.css') }}" rel="stylesheet"
        type="text/css" />
    <style>
        table {
            white-space: nowrap;
        }

    </style>
@endsection
@section('dash_nav')
    <ul class="kt-menu__nav ">
        <li class="kt-menu__item  kt-menu__item" aria-haspopup="true"><a href="{{ route('forecast.report', $company) }}"
                class="kt-menu__link active-button"><span
                    class="kt-menu__link-text active-text">{{ __('Sales Target Dashboard') }}</span></a>
        </li>
        <li class="kt-menu__item  kt-menu__item " aria-haspopup="true"><a
                href="{{ route('breakdown.forecast.report', $company) }}" class="kt-menu__link "><span
                    class="kt-menu__link-text">{{__('Target Breakdown Dashboard')}}</span></a>
        </li>
        @if ((App\Models\CollectionSetting::where('company_id', $company->id)->first()) !== null))
            <li class="kt-menu__item  kt-menu__item " aria-haspopup="true"><a
                    href="{{ route('collection.forecast.report', $company) }}" class="kt-menu__link "><span
                        class="kt-menu__link-text">{{__('Target Collection Dashboard')}}</span></a>
            </li>
        @endif

    </ul>
@endsection

@section('content')
    <!--begin:: Widgets/Stats-->
    <div class="kt-portlet">
        <div class="kt-portlet__head">
            <div class="kt-portlet__head-label">
                <h3 class="kt-portlet__head-title head-title text-primary">
                    {{ __('Sales Results') }}
                </h3>
            </div>
        </div>
        <div class="kt-portlet__body  kt-portlet__body--fit">
            <div class="row row-no-padding row-col-separator-xl">
                {{-- Quarters --}}
                @foreach ($quarters as $quarter_name => $quarter)
                    <div
                        class="col-md-{{ $quarter_name == 'Total' ? '4' : '2' }} col-lg-{{ $quarter_name == 'Total' ? '4' : '2' }} col-xl-{{ $quarter_name == 'Total' ? '4' : '2' }}">

                        <!--begin::New Orders-->
                        <div class="kt-widget24">
                            <div class="kt-widget24__details">
                                <div class="kt-widget24__info">
                                    <h4 class="kt-widget24__title font-size">
                                        {{ __($quarter_name) }}
                                    </h4>

                                </div>
                            </div>
                            <div class="kt-widget24__details">
                                <span class="kt-widget24__stats kt-font-{{ $quarter['color_class'] }}">
                                    {{ number_format($quarter['value'] ?? 0) }}
                                </span>
                            </div>

                            <div class="progress progress--sm">
                                <div class="progress-bar kt-bg-{{ $quarter['color_class'] }}" role="progressbar"
                                    style="width: 100%;" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
                            </div>
                            <div class="kt-widget24__action">
                                <span class="kt-widget24__change">

                                </span>
                                <span class="kt-widget24__number">

                                </span>
                            </div>
                        </div>

                        <!--end::New Orders-->
                    </div>
                @endforeach
            </div>
        </div>
    </div>
    <div class="kt-portlet">
        <div class="kt-portlet__head">
            <div class="kt-portlet__head-label">
                <h3 class="kt-portlet__head-title head-title text-primary">
                    {{ __('Products Sales Results') }}
                </h3>
            </div>
        </div>
        <div class="kt-portlet__body  kt-portlet__body--fit">
            <div class="row row-no-padding row-col-separator-xl">
                {{-- Quarters --}}

                <div class="col-md-6 col-lg-6 col-xl-6">

                    <!--begin::New Orders-->
                    <div class="kt-widget24">
                        <div class="kt-widget24__details">
                            <div class="kt-widget24__info">
                                <h4 class="kt-widget24__title font-size">
                                    {{ __('New Product Items Sales Target') }}
                                </h4>

                            </div>
                        </div>
                        <div class="kt-widget24__details">
                            <span class="kt-widget24__stats kt-font-info">
                                {{ number_format($new_products_targets_data['value'] ?? 0) .' [ ' .number_format($new_products_targets_data['percentage'] ?? 2) .' % ]' }}
                            </span>
                        </div>

                        <div class="progress progress--sm">
                            <div class="progress-bar kt-bg-info" role="progressbar"
                                style="width: {{ $new_products_targets_data['percentage'] }}%;" aria-valuenow="50"
                                aria-valuemin="0" aria-valuemax="{{ $new_products_targets_data['percentage'] }}"></div>
                        </div>
                        <div class="kt-widget24__action">
                            <span class="kt-widget24__change">

                            </span>
                            <span class="kt-widget24__number">

                            </span>
                        </div>
                    </div>

                    <!--end::New Orders-->
                </div>
                <div class="col-md-6 col-lg-6 col-xl-6">

                    <!--begin::New Orders-->
                    <div class="kt-widget24">
                        <div class="kt-widget24__details">
                            <div class="kt-widget24__info">
                                <h4 class="kt-widget24__title font-size">
                                    {{ __('Existing Product Items Sales Target') }}
                                </h4>

                            </div>
                        </div>
                        <div class="kt-widget24__details">
                            <span class="kt-widget24__stats kt-font-info">
                                {{ number_format($existing_products_targets_data['value'] ?? 0) .' [ ' .number_format($existing_products_targets_data['percentage'] ?? 2) .' % ]' }}
                            </span>
                        </div>

                        <div class="progress progress--sm">
                            <div class="progress-bar kt-bg-info" role="progressbar"
                                style="width: {{ $existing_products_targets_data['percentage'] }}%;" aria-valuenow="50"
                                aria-valuemin="0" aria-valuemax="{{ $existing_products_targets_data['percentage'] }}">
                            </div>
                        </div>
                        <div class="kt-widget24__action">
                            <span class="kt-widget24__change">

                            </span>
                            <span class="kt-widget24__number">

                            </span>
                        </div>
                    </div>

                    <!--end::New Orders-->
                </div>
            </div>
        </div>
    </div>

    {{-- First Section --}}
    <div class="row">
        {{-- Total Facilities --}}
        <div class="col-md-12">
            <div class="kt-portlet ">

                <div class="kt-portlet__body">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="kt-widget12__chart">
                                <h4> {{ __('Monthly Sales Values') }} </h4>
                                <div id="monthly_chartdiv" class="chartdashboard"></div>
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="kt-widget12__chart">
                                <!-- HTML -->
                                <h4> {{ __('Accumulated Sales Values') }} </h4>
                                <div id="accumulated_chartdiv" class="chartdashboard"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <br />
<b>Warning</b>:  Undefined variable $chart_data in <b>/home/cfostools/public_html/cfostools.evoqas.com/resources/views/client_view/forecast_summary_reports/dashboard.blade.php</b> on line <b>205</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on null in <b>/home/cfostools/public_html/cfostools.evoqas.com/resources/views/client_view/forecast_summary_reports/dashboard.blade.php</b> on line <b>205</b><br />
<br />
<b>Fatal error</b>:  Uncaught TypeError: array_column(): Argument #1 ($array) must be of type array, null given in /home/cfostools/public_html/cfostools.evoqas.com/resources/views/client_view/forecast_summary_reports/dashboard.blade.php:205
Stack trace:
#0 /home/cfostools/public_html/cfostools.evoqas.com/resources/views/client_view/forecast_summary_reports/dashboard.blade.php(205): array_column(NULL, 'date')
#1 {main}
  thrown in <b>/home/cfostools/public_html/cfostools.evoqas.com/resources/views/client_view/forecast_summary_reports/dashboard.blade.php</b> on line <b>205</b><br />