@extends('layouts.master')
@section('content')
    <div class="dashboard-body">
        <div class="row pb-4">
            <div class="col-xxl-9 mb-4">
                <div class="row gx-md-4 pb-3 report-row">
                    <div class="col-xxl-4 col-sm-6 pb-4 mb-4">
                        <a href="">
                            <div class="card report-card">
                                <div class="row gx-2 mb-2 pb-1">
                                    <div class="col">
                                        <h2 class="large-title">0</h2>
                                        <p class="body">Active Members</p>
                                    </div>
                                    <div class="col-auto">
                                        <div class="icon">
                                            <svg width="24" height="25" viewBox="0 0 24 25" fill="none"
                                                xmlns="http://www.w3.org/2000/svg">
                                                <path fill-rule="evenodd" clip-rule="evenodd"
                                                    d="M6.84999 8.49999C6.84999 6.7603 8.2603 5.34999 9.99999 5.34999C11.7397 5.34999 13.15 6.7603 13.15 8.49999C13.15 10.2397 11.7397 11.65 9.99999 11.65C8.2603 11.65 6.84999 10.2397 6.84999 8.49999ZM9.99999 3.64999C7.32141 3.64999 5.14999 5.82141 5.14999 8.49999C5.14999 11.1786 7.32141 13.35 9.99999 13.35C12.6786 13.35 14.85 11.1786 14.85 8.49999C14.85 5.82141 12.6786 3.64999 9.99999 3.64999ZM4.84999 18.4167C4.84999 18.0136 5.17864 17.4979 6.21836 17.0388C7.20789 16.6018 8.58423 16.35 9.99999 16.35C11.3957 16.35 12.7709 16.6431 13.7679 17.1047C14.2668 17.3357 14.6328 17.5912 14.863 17.8378C15.0846 18.0752 15.1476 18.2656 15.1499 18.4085C15.1418 18.43 15.1051 18.4981 14.9627 18.6088C14.7442 18.7786 14.3797 18.9616 13.8649 19.127C12.8446 19.4549 11.4363 19.65 9.99999 19.65C8.30149 19.65 6.90335 19.4521 5.96129 19.1316C5.48763 18.9704 5.18105 18.7955 5.00768 18.6425C4.84893 18.5024 4.84985 18.4286 4.84999 18.4174L4.84999 18.4167ZM15.1519 18.401C15.1521 18.401 15.1519 18.403 15.1505 18.4068C15.151 18.4029 15.1517 18.401 15.1519 18.401ZM9.99999 14.65C8.41576 14.65 6.79209 14.927 5.53163 15.4837C4.32134 16.0181 3.14999 16.9607 3.14999 18.4167C3.14999 19.0456 3.46755 19.5507 3.88293 19.9172C4.28769 20.2744 4.82486 20.5406 5.41369 20.741C6.59663 21.1435 8.19849 21.35 9.99999 21.35C11.5637 21.35 13.1554 21.1406 14.385 20.7455C14.9953 20.5494 15.5682 20.2913 16.006 19.951C16.4404 19.6133 16.85 19.1034 16.85 18.4167C16.85 17.7271 16.5361 17.1389 16.1058 16.6778C15.6797 16.2213 15.1081 15.8518 14.4821 15.562C13.2291 14.9819 11.6043 14.65 9.99999 14.65ZM16.1539 12.4185C16.1989 11.9512 16.6142 11.6089 17.0815 11.6539C18.2957 11.7709 19.4222 12.0865 20.2734 12.5788C21.0977 13.0555 21.85 13.82 21.85 14.8733C21.85 15.4192 21.641 15.917 21.2349 16.3126C20.8519 16.6855 20.3291 16.9349 19.7318 17.1043C19.2802 17.2323 18.8103 16.97 18.6822 16.5183C18.5542 16.0667 18.8165 15.5968 19.2682 15.4687C19.7157 15.3418 19.9429 15.1978 20.0488 15.0947C20.1314 15.0143 20.15 14.9536 20.15 14.8733C20.15 14.7166 20.0328 14.4034 19.4224 14.0504C18.8388 13.713 17.9653 13.447 16.9185 13.3461C16.4512 13.301 16.1089 12.8857 16.1539 12.4185ZM18 3.64999C17.5306 3.64999 17.15 4.03055 17.15 4.49999C17.15 4.96944 17.5306 5.34999 18 5.34999C18.9113 5.34999 19.65 6.08872 19.65 6.99999C19.65 7.91126 18.9113 8.64999 18 8.64999C17.5306 8.64999 17.15 9.03055 17.15 9.49999C17.15 9.96944 17.5306 10.35 18 10.35C19.8501 10.35 21.35 8.85015 21.35 6.99999C21.35 5.14984 19.8501 3.64999 18 3.64999Z"
                                                    fill="#7C8DB5" />
                                            </svg>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>

                    {{-- <div class="col-xxl-4 col-sm-6 pb-4 mb-4">
                        <a href="{{ route('admin.members.index', 'status=deactive') }}">
                            <div class="card report-card">
                                <div class="row gx-2 mb-2 pb-1">
                                    <div class="col">
                                        <h2 class="large-title">{{ $inactiveMembers }}</h2>
                                        <p class="body">Inactive Members</p>
                                    </div>
                                    <div class="col-auto">
                                        <div class="icon">
                                            <svg width="24" height="25" viewBox="0 0 24 25" fill="none"
                                                xmlns="http://www.w3.org/2000/svg">
                                                <path fill-rule="evenodd" clip-rule="evenodd"
                                                    d="M6.84999 8.49999C6.84999 6.7603 8.2603 5.34999 9.99999 5.34999C11.7397 5.34999 13.15 6.7603 13.15 8.49999C13.15 10.2397 11.7397 11.65 9.99999 11.65C8.2603 11.65 6.84999 10.2397 6.84999 8.49999ZM9.99999 3.64999C7.32141 3.64999 5.14999 5.82141 5.14999 8.49999C5.14999 11.1786 7.32141 13.35 9.99999 13.35C12.6786 13.35 14.85 11.1786 14.85 8.49999C14.85 5.82141 12.6786 3.64999 9.99999 3.64999ZM4.84999 18.4167C4.84999 18.0136 5.17864 17.4979 6.21836 17.0388C7.20789 16.6018 8.58423 16.35 9.99999 16.35C11.3957 16.35 12.7709 16.6431 13.7679 17.1047C14.2668 17.3357 14.6328 17.5912 14.863 17.8378C15.0846 18.0752 15.1476 18.2656 15.1499 18.4085C15.1418 18.43 15.1051 18.4981 14.9627 18.6088C14.7442 18.7786 14.3797 18.9616 13.8649 19.127C12.8446 19.4549 11.4363 19.65 9.99999 19.65C8.30149 19.65 6.90335 19.4521 5.96129 19.1316C5.48763 18.9704 5.18105 18.7955 5.00768 18.6425C4.84893 18.5024 4.84985 18.4286 4.84999 18.4174L4.84999 18.4167ZM15.1519 18.401C15.1521 18.401 15.1519 18.403 15.1505 18.4068C15.151 18.4029 15.1517 18.401 15.1519 18.401ZM9.99999 14.65C8.41576 14.65 6.79209 14.927 5.53163 15.4837C4.32134 16.0181 3.14999 16.9607 3.14999 18.4167C3.14999 19.0456 3.46755 19.5507 3.88293 19.9172C4.28769 20.2744 4.82486 20.5406 5.41369 20.741C6.59663 21.1435 8.19849 21.35 9.99999 21.35C11.5637 21.35 13.1554 21.1406 14.385 20.7455C14.9953 20.5494 15.5682 20.2913 16.006 19.951C16.4404 19.6133 16.85 19.1034 16.85 18.4167C16.85 17.7271 16.5361 17.1389 16.1058 16.6778C15.6797 16.2213 15.1081 15.8518 14.4821 15.562C13.2291 14.9819 11.6043 14.65 9.99999 14.65ZM16.1539 12.4185C16.1989 11.9512 16.6142 11.6089 17.0815 11.6539C18.2957 11.7709 19.4222 12.0865 20.2734 12.5788C21.0977 13.0555 21.85 13.82 21.85 14.8733C21.85 15.4192 21.641 15.917 21.2349 16.3126C20.8519 16.6855 20.3291 16.9349 19.7318 17.1043C19.2802 17.2323 18.8103 16.97 18.6822 16.5183C18.5542 16.0667 18.8165 15.5968 19.2682 15.4687C19.7157 15.3418 19.9429 15.1978 20.0488 15.0947C20.1314 15.0143 20.15 14.9536 20.15 14.8733C20.15 14.7166 20.0328 14.4034 19.4224 14.0504C18.8388 13.713 17.9653 13.447 16.9185 13.3461C16.4512 13.301 16.1089 12.8857 16.1539 12.4185ZM18 3.64999C17.5306 3.64999 17.15 4.03055 17.15 4.49999C17.15 4.96944 17.5306 5.34999 18 5.34999C18.9113 5.34999 19.65 6.08872 19.65 6.99999C19.65 7.91126 18.9113 8.64999 18 8.64999C17.5306 8.64999 17.15 9.03055 17.15 9.49999C17.15 9.96944 17.5306 10.35 18 10.35C19.8501 10.35 21.35 8.85015 21.35 6.99999C21.35 5.14984 19.8501 3.64999 18 3.64999Z"
                                                    fill="#7C8DB5" />
                                            </svg>
                                        </div>
                                    </div>
                                </div>
                                <div class="report-text">
                                    <h2 class="footnote amount @if (number_format($compareActiveMembers, '2') > 0) up @else down @endif">
                                        <svg width="20" height="20" viewBox="0 0 20 20" fill="none"
                                            xmlns="http://www.w3.org/2000/svg">
                                            @if (number_format($compareActiveMembers, '2') > 0)
                                                <path
                                                    d="M7.21371 4.79669C7.06294 4.94747 6.97058 5.15699 6.97088 5.3871L6.97088 5.48838C6.97088 5.94917 7.34391 6.32221 7.80412 6.32162L12.357 6.32162L4.65529 14.0234C4.33002 14.3486 4.33002 14.8766 4.65529 15.2019C4.98056 15.5272 5.50853 15.5272 5.8338 15.2019L13.5356 7.50013V12.0531C13.5356 12.5138 13.9086 12.8869 14.3688 12.8863H14.4701C14.9309 12.8863 15.3039 12.5133 15.3033 12.0531V5.3871C15.3033 4.9263 14.9303 4.55326 14.4701 4.55385L7.80412 4.55385C7.57372 4.55385 7.36449 4.64592 7.21371 4.79669Z"
                                                    fill="#7C8DB5" />
                                            @else
                                                <path
                                                    d="M12.5001 15.2019C12.6508 15.0511 12.7432 14.8416 12.7429 14.6115L12.7429 14.5102C12.7429 14.0494 12.3699 13.6764 11.9097 13.677L7.35674 13.677L15.0585 5.97522C15.3838 5.64995 15.3838 5.12198 15.0585 4.79671C14.7332 4.47144 14.2053 4.47144 13.88 4.79671L6.17823 12.4985V7.94554C6.17823 7.48475 5.80519 7.11171 5.34499 7.1123H5.24371C4.78291 7.1123 4.40987 7.48534 4.41046 7.94554V14.6115C4.41046 15.0723 4.7835 15.4453 5.24371 15.4447L11.9097 15.4447C12.1401 15.4447 12.3493 15.3527 12.5001 15.2019Z"
                                                    fill="#7C8DB5" />
                                            @endif
                                        </svg>
                                        <p><span class="pe-2">{{ $thisMonthInactiveMembers }}</span>
                                            {{ number_format($compareDeActiveMembers, '2') }}% this month</p>
                                    </h2>
                                </div>
                            </div>
                        </a>
                    </div> --}}
                </div>
            </div>
        </div>
    </div>
@endsection
@section('js')
@endsection