<?php $__env->startSection('titulo', 'Busca — ' . $q); ?>

<?php $__env->startSection('conteudo'); ?>
<div class="page-header">
    <button onclick="history.back()" class="btn-voltar"><i class="bi bi-arrow-left"></i></button>
    <h1 class="page-title">Busca</h1>
</div>

<div class="busca-topo">
    <form action="/buscar" method="GET" class="busca-form-bar">
        <div class="busca-input-wrap">
            <i class="bi bi-search busca-icone"></i>
            <input type="text" name="q" value="<?php echo e($q); ?>" class="busca-input" placeholder="Buscar produtos..." autofocus>
            <?php if($q): ?>
            <a href="/buscar" class="busca-clear"><i class="bi bi-x-lg"></i></a>
            <?php endif; ?>
        </div>
    </form>
</div>

<?php if($q): ?>
<div class="busca-resultado-info">
    <?php if($produtos->total() > 0): ?>
    <span><?php echo e($produtos->total()); ?> resultado(s) para <strong>"<?php echo e($q); ?>"</strong></span>
    <?php else: ?>
    <span>Nenhum resultado para <strong>"<?php echo e($q); ?>"</strong></span>
    <?php endif; ?>
</div>
<?php endif; ?>

<?php if($produtos->count() > 0): ?>
<div class="produtos-grid">
    <?php $__currentLoopData = $produtos; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $produto): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
    <a href="<?php echo e(route('cliente.produto', ['lojaSlug' => $loja->slug, 'slug' => $produto->slug])); ?>" class="produto-card">
        <div class="produto-img-wrap">
            <?php if($produto->imagem_principal): ?>
            <img src="<?php echo e($produto->imagem_url); ?>" alt="<?php echo e($produto->nome); ?>" class="produto-img" loading="lazy">
            <?php else: ?>
            <div class="produto-img-placeholder"><i class="bi bi-image"></i></div>
            <?php endif; ?>
            <?php if(!$produto->ativo): ?>
            <span class="produto-badge-indisponivel">Indisponível</span>
            <?php endif; ?>
        </div>
        <div class="produto-info">
            <h3 class="produto-nome"><?php echo e($produto->nome); ?></h3>
            <?php if($produto->descricao): ?>
            <p class="produto-desc"><?php echo e(Str::limit($produto->descricao, 60)); ?></p>
            <?php endif; ?>
            <div class="produto-preco-row">
                <?php if($produto->preco_promocional): ?>
                <span class="produto-preco-de">R$ <?php echo e(number_format($produto->preco, 2, ',', '.')); ?></span>
                <span class="produto-preco">R$ <?php echo e(number_format($produto->preco_promocional, 2, ',', '.')); ?></span>
                <?php else: ?>
                <span class="produto-preco">R$ <?php echo e(number_format($produto->preco, 2, ',', '.')); ?></span>
                <?php endif; ?>
            </div>
        </div>
    </a>
    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
</div>
<?php echo e($produtos->appends(['q' => $q])->links('vendor.pagination.simple-bootstrap')); ?>

<?php else: ?>
<div class="estado-vazio">
    <i class="bi bi-search fs-1"></i>
    <p>Nenhum produto encontrado.</p>
    <a href="<?php echo e(route('cliente.loja', $loja->slug)); ?>" class="btn btn-primario mt-2">
        <i class="bi bi-house"></i> Ver cardápio completo
    </a>
</div>
<?php endif; ?>

<style>
.busca-topo { padding: 8px 12px 4px; background: var(--cor-card); position: sticky; top: var(--header-height); z-index: 50; }
.busca-form-bar { width: 100%; }
.busca-input-wrap { position: relative; }
.busca-icone { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: var(--cor-texto-muted); }
.busca-input { width: 100%; padding: 10px 40px 10px 38px; border: 1.5px solid var(--cor-borda); border-radius: 12px; font-family: inherit; font-size: 0.95rem; background: var(--cor-fundo); color: var(--cor-texto); }
.busca-input:focus { outline: none; border-color: var(--cor-primaria); }
.busca-clear { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); color: var(--cor-texto-muted); text-decoration: none; }
.busca-resultado-info { padding: 10px 16px; font-size: 0.85rem; color: var(--cor-texto-muted); }
</style>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('layouts.pwa', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH /home/nanodelivery/public_html/resources/views/cliente/busca.blade.php ENDPATH**/ ?>