@extends('frontend::layouts.master')

@section('content')
    <div class="container pt-4">
        <livewire:frontend::breadcrumbs.breadcrumbs name="products" active="2" />
    </div>
    <div class="container">
        <div class="lg:hidden flex items-center p-2 mb-4">
            <button class="sidebar-more-trigger flex items-center gap-2">
                <img class="w-7" src="{{ Module::asset('frontend:img/more.svg') }}" alt="More">
                <p class="text-16">{{ __('frontend::frontend.product.filter') }}</p>
            </button>
        </div>
        @php
            $category = $data['category'] ?? null;
            $brand = $data['brand'] ?? null;
        @endphp
        <livewire:frontend::page.product :f_category=$category :f_brand=$brand />
    </div>
@endsection

@section('script')
    {{ module_vite('build-frontend', 'resources/assets/js/product.js') }}
@endsection