@extends('admin.layouts.default')

{{-- Page title --}}
@section('title')
    @lang('CDP/cdp_development_market_share.page_title')
    @parent
@stop

{{-- page level styles --}}
@section('header_styles')
    <link href="{{ asset('assets/css/pages/tables.css') }}" rel="stylesheet" type="text/css"/>
    <link href="{{ asset('assets/css/pages/pareto.css') }}" rel="stylesheet" type="text/css"/>
    <script>
        {{$year=2022}}
        $(document).ready(function () {
            $('.corner-cut:nth-child(11)').addClass("active");
            $('.corner-cut-withoutMenu:nth-child(11)').addClass("active");
            $('#analytics').removeClass("hidden_analytics");
            $('#portfolio').removeClass("hide");
            $('#market-share-development').removeClass("hide");
            $('#differentiation').removeClass("hide");
            $('#css_development').removeClass("hide");
        });
        window.onload = function() {
            setTimeout(function(){$('#overlay').fadeOut()} , 700);
        }
    </script>
@stop
{{-- Page content --}}
@section('content')
    <div class="popup-wrapper">
        <div class="popup">

        </div>
    </div>
    <div id="overlay">
        <div class="lds-roller"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>
    </div>
    <section class="">
        @include('admin.layouts.CDP.cdp_menu')


    <!-- Main content -->

    <button class="cdp_export"  title="Export" id="button-mdd" onclick="loading();setTimeout(function(){ save_tabel_and_chart('chart_trend', 'table2') }, 2000);">Export</button>

    <section class="cdp-overflow-height">

        <div class="row">
            <div class="col-md-12">
                <div><h3>{{$menu_info[0]['Sold_To_ID'] }} | {{$menu_info[0]['Sold_To_Name'] }} </h3></div>
                <div class="panel panel-primary" id="chart_trend">
                    <div class="panel-heading">
                        <h3 class="panel-title ">
                            <i class="livicon" data-name="barchart" data-size="16" data-loop="true" data-c="#fff"
                               data-hc="#fff"></i> Market Share Development Chart
                        </h3>
                        <span class="pull-right">
                            <i class="glyphicon glyphicon-chevron-up showhide clickable"></i>
                        </span>
                    </div>
                    <div class="panel-body">

                        <div class="graficPie_market_share" style="height: 370px; width: 100%;">
                            <div id="stacked_column" width="800" height="450"></div>
                        </div>

                    </div>
                </div>


            </div>
            <div class="col-md-12">
                <div class="panel panel-primary" id="marchet_share_table">
                    <div class="panel-heading">
                        <h3 class="panel-title ">
                            <i class="livicon" data-name="barchart" data-size="16" data-loop="true" data-c="#fff"
                               data-hc="#fff"></i> Market Share Development Table
                        </h3>
                        <span class="pull-right">
                            <i class="glyphicon glyphicon-chevron-up showhide clickable"></i>
                        </span>
                    </div>
                    <div class="panel-body">
                        <table class="table table-striped table-bordered" id="table2"
                               width="100%">

                            <thead>
                            <th></th>
                            @for($i=0;$i<sizeof($total_var);$i++)
                                <th>{{$year+$i}}</th>
                            @endfor
                            </thead>
                            <tbody>
                            <tr>
                                <td>@lang('CDP/cdp_development_market_share.demand') (EUR)</td>
                                @for($i=0;$i<sizeof($total_demand);$i++)
                                    <td>{{number_format($total_demand[$i])}}</td>
                                @endfor

                            </tr>
                            <tr>
                                <td>CPM Group (EUR)</td>
                                @for($i=0;$i<sizeof($total_var);$i++)
                                    <td>{{number_format($total_var[$year+$i][0]['value'])}}</td>
                                @endfor
                            </tr>
                            <tr>
                                <td>@lang('CDP/cdp_development_market_share.share') (%)</td>
                                @for($i=0;$i<sizeof($total_var);$i++)
                                    <td  @if(($total_var[$year+$i][0]['share']) > 100) style=" color:red; font-weight: bold"@endif >{{number_format($total_var[$year+$i][0]['share'])  }}%</td>
                                @endfor
                            </tr>
                            </tbody>

                        </table>
                    </div>
                </div>
            </div>
        </div>
    </section>
@stop

{{-- page level scripts --}}
@section('footer_scripts')
    <script>
        var route_export="{{route('admin.cdp_export_chart')}}";
        var exportChart = "{{json_encode(__('js/exportChart'))}}";
    </script>

    <script language="javascript" type="text/javascript" src="{{ asset('assets/js/pages/html2canvas.js') }}" ></script>
    <script language="javascript" type="text/javascript" src="{{ asset('assets/js/pages/export_chart.js') }}" ></script>

    <script type="text/javascript" src="{{ asset('assets/js/pages/cdp_overview.js') }}"></script>
    <script>

        /* <![CDATA[ */
        var total_var =null;        /* ]]> */

        var cdp_id="{{$cdp_obj->ID}}";
        var userid="{{\Cartalyst\Sentinel\Laravel\Facades\Sentinel::getUser()->id}}";

    </script>

    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
    <script language="javascript" type="text/javascript" src="{{ asset('assets/js/pages/development_of_market_share.js') }}"></script>
@stop