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

<section class="page-header d-flex align-items-center text-white"
         style="background: url('<?php echo e(asset('frontend/assets/images/he-1.png')); ?>') no-repeat center center; background-size: cover;">
    <div class="container text-center mt-5">
        <h1 class="fw-bold">Children’s Science & Nature</h1>

        <nav aria-label="breadcrumb" class="mt-1">
            <ol class="breadcrumb justify-content-center bg-transparent mb-0">
                <li class="breadcrumb-item">
                    <a href="<?php echo e(route('index')); ?>" class="text-white text-decoration-none">
                        Home
                    </a>
                </li>
                <li class="breadcrumb-item active text-white" aria-current="page">
                    Science & Nature
                </li>
            </ol>
        </nav>
    </div>
</section>

<section id="featured-books" >
		<div class="container">
			<div class="row">
				<div class="col-md-12">

					<div class="section-header align-center pt-5">

						<h2 class="section-title">Children’s Science & Nature</h2>
					</div>

                     <form method="GET" action="<?php echo e(route('public-features')); ?>" class="mb-5 search-bar">
                        <div class="input-group">
                            <input type="text" name="search" class="form-control"
                                placeholder="Search by title..."
                                value="<?php echo e(request('search')); ?>">
                            <button type="submit" class="btn btn-primary">
                                <i class="bi bi-search me-1"></i> Search
                            </button>
                        </div>
                    </form>


					<div class="product-list" data-aos="fade-up">
						<div class="row">

							<?php $__currentLoopData = $features; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $featured): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>

                            <div class="col-md-4">
								<a href="<?php echo e($featured->amazon_link); ?>" target="_blank" class="text-decoration-none text-dark">
                                    <div class="product-item">
									<figure class="product-style">
										<img src="<?php echo e(asset($featured->image)); ?>" alt="<?php echo e($featured->alt_text); ?>" class="product-item">

									</figure>
									<figcaption>
										<h3><?php echo e($featured->title); ?></h3>
										<?php echo e($featured->author ?? 'No Author Found'); ?>

										
									</figcaption>
								</div>
                                </a>
							</div>

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


						</div><!--ft-books-slider-->
					</div><!--grid-->


				</div><!--inner-content-->
			</div>


		</div>
	</section>
      <div class="mt-3 p-5">
                    <?php echo e($features->appends(request()->query())->links()); ?>

            </div>



<?php $__env->stopSection(); ?>

<?php echo $__env->make('frontend.layouts', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH /home/ipsitaltd/public_html/books.ipsitacomputersltd.com/resources/views/frontend/pages/features.blade.php ENDPATH**/ ?>