<?php $__env->startSection('title', 'Inicio - Catálogo Virtual'); ?>

<?php $__env->startSection('body-class', 'category-page'); ?>

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

    <!-- Page Title -->
    <div class="page-title light-background">
        <div class="container d-lg-flex justify-content-between align-items-center">
            <h1 class="mb-2 mb-lg-0">Catálogo</h1>
            <nav class="breadcrumbs">
                <ol>
                    <li><a href="<?php echo e(url('/')); ?>">Catalogo</a></li>
                    <li class="current"><?php echo e($currentView); ?></li>
                </ol>
            </nav>
        </div>
    </div>
    <!-- End Page Title -->

    <div class="container">
        <div class="row">

            
            <div class="col-lg-4 sidebar">
                <div class="widgets-container">
                    <div class="product-categories-widget widget-item">
                        <h3 class="widget-title">Categories</h3>
                        <ul class="category-tree list-unstyled mb-0">
                            
                            <li class="category-item">
                                <div class="d-flex justify-content-between align-items-center category-header">
                                    <a href="#" class="category-link">Aceites</a>
                                </div>
                            </li>
                            <li class="category-item">
                                <div class="d-flex justify-content-between align-items-center category-header">
                                    <a href="#" class="category-link">Conservas</a>
                                </div>
                            </li>
                            <li class="category-item">
                                <div class="d-flex justify-content-between align-items-center category-header">
                                    <a href="#" class="category-link">Legumbres</a>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>

            
            <div class="col-lg-8">

                <!-- Category Header Section -->
                <section id="category-header" class="category-header section">
                    <div class="container" data-aos="fade-up">
                        <!-- Filter and Sort Options -->
                        <div class="filter-container mb-4" data-aos="fade-up" data-aos-delay="100">
                            <div class="row g-3">
                                <div class="col-12">
                                    <div class="filter-item search-form">
                                        <label for="productSearch" class="form-label">Buscar Productos</label>
                                        <div class="input-group">
                                            <input type="text" class="form-control" id="productSearch" placeholder="Search for products..." aria-label="Search for products">
                                            <button class="btn search-btn" type="button">
                                                <i class="bi bi-search"></i>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                <!-- /Category Header Section -->


                <!-- Category Product List Section -->
                <section id="category-product-list" class="category-product-list section">
                    <div class="container" data-aos="fade-up" data-aos-delay="100">
                        <div class="row g-4">
                            <?php $__currentLoopData = $products; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $product): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                <div class="col-6 col-xl-4">
                                    <div class="product-card" data-aos="zoom-in">
                                        <div class="product-image">
                                            <img src="<?php echo e(asset('assets/img/product/' . $product['imagen']['1'] . '.png')); ?>"
                                                 class="main-image img-fluid" alt="<?php echo e($product['nombre']); ?>">
                                            <img src="<?php echo e(asset('assets/img/product/' . $product['imagen']['2'] . '.png')); ?>"
                                                 class="hover-image img-fluid" alt="<?php echo e($product['nombre']); ?>">
                                            <div class="product-overlay">
                                                <div class="product-actions">
                                                    <button type="button" class="action-btn" title="Quick View"><i class="bi bi-eye"></i></button>
                                                    <button type="button" class="action-btn" title="Add to Cart"><i class="bi bi-cart-plus"></i></button>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="product-details">
                                            <div class="product-category"><?php echo e($product['categoria']); ?></div>
                                            <h4 class="product-title">
                                                <a href="#"><?php echo e($product['nombre']); ?></a>
                                            </h4>
                                            <div class="product-meta">
                                                <div class="product-price">S/. <?php echo e($product['Precio']); ?></div>
                                                <div class="product-rating"><i class="bi bi-star-fill"></i> 4.8 <span>(42)</span></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                        </div>

                    </div>
                </section>

                <!-- Category Pagination Section -->
                <section id="category-pagination" class="category-pagination section">
                    <div class="container">
                        <nav class="d-flex justify-content-center" aria-label="Page navigation">
                            <ul>
                                <li><a href="#"><i class="bi bi-arrow-left"></i> <span class="d-none d-sm-inline">Anterior</span></a></li>
                                <li><a href="#" class="active">1</a></li>
                                <li><a href="#">2</a></li>
                                <li><a href="#">3</a></li>
                                <li class="ellipsis">...</li>
                                <li><a href="#">10</a></li>
                                <li><a href="#"><span class="d-none d-sm-inline">Siguiente</span> <i class="bi bi-arrow-right"></i></a></li>
                            </ul>
                        </nav>
                    </div>
                </section>

            </div>
        </div>
    </div>

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

<?php echo $__env->make('layouts.app', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH C:\Users\lmurrv\Documents\catalogo\resources\views/index.blade.php ENDPATH**/ ?>