@foreach($categories as $category)
    <div class="col-xl-3 col-md-6">
        <!-- Begin Widget 05 -->
        <div class="widget widget-05 has-shadow">
            <div class="widget-header2 bordered  text-center" style="">
                <h2 class="text-center">{{$category->label}}</h2>
            </div>
            <!-- Begin Widget Body -->
            <div class="widget-body no-padding hidden">
                <div class="social-stats">
                    <div class="row d-flex justify-content-between">
                        <div class="col-4 text-center">
                            <div class="counter">+124</div>
                            <div class="heading">Total Keywords</div>
                        </div>
                        <div class="col-4 text-center">
                            <div class="counter">+357</div>
                            <div class="heading">Average Keyword Rank</div>
                        </div>
                        <div class="col-4 text-center">
                            <div class="counter">+98</div>
                            <div class="heading">Top Keyword Rank</div>
                        </div>
                    </div>
                </div>
                <div class="social-stats">
                    <div class="row d-flex justify-content-between">
                        <div class="col-12 text-center">
                            <div class="form-group">
                                <div class="input-group input-group-sm">
                                    <input type="text" class="form-control-sm " value="https://somecoolrankingpage.com">
                                    <span class="input-group-btn">
                                            <a href="#"  class="btn btn-secondary">
                                                <i class="la la-external-link-square"></i>
                                            </a>
                                        </span>
                                </div>
                            </div>
                            {{--                                <div class="counter">--}}
                            {{--                                    <a href="#">--}}
                            {{--                                        https://somecoolrankingpage.com--}}
                            {{--                                    </a>--}}
                            {{--                                </div>--}}
                            <div class="heading">Primary Ranking Page</div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- End Widget Body -->
        </div>
        <!-- End Widget 05 -->
    </div>
@endforeach