@extends('layouts.base')
{{-- @section('title', __('labels.case_studies')) --}}
@push('css')
    <link href="{{ asset('assets/custom/css/frontend/modules/products/style.css') }}?v=2" rel="stylesheet">
@endpush
@section('content')
    @include('modules.templates.banner', [
        'feature_image_url' => asset('assets/images/banner-test.jpg'),
        'title' => 'Produktempfehlungen mit Sonderkonditionen',
        'description' => 'Empfehlen Sie Ihren Kunden geprüfte IT-Sicherheitslösungen und profitieren Sie von exklusiven Partnerkonditionen.',
    ])

    <section class="py-5">
        <div class="container">
            <div class="row g-4" id="productsGrid">
            </div>
        </div>
    </section>

    @include('modules.templates.copyright')
    @include('modules.products.templates.query-count')
    @include('modules.products.templates.query-modal')
    @include('modules.products.templates.product-detail-modal')
    @include('modules.products.templates.confirmation-modal') 
@endsection
@push('js')
    <script>
        const products = @json(isset($products) && !empty($products) ? $products : []);
    </script>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.26.2/dist/sweetalert2.all.min.js"></script>
    <script src="{{ asset('assets/custom/js/frontend/modules/products/index.js') }}?v=2"></script>

    <script>
        // $(document).ready(function() {
        //     renderProducts();
        //     // setupEventListeners();
        // });
    </script>
@endpush