@extends('admin.admin')
@section('adminContent')



<!-- ============================================================== -->
<!-- Bread crumb and right sidebar toggle -->
<!-- ============================================================== -->
<div class="row page-titles">


    <div>
        <button class="right-side-toggle waves-effect waves-light btn-inverse btn btn-circle btn-sm pull-right m-l-10"><i class="ti-settings text-white"></i></button>
    </div>
</div>
<!-- ============================================================== -->
<!-- End Bread crumb and right sidebar toggle -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- Container fluid  -->
<!-- ============================================================== -->
<div class="container-fluid">

    <!-- ============================================================== -->
    <!-- Start Page Content -->
    <!-- ============================================================== -->
  <div class="row">
        <!-- Column -->
        <div class="col-lg-3 col-md-6">
            <div class="card">
                <div class="card-body">
                    <!-- Row -->
                    <div class="row">
                        <div class="col-8">
                            <h2>{{$total}}</h2>
                            <h6>Total Users</h6>
                        </div>
                        <div class="col-4 align-self-center text-right  p-l-0">
                            <div id="sparklinedash3"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Column -->
        <div class="col-lg-3 col-md-6">
            <div class="card">
                <div class="card-body">
                    <!-- Row -->
                    <div class="row">
                        <div class="col-8">
                            <h2 class="">{{$donator}}</h2>
                            <h6>Donators</h6>
                        </div>
                        <div class="col-4 align-self-center text-right p-l-0">
                            <div id="sparklinedash"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Column -->
        <div class="col-lg-3 col-md-6">
            <div class="card">
                <div class="card-body">
                    <!-- Row -->
                    <div class="row">
                        <div class="col-8">
                            <h2>{{$ann}}</h2>
                            <h6>Annually Members</h6>
                        </div>
                        <div class="col-4 align-self-center text-right p-l-0">
                            <div id="sparklinedash2"></div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Column -->
        <div class="col-lg-3 col-md-6">
            <div class="card">
                <div class="card-body">
                    <!-- Row -->
                    <div class="row">
                        <div class="col-8">
                            <h2>{{$ltm}}</h2>
                            <h6>Life Time Members</h6>
                        </div>
                        <div class="col-4 align-self-center text-right p-l-0">
                            <div id="sparklinedash4"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-lg-3 col-md-6">
            <div class="card">
                <div class="card-body">
                    <!-- Row -->
                    <div class="row">
                        <div class="col-8">
                            <h2>{{$pt}}</h2>
                            <h6>Patron Members</h6>
                        </div>
                        <div class="col-4 align-self-center text-right p-l-0">
                            <div id="sparklinedash4"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-lg-12">

            <div class="card card-default">
                <div class="card-header">
                    <div class="card-actions">
                        <a class="" data-action="collapse"><i class="ti-minus"></i></a>
                        <a class="btn-minimize" data-action="expand"><i class="mdi mdi-arrow-expand"></i></a>
                        <a class="btn-close" data-action="close"><i class="ti-close"></i></a>
                    </div>
                    <h4 class="card-title m-b-0">Users</h4>
                </div>
                <div class="card-body collapse show">
                    <!--@if($message=Session::get('success'))-->
                    <!--<div class="alert alert-success">-->
                    <!--    {{$message}}-->
                    <!--</div>-->
                    <!--@elseif($message=Session::get('error'))-->
                    <!--<div class="text-danger">-->
                    <!--    {{$message}}-->
                    <!--</div>-->
                    @if($errors->any())
                    @foreach ($errors->all() as $error)
                    <div class="text-danger">{{ $error }}</div>
                    @endforeach
                    @endif
                    <!--@endif-->
                    <div class="table-responsive">
                        <table class="table product-overview">
                            <thead>
                                <tr>
                                    <th>Photo</th>
                                    <th>Name</th>

                                    <th>Mobile</th>
                                    <th>Email</th>
                                    <th>Gender</th>
                                    <th>Address</th>
                                    <th>Country</th>
                                    <th>Membership Date</th>
                                    <th>Membership</th>
                                    <th class="tdaction">Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                @if($data)
                                @foreach($data as $item)
                                <tr>
                                    <td>
                                        @if($item['profile'])
                                        <img src="{{asset('storage/uploads/profile/'.$item['profile'])}}" alt="iMac" height="60" width="60">
                                        @else
                                        <img src="{{asset('assets/img/unknown.webp')}}" alt="iMac" height="60" width="60">
                                        @endif
                                    </td>
                                    <td>{{$item['name']}}</td>
                                    <td>{{$item['country_code'].$item['mobile']}}</td>
                                    <td>{{$item['email']}}</td>
                                    <td>{{$item['gender']}}</td>
                                    <td>{{$item['address']}}</td>
                                    <td>{{$item['country']}}</td>