

<?php $__env->startSection('title', 'Buku Dipinjam'); ?>

<?php $__env->startSection('page-title', 'Buku Dipinjam'); ?>

<?php $__env->startSection('content'); ?>

<div class="card-modern">

    <div class="card-header-modern">

        <h1>📖 Buku Sedang Dipinjam</h1>

        <span>
            <?php echo e($dipinjam->count()); ?> Buku
        </span>

    </div>

    <div class="table-responsive">

        <table>

            <thead>

                <tr>

                    <th>No</th>
                    <th>Nama Siswa</th>
                    <th>Buku</th>
                    <th>Status</th>

                </tr>

            </thead>

            <tbody>

                <?php $__empty_1 = true; $__currentLoopData = $dipinjam; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>

                <tr>

                    <td><?php echo e($loop->iteration); ?></td>

                    <td>
                        <?php echo e($item->siswa->nama_siswa ?? '-'); ?>

                    </td>

                    <td>
                        <?php echo e($item->buku->judul_buku ?? '-'); ?>

                    </td>

                    <td>

                        <span class="badge-dipinjam">

                            Dipinjam

                        </span>

                    </td>

                </tr>

                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>

                <tr>

                    <td colspan="4">

                        Tidak ada buku dipinjam

                    </td>

                </tr>

                <?php endif; ?>

            </tbody>

        </table>

    </div>

</div>

<style>

.card-modern{

    background:rgba(255,255,255,.05);

    border-radius:30px;

    overflow:hidden;
}

.card-header-modern{

    padding:25px 30px;

    background:linear-gradient(135deg,#eab308,#ca8a04);

    display:flex;

    justify-content:space-between;

    align-items:center;
}

table{

    width:100%;

    border-collapse:collapse;

    color:white;

    table-layout:fixed;
}

th{

    padding:20px;

    text-align:center;

    background:
    rgba(255,255,255,.05);

    color:#e2e8f0;

    font-size:15px;

    font-weight:600;

    border-bottom:
    1px solid rgba(255,255,255,.08);
}

td{

    padding:20px;

    text-align:center;

    vertical-align:middle;

    border-bottom:
    1px solid rgba(255,255,255,.05);
}

tr{

    transition:.3s;
}

tr:hover{

    background:
    rgba(255,255,255,.04);
}

</style>

<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.kepsek', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH C:\laragon\www\aplikasi-perpustakaan\resources\views/kepsek/dipinjam.blade.php ENDPATH**/ ?>