<?php $__env->startSection('content'); ?>
<main>
    <style>
        .custom-pagination .pagination a,
        .custom-pagination .pagination span {
            color: red !important; /* تغيير لون النص إلى الأحمر */
            font-weight: bold;
            text-decoration: none;
        }

        .custom-pagination .pagination .active span {
            background-color: red !important; /* خلفية العنصر النشط */
            color: white !important; /* لون النص داخل العنصر النشط */
            border-color: red !important;
            border-radius: 5px;
        }

        .custom-pagination .pagination {
            justify-content: center; /* محاذاة الترقيم إلى المنتصف */
        }
    </style>

    <section class="sub-header">
        <div class="container">
            <div class="contain">
                <h1><?php echo e(__('messages.categories')); ?></h1>
                <ul class="list">
                    <li>
                        <a href="<?php echo e(route('home')); ?>"><?php echo e(__('messages.home')); ?></a>
                    </li>
                    <li>
                        <span><?php echo e(__('messages.categories')); ?></span>
                    </li>
                </ul>
            </div>
        </div>
    </section>

    <section class="category general-section gray-bk">
        <div class="container">
            <div class="data-heading">
                <div class="custom-heading">
                    <h1><?php echo e(__('messages.categories')); ?></h1>
                </div>
            </div>

            <div class="row">
                <?php $__currentLoopData = $categories; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $categ): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <div class="col-lg-3 col-6 mb-4">
                    <a href="<?php echo e(route('categ_details', $categ->id)); ?>" class="box">
                        <img src="<?php echo e(asset('department_images/' . $categ->photo)); ?>" loading="lazy" alt="" />
                        <h2><?php echo e($categ->ar_name); ?></h2>
                        <p><?php echo e($categ->ar_summary); ?></p>
                    </a>
                </div>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
            </div>

            <div class="col-12">
                <nav aria-label="التنقل بين الصفحات">
                    <div class="custom-pagination">
                        <ul class="pagination">
                            <?php $__currentLoopData = $categories->getUrlRange(1, $categories->lastPage()); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $page => $url): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                <?php if($page == $categories->currentPage()): ?>
                                    <li class="page-item active"><span class="page-link"><?php echo e($page); ?></span></li>
                                <?php else: ?>
                                    <li class="page-item"><a class="page-link" href="<?php echo e($url); ?>"><?php echo e($page); ?></a></li>
                                <?php endif; ?>
                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                        </ul>
                    </div>
                </nav>
            </div>
        </div>
    </section>
</main>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('layouts.app', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/farassaz/icsc.industry.gov.iq/resources/views/category.blade.php ENDPATH**/ ?>