nyan

<section>
    <div class="search-and-filter-container">
        
        <div class="filter-container">
            <p>Sort By</p>
            <form action="/blogs" method="GET">
                <select name="filter">
                    <option value="title-asc" <?php echo e(request('filter') == 'title-asc' ? 'selected' : ''); ?>>A-Z</option>
                    <option value="title-desc" <?php echo e(request('filter') == 'title-desc' ? 'selected' : ''); ?>>Z-A</option>
                    <option value="date-asc" <?php echo e(request('filter') == 'date-asc' ? 'selected' : ''); ?>>Date: Oldest First</option>
                    <option value="date-desc" <?php echo e(request('filter') == 'date-desc' ? 'selected' : ''); ?>>Date: Newest First</option>
                </select>
                
                <?php if(request('search')): ?>
                    <input type="hidden" name="search" value="<?php echo e(request('search')); ?>">
                <?php endif; ?>
                <?php if(request('category')): ?>
                    <input type="hidden" name="category" value="<?php echo e(request('category')); ?>">
                <?php endif; ?>
            </form>
        </div>

<div class="search-container">
            <form action="/blogs" method="GET">
                <div class="">
                <input type="text" name="search" placeholder="Search" value="<?php echo e(request('search')); ?>">
                
                <?php if(request('filter')): ?>
                    <input type="hidden" name="filter" value="<?php echo e(request('filter')); ?>">
                <?php endif; ?>
                <?php if(request('category')): ?>
                    <input type="hidden" name="category" value="<?php echo e(request('category')); ?>">
                <?php endif; ?>
                <button type="submit" class="search-submit-button">
                    <svg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512"><path d="M221.09 64a157.09 157.09 0 10157.09 157.09A157.1 157.1 0 00221.09 64z" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="32" d="M338.29 338.29L448 448"/></svg>
                </button>
                </div>
            </form>
        </div>
    </div>
</section>
<script nonce="<?php echo e($nonce); ?>">
    const filterSelect = document.querySelector('select[name="filter"]');
    filterSelect.addEventListener('change', () => {
        filterSelect.form.submit(); // Submit the form programmatically
    });
</script><?php /**PATH /var/www/html/gnet_live/resources/views/components/search-and-filter.blade.php ENDPATH**/ ?>