@extends('admin.master')
@section('content')

<meta name="csrf-token" content="{{ csrf_token() }}">


  
  <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">
    
    <!-- Main content -->
    <section class="content">
      <div class="container-fluid">
        <!-- Small boxes (Stat box) -->
        <div class="row">
          <div class="col-lg-3 col-6">
            <!-- small box -->
            <div class="small-box bg-info">
              <div class="inner">
                <h3>{{$advocate_count}}</h3>

                <p>Advocates</p>
              </div>
              <div class="icon">
                <i class="ion ion-person"></i>
              </div>
              <a href="dashboard_advocate_detail/advocate" class="dashboard_details small-box-footer" data-flag="advocate" >More info <i class="fas fa-arrow-circle-right"></i></a>
            </div>
          </div>
          <!-- ./col -->
          <div class="col-lg-3 col-6">
            <!-- small box -->
            <div class="small-box bg-success">
              <div class="inner">
                <h3>{{$state_council_count}}</h3>

                <p>State Councils</p>
              </div>
              <div class="icon">
                <i class="ion ion-university"></i>
              </div>
              <a href="dashboard_advocate_detail/council" class="dashboard_details small-box-footer" data-flag="council">More info <i class="fas fa-arrow-circle-right"></i></a>
            </div>
          </div>
          <!-- ./col -->
          <div class="col-lg-3 col-6">
            <!-- small box -->
            <div class="small-box bg-warning">
              <div class="inner">
                <h3>{{$associations_count}}</h3>

                <p>Associations</p>
              </div>
              <div class="icon">
                <i class="ion ion-person-stalker"></i>
              </div>
              <a href="dashboard_advocate_detail/association" class="dashboard_details small-box-footer" data-flag="association">More info <i class="fas fa-arrow-circle-right"></i></a>
            </div>
          </div>
         
        </div>
        
      </div><!-- /.container-fluid -->
    
    
    
    
      <div class="row dashboard_dril"></div>
      
      
    
    </section>
    <!-- /.content -->
  </div>
  <!-- /.content-wrapper -->


<script>
//    var token = $("meta[name='csrf-token']").attr("content");
//    $(document).on("click", ".dashboard_details", function () {
//        var a = $(this).data('flag');
//        //var a = 1;
//        //var a = 1;
//        $.ajax({
//            type: "GET",
//            url: "dashboard_advocate_detail/" + a,
//                beforeSend:function(){
//                    $('.dashboard_dril').html('Loading...');
//                },
//            
//            data: {"_token": token},
//            cache: false,
//            //dataType: "text",
//            success: function (data) {
//                $(".dashboard_dril").html(data);
//            }
//        });
//    });
</script>
@endsection