@extends('layouts.sitelayout')

 @section('content')
     
      <div class="page-title section lb">
            <div class="container">
                <div class="clearfix">
                    <div class="title-area pull-left">
                        <h2>Category <small>Online Exam is to enhance their subject skills to come out with flying colors from the cut-throat competition.</small></h2> </div>
                    <!-- /.pull-right -->
                    <div class="pull-right hidden-xs">
                        <div class="bread">
                            <ol class="breadcrumb">
                                <li><a href="{{PREFIX}}">Home</a></li>
                                <li class="active">Category</li>
                            </ol>
                        </div>
                        <!-- end bread -->
                    </div>
                    <!-- /.pull-right -->
                </div>
                <!-- end clearfix -->
            </div>
        </div>
        <!-- end page-title -->
        <div class="section">
            <div class="container">
                <div class="row">
                    <div class="col-md-12 st-majorr">
                        <nav class="portfolio-filter text-center">

                            <ul class="list-inline">
                                <li><a class="btn btn-default st-mocks" href="#" data-filter="*"><span class="oi hidden-xs" data-glyph="grid-three-up"></span> All</a></li>
                                
                                @foreach($categories as $category)
                               

                                <li><a class="btn btn-default st-mocks" data-toggle="tooltip" data-placement="top" title="" href="#" data-filter=".cat{{$i++}}" data-original-title="{{App\Quiz::where('category_id',$category->id)
                                ->where('show_in_front',1)->where('is_paid',0)->get()->count()}}">{{$category->category}}</a></li>

                                @endforeach

                            
                            </ul>
                        </nav>
                    </div>
                </div>
                <hr class="invis">
                <div class="portfolio isotope">

                    @foreach($categories as $category)