@extends('pages.outer_user.tabs')

@section('data')

@section('breadcrumbs')
  {{ Breadcrumbs::render('data') }}
@endsection
  <script src="js/zingchart.min.js"></script>
  <style>
    .chart--container {
      height: 100%;
      width: 100%;
      min-height: 530px;
    }
  </style>
​<form class="needs-validation form-horizontal" action="search/sms" id="Myform" method="get">
  @csrf
  <input type="hidden" id="sector_id" name="sector_id" value="{{app('request')->sector_id}}" />
  <div class="row" >

  

     <div class="col-md-3" >
        <select class="selectpicker  show-tick"  title="წელი" id="year" name="year">
          <option value="2020" {{'2020' == app('request')->type ? 'selected="selected"' : '' }}>2020</option>
          <option value="2021"{{'2021' == app('request')->type ? 'selected="selected"' : '' }}>2021</option>
    </select>
     </div>

   </div> 
  </form>
  ​
  <div id="myChart" class="chart--container">

  </div>
{{$year}}
<!--   @yield('chart') -->

 
  <script>

      $( "#year" ).change(function() 
  {     
   //var year1 = $("#year").val();
   
     $.ajax({
        type:"get",
        dataType: 'json',
        url: "chart1/1",
      
        data: 'year='+$(this).val(),
        success:function(data){
          console.log('$(this).val()');
        // $('#requested_volume').append($('<option>').html('აირჩიეთ სიმძლავრე').attr('value', '0'));
         
        }
       });
     window.location.href = 'chart1/1?year='+$(this).val();
    });
 
  var company =  [<br />
<font size='1'><table class='xdebug-error xe-notice' dir='ltr' border='1' cellspacing='0' cellpadding='1'>
<tr><th align='left' bgcolor='#f57900' colspan="5"><span style='background-color: #cc0000; color: #fce94f; font-size: x-large;'>( ! )</span> Notice: Undefined variable: cmp in C:\wamp64\www\cportal\resources\views\pages\gnerc_user\chart1.blade - Copy.php on line <i>61</i></th></tr>
<tr><th align='left' bgcolor='#e9b96e' colspan='5'>Call Stack</th></tr>
<tr><th align='center' bgcolor='#eeeeec'>#</th><th align='left' bgcolor='#eeeeec'>Time</th><th align='left' bgcolor='#eeeeec'>Memory</th><th align='left' bgcolor='#eeeeec'>Function</th><th align='left' bgcolor='#eeeeec'>Location</th></tr>
<tr><td bgcolor='#eeeeec' align='center'>1</td><td bgcolor='#eeeeec' align='center'>0.0010</td><td bgcolor='#eeeeec' align='right'>410416</td><td bgcolor='#eeeeec'>{main}(  )</td><td title='C:\wamp64\www\cportal\resources\views\pages\gnerc_user\chart1.blade - Copy.php' bgcolor='#eeeeec'>...\chart1.blade - Copy.php<b>:</b>0</td></tr>
</table></font>
<br />
<font size='1'><table class='xdebug-error xe-warning' dir='ltr' border='1' cellspacing='0' cellpadding='1'>
<tr><th align='left' bgcolor='#f57900' colspan="5"><span style='background-color: #cc0000; color: #fce94f; font-size: x-large;'>( ! )</span> Warning: Invalid argument supplied for foreach() in C:\wamp64\www\cportal\resources\views\pages\gnerc_user\chart1.blade - Copy.php on line <i>61</i></th></tr>
<tr><th align='left' bgcolor='#e9b96e' colspan='5'>Call Stack</th></tr>
<tr><th align='center' bgcolor='#eeeeec'>#</th><th align='left' bgcolor='#eeeeec'>Time</th><th align='left' bgcolor='#eeeeec'>Memory</th><th align='left' bgcolor='#eeeeec'>Function</th><th align='left' bgcolor='#eeeeec'>Location</th></tr>
<tr><td bgcolor='#eeeeec' align='center'>1</td><td bgcolor='#eeeeec' align='center'>0.0010</td><td bgcolor='#eeeeec' align='right'>410416</td><td bgcolor='#eeeeec'>{main}(  )</td><td title='C:\wamp64\www\cportal\resources\views\pages\gnerc_user\chart1.blade - Copy.php' bgcolor='#eeeeec'>...\chart1.blade - Copy.php<b>:</b>0</td></tr>
</table></font>
];
  var year =  [<br />
<font size='1'><table class='xdebug-error xe-notice' dir='ltr' border='1' cellspacing='0' cellpadding='1'>
<tr><th align='left' bgcolor='#f57900' colspan="5"><span style='background-color: #cc0000; color: #fce94f; font-size: x-large;'>( ! )</span> Notice: Undefined variable: year in C:\wamp64\www\cportal\resources\views\pages\gnerc_user\chart1.blade - Copy.php on line <i>65</i></th></tr>
<tr><th align='left' bgcolor='#e9b96e' colspan='5'>Call Stack</th></tr>
<tr><th align='center' bgcolor='#eeeeec'>#</th><th align='left' bgcolor='#eeeeec'>Time</th><th align='left' bgcolor='#eeeeec'>Memory</th><th align='left' bgcolor='#eeeeec'>Function</th><th align='left' bgcolor='#eeeeec'>Location</th></tr>
<tr><td bgcolor='#eeeeec' align='center'>1</td><td bgcolor='#eeeeec' align='center'>0.0010</td><td bgcolor='#eeeeec' align='right'>410416</td><td bgcolor='#eeeeec'>{main}(  )</td><td title='C:\wamp64\www\cportal\resources\views\pages\gnerc_user\chart1.blade - Copy.php' bgcolor='#eeeeec'>...\chart1.blade - Copy.php<b>:</b>0</td></tr>
</table></font>
"",];         
   var dt =  [<br />
<font size='1'><table class='xdebug-error xe-notice' dir='ltr' border='1' cellspacing='0' cellpadding='1'>
<tr><th align='left' bgcolor='#f57900' colspan="5"><span style='background-color: #cc0000; color: #fce94f; font-size: x-large;'>( ! )</span> Notice: Undefined variable: cmp in C:\wamp64\www\cportal\resources\views\pages\gnerc_user\chart1.blade - Copy.php on line <i>67</i></th></tr>
<tr><th align='left' bgcolor='#e9b96e' colspan='5'>Call Stack</th></tr>
<tr><th align='center' bgcolor='#eeeeec'>#</th><th align='left' bgcolor='#eeeeec'>Time</th><th align='left' bgcolor='#eeeeec'>Memory</th><th align='left' bgcolor='#eeeeec'>Function</th><th align='left' bgcolor='#eeeeec'>Location</th></tr>
<tr><td bgcolor='#eeeeec' align='center'>1</td><td bgcolor='#eeeeec' align='center'>0.0010</td><td bgcolor='#eeeeec' align='right'>410416</td><td bgcolor='#eeeeec'>{main}(  )</td><td title='C:\wamp64\www\cportal\resources\views\pages\gnerc_user\chart1.blade - Copy.php' bgcolor='#eeeeec'>...\chart1.blade - Copy.php<b>:</b>0</td></tr>
</table></font>
<br />
<font size='1'><table class='xdebug-error xe-warning' dir='ltr' border='1' cellspacing='0' cellpadding='1'>
<tr><th align='left' bgcolor='#f57900' colspan="5"><span style='background-color: #cc0000; color: #fce94f; font-size: x-large;'>( ! )</span> Warning: Invalid argument supplied for foreach() in C:\wamp64\www\cportal\resources\views\pages\gnerc_user\chart1.blade - Copy.php on line <i>67</i></th></tr>
<tr><th align='left' bgcolor='#e9b96e' colspan='5'>Call Stack</th></tr>
<tr><th align='center' bgcolor='#eeeeec'>#</th><th align='left' bgcolor='#eeeeec'>Time</th><th align='left' bgcolor='#eeeeec'>Memory</th><th align='left' bgcolor='#eeeeec'>Function</th><th align='left' bgcolor='#eeeeec'>Location</th></tr>
<tr><td bgcolor='#eeeeec' align='center'>1</td><td bgcolor='#eeeeec' align='center'>0.0010</td><td bgcolor='#eeeeec' align='right'>410416</td><td bgcolor='#eeeeec'>{main}(  )</td><td title='C:\wamp64\www\cportal\resources\views\pages\gnerc_user\chart1.blade - Copy.php' bgcolor='#eeeeec'>...\chart1.blade - Copy.php<b>:</b>0</td></tr>
</table></font>
];
         
   //var year =  '2020';       
    ZC.LICENSE = ["569d52cefae586f634c54f86dc99e6a9", "b55b025e438fa8a98e32482b5f768ff5"]; // CHART CONFIG
    // -----------------------------
    let chartConfig = {
      type: 'hbar',

     
      // title: {
      //   text: 'სტანდარტის შესრულება კომპანიების მიხედვით 2020-2021',
      //   align: 'left',
      //   fontColor: '#555',
      //   fontFamily: 'BPGExcelsiorCaps',
      //   fontSize: '14px',
      //   fontWeight: 'normal',
      //   offsetX: '10px'
      // },
      subtitle: {
        text: 'სტანდარტის შესრულება კომპანიების მიხედვით 2020-2021',
        align: 'center',
        fontColor: '#777',
        fontFamily: 'BPGExcelsiorCaps',
        fontSize: '15px',
        offsetX: '10px',
        offsetY: '10px'
      },
      legend: {
       
         layout: "1x5", //row x column
          x: "38%",
          y: "15%",
        // padding: '10px',
        backgroundColor: 'transparent',
        borderWidth: '0px',
        cursor: 'hand',
        highlightPlot: true,
        item: {
          fontColor: '#333',
          fontFamily: 'Roboto',
          fontSize: '14px'
        },
        marker: {
          borderRadius: '10px',
          borderWidth: '0px'
        },
        offsetX: '0px',
        offsetY: '200px'
      },
      plot: {
        animation: {
          effect: 'ANIMATION_EXPAND_BOTTOM',
          method: 'ANIMATION_LINEAR',
          sequence: 'ANIMATION_BY_PLOT'
        },
        borderRadius: '0px 5px 5px 0px',
        highlightMarker: {
          backgroundColor: 'red'
        },
        highlightState: {
          backgroundColor: 'red'
        }
      },
      plotarea: {
        margin: '100px 130px 70px 100px'
      },
      scaleX: {
        item: {
          fontFamily: 'Roboto',
          fontSize: '14px'
        },
        labels: company,
        lineColor: '#DDD',
        tick: {
          visible: false
        }
      },
      scaleY: {
        values: '0:100:10',
        guide: {
          lineColor: '#DDD',
          lineStyle: 'solid'
        },
        item: {
          fontFamily: 'Roboto',
          fontSize: '14px'
        },
        label: {
          text: 'პროცენტული მაჩვენებელი (%)',
          fontColor: '#777',
          fontFamily: 'Roboto',
          fontSize: '12px',
          offsetY: '5px'
        },
        lineWidth: '0px',
        tick: {
          visible: false
        }
      },
      source: {
        text: '',
        fontColor: '#666',
        fontFamily: 'Roboto'
      },
      tooltip: {
        text: '%v%  <br>in %t',
        padding: '10px',
        backgroundColor: '#fff',
        borderColor: '#333',
        borderRadius: '5px',
        borderWidth: '1px',
        fontColor: '#444',
        fontSize: '14px'
      },
      series: [
        {
          text: [year],

          values: dt,
          backgroundColor: '#494949',
          rules: [{
              backgroundColor: '#EB1C12',
              rule: '%i==0'
            },
            {
              backgroundColor: '#FBA30A',
              rule: '%i==1'
            },
            {
              backgroundColor: '#1c8976',
              rule: '%i==2'
            },
            {
              backgroundColor: '#016B88',
              rule: '%i==3'
            },
            {
              backgroundColor: '#588C08',
              rule: '%i==4'
            },
            {
              backgroundColor: '#781c7e',
              rule: '%i==5'
            }
          ]
        }
      ]
    };

    // RENDER CHARTS
    // -----------------------------
    zingchart.render({
      id: 'myChart',
      data: chartConfig,
      height: '50%',
      width: '70%',
    });
  </script>
@endsection