@extends('layouts.master')

@section('page-content')
    <div class="title-bar">
        <h1 class="title-bar-title">
            <span class="d-ib">Quick Overview</span>
        </h1>
    </div>
    <div class="row gutter-xs">
        <div class="col-md-6 col-lg-3">
            <div class="card bg-primary">
                <div class="card-body">
                    <div class="media">
                        <div class="media-middle media-left">
                            <span class="bg-primary-inverse circle sq-48">
                                <span class="icon icon-user"></span>
                            </span>
                        </div>
                        <div class="media-middle media-body">
                            <h6 class="media-heading">Regions</h6>

                            <h3 class="media-heading">
                                <span class="fw-l">{{$regions}}</span>
                            </h3>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-6 col-lg-3">
            <div class="card bg-info">
                <div class="card-body">
                    <div class="media">
                        <div class="media-middle media-left">
                            <span class="bg-info-inverse circle sq-48">
                                <span class="icon icon-shopping-bag"></span>
                            </span>
                        </div>
                        <div class="media-middle media-body">
                            <h6 class="media-heading">Registered Members</h6>

                            <h3 class="media-heading">
                                <span class="fw-l">{{$members}}</span>
                            </h3>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-6 col-lg-3">
            <div class="card bg-warning">
                <div class="card-body">
                    <div class="media">
                        <div class="media-middle media-left">
                            <span class="bg-warning-inverse circle sq-48">
                                <!-- <span class="icon icon-inr"></span> -->
                               <img src="http://mumbaimaheshwari.com/img/samiti.jpeg" style="height: 33px;
                        width:33px;">
                        </div>
                        <div class="media-middle media-body">
                            <h6 class="media-heading">Samiti</h6>

                            <h3 class="media-heading">
                                <span class="fw-l"> {{$samiti}}</span>
                            </h3>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-6 col-lg-3">
            <div class="card bg-info">
                <div class="card-body">
                    <div class="media">
                        <div class="media-middle media-left">
                            <span class="bg-info-inverse circle sq-48">
                                <span class="icon icon-clock-o"></span>
                            </span>
                        </div>
                        <div class="media-middle media-body">
                            <h6 class="media-heading">Events</h6>

                            <h3 class="media-heading">
                                <span class="fw-l">{{$events}}</span>
                            </h3>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <hr class="no_line" style="margin: 0 auto 20px auto"> </div>
    <div class="col-xs-12">
        <div class="row">
            <div class="col-xs-12">
                <table id="demo-datatables-111" class="table table-striped table-nowrap table-bordered dataTable" cellspacing="0" width="100%">
                    <thead>
                    <tr>
                        <th>Type</th>
                        <th>All Member</th>
                        <th>Active</th>
                        <th>Inactive (Death)</th>
                        <th>Inactive (Misconduct)</th>
                    </tr>
                    </thead>
                    <tbody>
                    @php
                    $misconductsum = 0;
                    $deathsum = 0;
                    $totalactivesum = 0;
                    $totalmembersum = 0;
                    @endphp
                    @foreach($membercollect as $mcount)
                        <tr>
                            <td><a class="gettype" href="get_member_data/{{$mcount['type']}}">{{$mcount['type']}}</a></td>
                            <td>{{$mcount['total']}}</td>
                            <td>{{$mcount['totalactive']}}</td>
                            <td>{{$mcount['totalactivedeth']}}</td>
                            <td>{{$mcount['totalactiveMisconduct']}}</td>
                            @php
                            $misconductsum += $mcount['totalactiveMisconduct'];
                            $deathsum += $mcount['totalactivedeth'];
                            $totalactivesum += $mcount['totalactivedeth'];
                            $totalmembersum += $mcount['total'];
                            @endphp
                        </tr>
                    @endforeach
                    <tr>
                        <td>Total</td>
                        <td>{{$totalmembersum}}</td>
                        <td>{{$totalactivesum}}</td>
                        <td>{{$deathsum}}</td>
                        <td>{{$misconductsum}}</td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
@endsection