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

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

    @include('modules.templates.copyright')
    @include('modules.security-benefits.templates.query-count')
    @include('modules.security-benefits.templates.query-modal')
    @include('modules.security-benefits.templates.item-detail-modal')
    @include('modules.security-benefits.templates.confirmation-modal') 
@endsection
@push('js')
    <script>
        const services = @json(isset($services) && !empty($services) ? $services : []);
    </script>
    <script src="{{ asset('assets/custom/js/frontend/modules/security-benefits/index.js') }}?v=2"></script>
{{-- security-benefit --}}
    <script>
        // $(document).ready(function() {
        //     renderProducts();
        //     // setupEventListeners();
        // });
    </script>
@endpush