<?php $__env->startSection('title', 'ড্যাশবোর্ড'); ?>
<?php $__env->startSection('page-title', 'ড্যাশবোর্ড'); ?>

<?php $__env->startSection('content'); ?>
<style>
    /* আধুনিক ড্যাশবোর্ড কার্ড স্টাইল */
    .dashboard-card {
        border-radius: 15px;
        padding: 25px 20px;
        color: white;
        margin-bottom: 24px;
        box-shadow: 0 4px 20px rgba(0,0,0,0.08);
        position: relative;
        overflow: hidden;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        border: none;
    }
    .dashboard-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 8px 25px rgba(0,0,0,0.15);
    }
    .dashboard-card .icon {
        font-size: 55px;
        position: absolute;
        right: -10px;
        bottom: -5px;
        opacity: 0.25;
        color: white;
        transform: rotate(-15deg);
    }
    .dashboard-card h3 {
        font-size: 28px;
        font-weight: 700;
        margin: 8px 0;
        letter-spacing: 0.5px;
    }
    .dashboard-card p {
        font-size: 15px;
        font-weight: 500;
        margin: 0;
        opacity: 0.9;
    }
    .card-footer-link {
        background: rgba(255,255,255,0.25);
        color: white !important;
        padding: 4px 12px;
        border-radius: 20px;
        text-decoration: none;
        font-size: 12px;
        display: inline-block;
        margin-top: 15px;
        backdrop-filter: blur(5px);
        transition: all 0.3s;
    }
    .card-footer-link:hover {
        background: white;
        color: #333 !important;
    }

    /* প্রিমিয়াম গ্রেডিয়েন্ট কালার */
    .gradient-1 { background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); } /* নীল */
    .gradient-2 { background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%); } /* সবুজ */
    .gradient-3 { background: linear-gradient(135deg, #fa709a 0%, #fee140 100%); } /* কমলা-পিঙ্ক */
    .gradient-4 { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); } /* পার্পল */
    .gradient-5 { background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%); } /* লালচে */
    .gradient-6 { background: linear-gradient(135deg, #2af598 0%, #009efd 100%); } /* সায়ান */
    .gradient-7 { background: linear-gradient(135deg, #f6d365 0%, #fda085 100%); } /* গোল্ডেন */

    /* কুইক অ্যাকশন বাটন */
    .quick-action-btn {
        border-radius: 12px;
        padding: 20px 10px;
        text-align: center;
        background: white;
        box-shadow: 0 4px 6px rgba(0,0,0,0.02);
        border: 1px solid #f1f5f9;
        color: #475569;
        font-weight: 600;
        display: block;
        margin-bottom: 20px;
        transition: all 0.3s;
    }
    .quick-action-btn:hover {
        background: #ffffff;
        transform: translateY(-3px);
        box-shadow: 0 10px 20px rgba(0,0,0,0.05);
        color: #2563eb;
        border-color: #2563eb;
    }
    .quick-action-btn i {
        font-size: 28px;
        margin-bottom: 10px;
        display: block;
        color: #3b82f6;
    }

    .section-title {
        font-size: 18px;
        font-weight: 700;
        margin: 30px 0 20px 0;
        color: #1e293b;
        display: flex;
        align-items: center;
    }
    .section-title::after {
        content: "";
        flex: 1;
        height: 1px;
        background: #e2e8f0;
        margin-left: 15px;
    }

    /* রিসেন্ট অ্যাক্টিভিটি */
    .activity-card {
        background: white;
        border-radius: 15px;
        border: none;
        box-shadow: 0 4px 6px rgba(0,0,0,0.02);
    }
    .activity-item {
        padding: 15px;
        border-bottom: 1px solid #f1f5f9;
        transition: background 0.2s;
    }
    .activity-item:last-child { border-bottom: none; }
    .activity-item:hover { background: #f8fafc; }
    
    .activity-icon {
        width: 40px;
        height: 40px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 15px;
    }
</style>

<div class="container-fluid">
    <div class="row">
        <div class="col-xl-3 col-md-6">
            <div class="dashboard-card gradient-1">
                <i class="fas fa-users icon"></i>
                <p>মোট ছাত্র/ছাত্রী</p>
                <h3><?php echo e($stats['total_students'] ?? 0); ?></h3>
                <small>সক্রিয়: <?php echo e($stats['active_students'] ?? 0); ?></small>
                <div><a href="<?php echo e(route('students.index')); ?>" class="card-footer-link">বিস্তারিত <i class="fas fa-arrow-right ml-1"></i></a></div>
            </div>
        </div>
        <div class="col-xl-3 col-md-6">
            <div class="dashboard-card gradient-2">
                <i class="fas fa-chalkboard-teacher icon"></i>
                <p>মোট শিক্ষক</p>
                <h3><?php echo e($stats['total_teachers'] ?? 0); ?></h3>
                <small>উপস্থিত: <?php echo e($stats['active_teachers'] ?? 0); ?> জন</small>
                <div><a href="<?php echo e(route('teachers.index')); ?>" class="card-footer-link">বিস্তারিত <i class="fas fa-arrow-right ml-1"></i></a></div>
            </div>
        </div>
        <div class="col-xl-3 col-md-6">
            <div class="dashboard-card gradient-3">
                <i class="fas fa-wallet icon"></i>
                <p>আজকের সংগ্রহ</p>
                <h3>৳ <?php echo e(number_format($stats['today_payment'] ?? 0, 0)); ?></h3>
                <small>মাসিক: ৳ <?php echo e(number_format($stats['month_payment'] ?? 0, 0)); ?></small>
                <div><a href="<?php echo e(route('fees.index')); ?>" class="card-footer-link">বিস্তারিত <i class="fas fa-arrow-right ml-1"></i></a></div>
            </div>
        </div>
        <div class="col-xl-3 col-md-6">
            <div class="dashboard-card gradient-4">
                <i class="fas fa-hand-holding-usd icon"></i>
                <p>মোট বকেয়া</p>
                <h3>৳ <?php echo e(number_format($stats['total_due'] ?? 0, 0)); ?></h3>
                <small>বকেয়া ফি রিপোর্ট</small>
                <div><a href="<?php echo e(route('fees.due-report')); ?>" class="card-footer-link">বিস্তারিত <i class="fas fa-arrow-right ml-1"></i></a></div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-4">
            <div class="dashboard-card gradient-5">
                <i class="fas fa-book-reader icon"></i>
                <p>লাইব্রেরি তথ্য</p>
                <h3><?php echo e($stats['total_books'] ?? 0); ?></h3>
                <small>মোট বই | ইস্যু: <?php echo e($stats['issued_books'] ?? 0); ?></small>
                <div><a href="<?php echo e(route('library.books')); ?>" class="card-footer-link">বিস্তারিত <i class="fas fa-arrow-right ml-1"></i></a></div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="dashboard-card gradient-6">
                <i class="fas fa-user-check icon"></i>
                <p>আজকের হাজিরা</p>
                <h3><?php echo e($stats['present_today'] ?? 0); ?> <span style="font-size: 16px;">উপস্থিত</span></h3>
                <small>মোট শিক্ষার্থী: <?php echo e($stats['total_students'] ?? 0); ?></small>
                <div><a href="<?php echo e(route('attendance.index')); ?>" class="card-footer-link">বিস্তারিত <i class="fas fa-arrow-right ml-1"></i></a></div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="dashboard-card gradient-7">
                <i class="fas fa-award icon"></i>
                <p>পরীক্ষার ফলাফল</p>
                <h3><?php echo e($stats['total_classes'] ?? 0); ?> <span style="font-size: 16px;">শ্রেণি</span></h3>
                <small>ফলাফল ব্যবস্থাপনা</small>
                <div><a href="<?php echo e(route('results.index')); ?>" class="card-footer-link">বিস্তারিত <i class="fas fa-arrow-right ml-1"></i></a></div>
            </div>
        </div>
    </div>

    <div class="section-title"><i class="fas fa-rocket mr-2 text-primary"></i> দ্রুত অ্যাকশন</div>
    <div class="row">
        <div class="col-lg-3 col-6">
            <a href="<?php echo e(route('students.create')); ?>" class="quick-action-btn text-decoration-none">
                <i class="fas fa-user-plus"></i>
                নতুন ভর্তি
            </a>
        </div>
        <div class="col-lg-3 col-6">
            <a href="<?php echo e(route('fees.index')); ?>" class="quick-action-btn text-decoration-none">
                <i class="fas fa-receipt"></i>
                ফি সংগ্রহ
            </a>
        </div>
        <div class="col-lg-3 col-6">
            <a href="<?php echo e(route('attendance.manual')); ?>" class="quick-action-btn text-decoration-none">
                <i class="fas fa-user-check"></i>
                ম্যানুয়াল হাজিরা
            </a>
        </div>
        <div class="col-lg-3 col-6">
            <a href="<?php echo e(route('notices.index')); ?>" class="quick-action-btn text-decoration-none">
                <i class="fas fa-bullhorn"></i>
                নোটিশ বোর্ড
            </a>
        </div>
    </div>

    <div class="row mt-2">
        <div class="col-md-8">
            <div class="section-title"><i class="fas fa-history mr-2 text-primary"></i> সাম্প্রতিক কার্যক্রম</div>
            <div class="card activity-card">
                <div class="card-body p-0">
                    <div class="activity-item d-flex align-items-center">
                        <div class="activity-icon bg-light-primary text-primary"><i class="fas fa-user-edit"></i></div>
                        <div class="flex-grow-1">
                            <h6 class="mb-0 font-weight-bold text-dark">নতুন ছাত্র ভর্তি সম্পন্ন</h6>
                            <small class="text-muted">১০:৩০ AM | ষষ্ঠ শ্রেণি, রোল: ০১</small>
                        </div>
                        <span class="badge badge-light-primary">সফল</span>
                    </div>
                    <div class="activity-item d-flex align-items-center">
                        <div class="activity-icon bg-light-success text-success"><i class="fas fa-money-check-alt"></i></div>
                        <div class="flex-grow-1">
                            <h6 class="mb-0 font-weight-bold text-dark">মাসিক ফি জমা</h6>
                            <small class="text-muted">০৯:৪৫ AM | রাহিম উদ্দিন - ৫০০০ টাকা</small>
                        </div>
                        <span class="badge badge-light-success">সংগৃহীত</span>
                    </div>
                    <div class="activity-item d-flex align-items-center">
                        <div class="activity-icon bg-light-info text-info"><i class="fas fa-book"></i></div>
                        <div class="flex-grow-1">
                            <h6 class="mb-0 font-weight-bold text-dark">লাইব্রেরি বই ইস্যু</h6>
                            <small class="text-muted">০৯:১৫ AM | করিমুল হাসান - বাংলা ব্যাকরণ</small>
                        </div>
                        <span class="badge badge-light-info">ইস্যু</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="section-title"><i class="fas fa-birthday-cake mr-2 text-danger"></i> আজকের জন্মদিন</div>
            <div class="dashboard-card" style="background: linear-gradient(135deg, #ff9a9e 0%, #fecfef 99%, #fecfef 100%); color: #d63384;">
                <i class="fas fa-gift icon" style="color: #d63384; opacity: 0.15;"></i>
                <h4 class="font-weight-bold mb-3"><?php echo e($birthdays->count() ?? 0); ?> জন</h4>
                <?php if(isset($birthdays) && $birthdays->count() > 0): ?>
                    <?php $__currentLoopData = $birthdays; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $birthday): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <div class="d-flex align-items-center mb-2">
                            <i class="fas fa-check-circle mr-2 small"></i>
                            <span class="font-weight-bold"><?php echo e($birthday->name_bn); ?></span>
                        </div>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                <?php else: ?>
                    <p class="mb-0">আজ কারো জন্মদিন নেই!</p>
                <?php endif; ?>
                <div class="mt-3">
                    <button class="btn btn-sm btn-white text-danger px-3 shadow-sm border-0" style="border-radius: 20px; font-weight: 700;">উইশ করুন</button>
                </div>
            </div>
        </div>
    </div>
</div>

<?php $__env->startPush('scripts'); ?>
<script>
    // ড্যাশবোর্ড লোড হওয়ার পর ছোট একটি অ্যানিমেশন
    $(document).ready(function() {
        $('.dashboard-card').hide().fadeIn(1000);
    });
</script>
<?php $__env->stopPush(); ?>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.app', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH /home/naowarin/school.naowarinternational.my.id/resources/views/dashboard.blade.php ENDPATH**/ ?>