@extends('central.dashboard.layouts.master')

@section('sidebar')
    @include('central.dashboard.layouts.sidebar', ['page' => 'home'])
@endsection

@section('style')
    <style>
        .number-card {
            background: #3c8f21;
            color: white;
            padding: 10px;
            border-radius: 15px;
            box-shadow: 2px 2px 8px #8f8f8f;
            transition: 0.3s;
        }

        .number-card:hover {
            border: 1px solid black;
        }

        .number-card:hover p {
            color: black;
            font-size: 23px;
        }
        /* New style for making the card responsive */
        @media (max-width: 1229px) {
            .number-card {
                width: 100% !important; /* Set the width to 100% for small screens */
            }
        }
    </style>
@endsection

@section('content')
    <div class="text-center">
        <h1>Misk Soft 💻🎇</h1>
        <h2>مسك سوفت</h2>
        <hr>

        <div class="row">
            <div class="col-md-4 col-sm-6">
                <div class="number-card w-50">
                    <p style="font-size: 21px;">عدد الشركات</p>
                    <h5 class="fw-bold" style="font-size: 24px;">{{ $tenants_count }}</h5>
                </div>
            </div>
        </div>
    </div>
@endsection