@extends('smartadmin.layout')

@section('title', 'Members • Analytics')

@section('content')
    <section id="widget-grid" class="">
        <div class="row">
            <article class="col-md-6">
                <div id="genderBreakdownWidget" class="jarviswidget jarviswidget-color-darken" data-widget-editbutton="false" data-widget-custombutton="false" data-widget-togglebutton="false">
                    <header>
                        <span class="widget-icon"> <i class="fa fa-pie-chart"></i> </span>
                        <h2>Gender Breakdown</h2>
                    </header>
                    <div>
                        <div class="jarviswidget-editbox"></div>
                        <div class="widget-body">
                            {!! $gendersChart->render() !!}
                        </div>
                    </div>
                </div>
            </article>
            <article class="col-md-6">
                <div id="genderBreakdownWidget" class="jarviswidget jarviswidget-color-darken" data-widget-editbutton="false" data-widget-custombutton="false" data-widget-togglebutton="false">
                    <header>
                        <span class="widget-icon"> <i class="fa fa-table"></i> </span>
                        <h2>Gender Report</h2>
                    </header>
                    <div>
                        <div class="jarviswidget-editbox"></div>
                        <div class="widget-body no-padding">
                            {!! $gendersDataTable->table() !!}
                        </div>
                    </div>
                </div>
            </article>
        </div>
    </section>
@stop

@section('pr-scripts')
    <!-- PAGE RELATED PLUGIN(S) -->
@stop

@section('scripts')
    {!! $gendersDataTable->scripts() !!}
@stop