{{-- <x-admin.admin-layout>
    <x-slot name="title">Seva Connect - Dashboard</x-slot>

    <div class="page-body">
    <div class="container-fluid">
        <div class="row">
            <!-- Box 1 -->
            <div class="col-md-3 col-sm-6 mb-3">
                <div class="card text-white bg-primary shadow rounded-3">
                    <div class="card-body">
                        <h5 class="card-title">Onboards</h5>
                        <p class="card-text">{{ $totalOnboards }}</p>
                        <a href="{{ route('recommendlist_master') }}" class="btn btn-light mt-2">View List</a>
                    </div>
                </div>
            </div>




            <!-- Box 2 -->
            <div class="col-md-3 col-sm-6 mb-3">
                <div class="card text-white bg-success shadow rounded-3">
                    <div class="card-body">
                        <h5 class="card-title">Connect Stories</h5>
                        <p class="card-text">{{ $totalConnectstories }}</p>
                        <a href="{{ route('connectstories_master') }}" class="btn btn-light mt-2">View List</a>
                    </div>
                </div>
            </div>

            <!-- Box 3 -->
            <div class="col-md-3 col-sm-6 mb-3">
                <div class="card text-white bg-danger shadow rounded-3">
                    <div class="card-body">
                        <h5 class="card-title">Opportunities </h5>
                        <p class="card-text">{{ $opportunitiescount }}</p>
                        <a href="{{ route('event_master') }}" class="btn btn-light mt-2">View List</a>
                    </div>
                </div>
            </div>

            <!-- Box 4 -->
            <div class="col-md-3 col-sm-6 mb-3">
                <div class="card text-white bg-warning shadow rounded-3">
                    <div class="card-body">
                        <h5 class="card-title">Chat Details</h5>
                        <p class="card-text">{{$totalChatBot}}</p>
                        <a href="{{ route('chat_master') }}" class="btn btn-light mt-2">View List</a>

                    </div>
                </div>
            </div>

            <div class="col-md-3 col-sm-6 mb-3">
                <div class="card text-white bg-warning shadow rounded-3">
                    <div class="card-body">
                        <h5 class="card-title">Social Organization</h5>
                        <p class="card-text">{{$recommendationcount}}</p>
                        <a href="{{ route('recommendlist_master') }}" class="btn btn-light mt-2">View List</a>
                    </div>
                </div>
            </div>

            <div class="col-md-3 col-sm-6 mb-3">
                <div class="card text-white bg-danger shadow rounded-3">
                    <div class="card-body">
                        <h5 class="card-title">Evaluation</h5>
                        <p class="card-text">{{$soevaluationcount}}</p>
                        <a href="{{ route('recommendlist_master') }}" class="btn btn-light mt-2">View List</a>
                    </div>
                </div>
            </div>

            <!-- Box 2 -->
            <div class="col-md-3 col-sm-6 mb-3">
                <div class="card text-white bg-success shadow rounded-3">
                    <div class="card-body">
                        <h5 class="card-title">Individual</h5>
                        <p class="card-text">{{ $individual }}</p>
                        <a href="{{ route('individual_list') }}" class="btn btn-light mt-2">View List</a>
                    </div>
                </div>
            </div>


            <div class="col-md-3 col-sm-6 mb-3">
                <div class="card text-white bg-primary shadow rounded-3">
                    <div class="card-body">
                        <h5 class="card-title">Idependant Organization</h5>
                        <p class="card-text">{{ $independent }}</p>
                        <a href="{{ route('independent_org_list') }}" class="btn btn-light mt-2">View List</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</x-admin.admin-layout>


 --}}



 <x-admin.admin-layout>
    <x-slot name="title">Sewa Connect - Dashboard</x-slot>

    <style>
        .card-title {
            font-size: 1.1rem;
            font-weight: 600;
            min-height: 48px;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            word-break: break-word;
        }

        .card-text {
            font-size: 1.8rem;
            font-weight: bold;
            text-align: center;
            margin-bottom: 15px;
        }

        .card-body {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            height: 200px; /* Ensures uniform card height */
        }

        .card .btn {
            align-self: center;
        }
    </style>

    <div class="page-body">
        <div class="container-fluid">
            <div class="row">
                @php
                    $dashboardCards = [
                        ['title' => 'Onboards', 'count' => $totalOnboards, 'route' => 'recommendlist_master', 'color' => 'primary'],
                        ['title' => 'Connect Stories', 'count' => $totalConnectstories, 'route' => 'connectstories_master', 'color' => 'success'],
                        ['title' => 'Opportunities', 'count' => $opportunitiescount, 'route' => 'event_master', 'color' => 'danger'],
                        ['title' => 'Chat Details', 'count' => $totalChatBot, 'route' => 'chat_master', 'color' => 'warning'],
                        ['title' => 'Social Organization', 'count' => $recommendationcount, 'route' => 'recommendlist_master', 'color' => 'warning'],
                        ['title' => 'Evaluation', 'count' => $soevaluationcount, 'route' => 'recommendlist_master', 'color' => 'danger'],
                        ['title' => 'Individual', 'count' => $individual, 'route' => 'individual_list', 'color' => 'success'],
                        ['title' => 'Independent Organization', 'count' => $independent, 'route' => 'independent_org_list', 'color' => 'primary'],
                    ];
                @endphp

                @foreach($dashboardCards as $card)
                    <div class="col-xl-3 col-md-4 col-sm-6 mb-3">
                        <div class="card text-white bg-{{ $card['color'] }} shadow rounded-3">
                            <div class="card-body">
                                <h5 class="card-title">{{ $card['title'] }}</h5>
                                <p class="card-text">{{ $card['count'] }}</p>
                                <a href="{{ route($card['route']) }}" class="btn btn-light mt-2">View List</a>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </div>
</x-admin.admin-layout>