@if (isset($kw_breakdown) && !empty($kw_breakdown))
<div class="row flex-row">
    <!-- Begin Widget 16 -->
        @foreach($_metrics  as $_metric => $_label)
        <div class="col-md-4 col-sm-12">
            <div class="widget widget-16 has-shadow">
                <div class="widget-body">
                    <div class="row">
                        <div class="col-xl-12 d-flex flex-column justify-content-center align-items-center">
                            <div id="id-{{$_metric}}" class="counter">{{$totals['current_data_new'][$_metric]}}</div>
                            <div  class="total-views">{{$_label}}</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
@endforeach
<!-- End Widget 16 -->

</div>

<div id="" class="row flex-row">


@foreach($kw_breakdown as $category_id => $bdata)
    <div class="col-md-4">
        <table id="ranking-table" class="table table-responsive table-striped ">
            <thead>
            <tr>
                <th class="text-center">#</th>
                <th>Keyword</th>
                <th class="text-center">Search Engine</th>
                <th class="text-center">Page</th>
                <th class="text-center">Position</th>
            </tr>
            </thead>
            <tbody>
            @foreach($bdata as $bd)
                <tr class="tr-{{snake_case($bd['type'])}}">
                    <td class="text-center td-num tr-counter">
                        {{$ctr++}}
                    </td>
                    <td class="td-keyword">
                        {{$bd['keyword']}}
                        <br />
                        {{--If moved up--}}
                        {{--                                    @if(isset($breakdown['previous'][$bd['id'].'-'.$bd['type']]))--}}
                        {{--                                        {!! kw_rank_compare2($bd['position'], $breakdown['previous'][$bd['id'].'-'.$bd['type']]['position']) !!}--}}

                                                {{--                                    @endif--}}
                        {{--if url is set--}}
                        @if(isset($bd['url']) && $bd['url'] != '')
                            <a href="{{$bd['url']}}" target="_blank"><i class="la la-link"></i></a>
                        @endif
                        {{--if secreenshot is set--}}
                        @if(isset($bd['screenshot']) && $bd['screenshot'] != '')
                            <a href="{{asset('serpss/'.$bd['screenshot'])}}" target="_blank"><i class="la la-image"></i></a>
                        @endif
                    </td>
                    <td class="text-center">{{$bd['type']}}</td>
                    <td class="text-center td-num">{{getPageOfRank($bd['position'])}}
                    </td>
                    <td class="text-center td-num">
                        @if($bd['position'] > 100)
                            100+
                        @else
                            {{$bd['position']}}
                        @endif
                    </td>
                </tr>
            @endforeach
            </tbody>
        </table>
    </div>
@endforeach
@else
    @include('no_data', [
               'nd_title' => 'No Available Keyword Reporting',
               'nd_subtitle' => 'Please contact our team for further assistance.'
    ]);
@endif