@inject('splunkSearchModel', 'App\Models\SplunkSearches')

@php $widgetName = str_replace('*', '', $widget->name); @endphp

@isset($widgets[$widget->id])
  @foreach ($widgets[$widget->id]->images as $image)
    <div class="widget-pdf-preview">
      @if ($loop->index == 0)
        <div class="widget-pdf-preview-text">
          <strong class="report-widget-title w_title_{{$widget->id}}">{{ $widgetName }}</strong>
          @if ($description !== null)
            <br>
            <span>{{ $description }}</span>
          @endif
        </div>
      @endif
      @if(strlen($image)>10)
          <img src="{!! $image !!}" style="width: 100%;" alt="{{ $widgetName }}">
      @endif
    </div>
  @endforeach
@else
  <p class="w_title_{{$widget->id}}">
    <strong class="report-widget-title">{{ $widgetName }}</strong>
    @if ($description !== null)
      <br>
      {{ $description }}
    @endif
  </p>

  <div id="widget_{!! $widget->id !!}" class="widget-preview" data-id="{!! $widget->id !!}">
    <span class="widget-loading">loading...</span>
  </div>

  <div id="preview_{!! $widget->id !!}" class="widget-screenshot" data-id="{!! $widget->id !!}">
  </div>

  <script type="text/javascript">
    $(function () {
      $.post("{!! url('/get-widget-data') !!}", {
        '_token': $('meta[name="csrf-token"]').attr('content'),
        'id': {!! $widget->id !!},
        'from': '{{ $from?:'-7d@d' }}',
        'to': '{{ $to }}',
        'cache': 'report' // for caching
      }).done(function (response) {
        @php
          $jsFunctionName = null;

          switch ($widget->widget_type) {
              case $splunkSearchModel::LEVEL:
                  $jsFunctionName =  'renderLevelWidget';
                  break;
              case $splunkSearchModel::TEXT:
                  $jsFunctionName = 'renderTextWidget';
                  break;
              case $splunkSearchModel::TABLE:
                  $jsFunctionName = 'renderTableWidget';
                  break;
              case $splunkSearchModel::LINE_CHART:
                  $jsFunctionName = 'renderLineChartWidget';
                  break;
              case $splunkSearchModel::HORISONTAL_STACKED_BAR_CHART:
                  $jsFunctionName = 'renderVerticalBarWidget';
                  break;
              case $splunkSearchModel::PIE_CHART:
                  $jsFunctionName = 'renderPieChartWidget';
                  break;
              case $splunkSearchModel::HORISONTAL_BAR_CHART:
                  $jsFunctionName = 'renderHorizontalBarWidget';
                  break;
              case $splunkSearchModel::CHOROPLETH_MAP:
                  $jsFunctionName =  'renderChoroplethMapWidget';
                  break;
          }

          if ($jsFunctionName !== null) {
              echo "$jsFunctionName(" . json_encode($widget) . ", response);";
          }
        @endphp
      });
    });
  </script>
@endisset