<?php
/*
Template Name: Lighting Inventory Software
*/

get_header('new');
?>
<section class="section banner supply-chain-banner pb-5">
    <div class="container">
        <div class="row mt-xl-5 mt-lg-0 align-items-center">
            <div class="col-lg-6">
                <div class="text-cont mt-0">
                    <h1 class="banner-heading"><?php echo get_field('banner_heading'); ?></h1>
                    <p class="banner-content">
                        <?php echo get_field('banner_description'); ?>
                    </p>
                    <div class="banner-btns">
					<?php $cta_1 = get_field('banner_cta_1'); ?>
					 <?php if (!is_null($cta_1)) : ?>
                        <a href="<?php echo esc_url($cta_1['url']); ?>" class="primary animated-cta-btn <?php echo is_modal_link($cta_1['url']); ?>"><?php echo $cta_1['title']; ?>
                        </a>
						<?php endif; ?>
						<?php $cta_2 = get_field('banner_cta_2'); ?>
						<?php if (!is_null($cta_2)) : ?>
                        <a href="<?php echo esc_url($cta_2['url']); ?>" class="border-gradient-btn animated-btn <?php echo is_modal_link($cta_2['url']); ?>"><?php echo $cta_2['title']; ?>
                            <svg width="14" height="11" viewBox="0 0 14 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M5.35816 0.0996094H7.95016L13.3502 5.49961L7.95016 10.8996H5.35816L9.82216 6.43561H0.660156V4.56361H9.82216L5.35816 0.0996094Z" fill="black"/>
                            </svg>
                        </a>
						<?php endif; ?>
                    </div>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="img-cont d-block text-center">
					<?php
					$desktop_img_url = get_field('banner_image');
					$mobile_img_url  = get_field('banner_mobile_image');
				?>
					<picture>
    <source class="no-lazy" media="(max-width: 767px)" data-mobile-src="<?php echo esc_url($mobile_img_url ? $mobile_img_url : $desktop_img_url); ?>" width="370" height="260">
    <img src="<?php echo esc_url($desktop_img_url); ?>" loading="eager" fetchpriority="high" width="636" height="347" class="img-fluid no-lazy" alt="<?php echo strip_tags(get_field('banner_heading')); ?>">
</picture>
<script>var s=document.querySelector('source[data-mobile-src]');if(s)s.srcset=s.dataset.mobileSrc;</script>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Certificates Section Start -->
<?php get_template_part('templates-parts/pages/certificates'); ?>
<!-- Certificates Section End -->


<!-- Icons Cards Start start -->
<?php
 $counters = ['class' => 'pt-5 '];
 get_template_part('templates-parts/pages/counter-new',null,$counters)?>
<!-- Icons Cards Start end -->


<!-- why lighting inventory software Tabs start -->
<?php
$section_title   = get_field('lght__section_title');
$section_content = get_field('lght__section_content');
$tabs            = get_field('lght__tabs');
$button          = get_field('lght__button');
?>

<section class="section why-lighting-inventory bg-white">
    <div class="container">

            <div class="text-center text-cont">
                <?php if ($section_title) : ?>
                    <h2 class="section-title"><?php echo $section_title; ?></h2>
                <?php endif; ?>

                <?php if ($section_content) : ?>
                    <p class="section-content"><?php echo $section_content; ?></p>
                <?php endif; ?>
            </div>

        <?php if ($tabs) : ?>
            <div class="responsive-tabs">
                <div class="row">
                    <div class="col-lg-4">
                        <ul class="nav nav-tabs" role="tablist">
                            <?php foreach ($tabs as $index => $tab) : 
                                $tab_count     = $index + 1;
                                $tab_number    = str_pad($tab_count, 2, '0', STR_PAD_LEFT);
                                $tab_id        = 'tab-' . $tab_count;
                                $tab_target    = 'pos-' . $tab_count;
                                $is_active     = $index === 0 ? 'active' : '';
                            ?>
                                <li class="nav-item">
                                    <a id="<?php echo $tab_id; ?>" href="#<?php echo $tab_target; ?>" class="nav-link <?php echo $is_active; ?>" data-bs-toggle="tab" role="tab">
                                        <span><?php echo $tab_number; ?></span>
                                        <?php echo $tab['lght__tab_title']; ?>
                                    </a>
                                </li>
                            <?php endforeach; ?>
                        </ul>
                    </div>

                    <div class="col-lg-8">
                        <div id="content" class="tab-content" role="tablist">
                            <?php foreach ($tabs as $index => $tab) : 
                                $tab_count       = $index + 1;
                                $tab_number      = str_pad($tab_count, 2, '0', STR_PAD_LEFT);
                                $tab_id          = 'tab-' . $tab_count;
                                $tab_target      = 'pos-' . $tab_count;
                                $heading_id      = 'heading-' . $tab_count;
                                $collapse_id     = 'pos-collapse-' . $tab_count;

                                $is_tab_active   = $index === 0 ? 'show active' : '';
                                $is_collapse_show = $index === 0 ? 'show' : '';
                                $aria_expanded   = $index === 0 ? 'true' : 'false';
                                $collapsed_class = $index === 0 ? '' : 'collapsed';

                                $tab_image       = $tab['lght__tab_image'];
                                $image_url       = is_array($tab_image) ? $tab_image['url'] : $tab_image;
                                $image_alt       = is_array($tab_image) && !empty($tab_image['alt']) ? $tab_image['alt'] : $tab['lght__tab_title'];
                            ?>
                                <div id="<?php echo $tab_target; ?>" class="card tab-pane fade <?php echo $is_tab_active; ?>" role="tabpanel" aria-labelledby="<?php echo $tab_id; ?>">
                                    <div class="card-header" role="tab" id="<?php echo $heading_id; ?>">
                                        <div class="mb-0">
                                            <a class="<?php echo $collapsed_class; ?>" data-bs-toggle="collapse" href="#<?php echo $collapse_id; ?>" aria-expanded="<?php echo $aria_expanded; ?>" aria-controls="<?php echo $collapse_id; ?>">
                                                <span><?php echo $tab_number; ?></span>
                                                <?php echo $tab['lght__tab_title']; ?>
                                            </a>
                                        </div>
                                    </div>

                                    <div id="<?php echo $collapse_id; ?>" class="collapse <?php echo $is_collapse_show; ?>" data-bs-parent="#content" role="tabpanel" aria-labelledby="<?php echo $heading_id; ?>">
                                        <div class="card-body">
                                            <?php if ($image_url) : ?>
                                                <img src="<?php echo $image_url; ?>" alt="<?php echo esc_attr($image_alt); ?>" class="img-fluid" loading="lazy">
                                            <?php endif; ?>

                                            <div class="text-content">
                                                <?php if (!empty($tab['lght__content_title'])) : ?>
                                                    <h3><?php echo $tab['lght__content_title']; ?></h3>
                                                <?php endif; ?>

                                                <?php if (!empty($tab['lght__content_text'])) : ?>
                                                    <p><?php echo $tab['lght__content_text']; ?></p>
                                                <?php endif; ?>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            <?php endforeach; ?>
                        </div>
                    </div>
                </div>
            </div>
        <?php endif; ?>

        <?php if ($button) : ?>
            <div class="demo-btn-wrapper text-center mt-4">
                <a href="<?php echo $button['url']; ?>" class="primary animated-cta-btn" target="<?php echo !empty($button['target']) ? $button['target'] : '_self'; ?>">
                    <?php echo $button['title']; ?>
                </a>
            </div>
        <?php endif; ?>

    </div>
</section>
<!-- why lighting inventory software Tabs end -->

<!-- why choose lighting inventory software start -->
<?php
$section_title   = get_field('lght_why_choose_section_title');
$section_content = get_field('lght_why_choose_section_content');
$main_image      = get_field('lght__why_choose_image');
$features        = get_field('lght__why_choose_features');
$button          = get_field('lght__why_choose_button');

?>

<section class="section why-choose-warego-lightng pale-blue">
    <div class="container">
        <div class="text-cont">
            <div class="row">
                <div class="col-lg-7">
                    <?php if ($section_title) : ?>
                        <h2 class="section-title"><?php echo $section_title; ?></h2>
                    <?php endif; ?>
                </div>

                <div class="col-lg-5">
                    <?php if ($section_content) : ?>
                        <p class="section-content"><?php echo $section_content; ?></p>
                    <?php endif; ?>
                </div>
            </div>
        </div>

        <div class="box">
            <div class="row gy-0">
                <div class="col-xl-6">
                    <div class="img-cont">
                        <?php if (!empty($main_image['url'])) : ?>
                            <img src="<?php echo $main_image['url']; ?>" alt="<?php echo !empty($main_image['alt']) ? $main_image['alt'] : wp_strip_all_tags($section_title); ?>" class="img-fluid" loading="lazy">
                        <?php endif; ?>
                    </div>
                </div>

                <div class="col-xl-6">
                    <?php if ($features) : ?>
                        <ul>
                            <?php foreach ($features as $feature) : ?>
                                <li>
                                    <?php if (!empty($feature['lght__why_choose_feature_svg'])) : ?>
                                        <div class="svg-cont">
                                            <?php echo $feature['lght__why_choose_feature_svg']; ?>
                                        </div>
                                    <?php endif; ?>

                                    <?php if (!empty($feature['lght__why_choose_feature_title'])) : ?>
                                        <h3><?php echo $feature['lght__why_choose_feature_title']; ?></h3>
                                    <?php endif; ?>

                                    <?php if (!empty($feature['lght__why_choose_content'])) : ?>
                                        <p><?php echo $feature['lght__why_choose_content']; ?></p>
                                    <?php endif; ?>
                                </li>
                            <?php endforeach; ?>
                        </ul>
                    <?php endif; ?>
                </div>
            </div>
        </div>

        <?php if ($button && !empty($button['url']) && !empty($button['title'])) : ?>
            <div class="demo-btn-wrapper text-center mt-4">
                <a href="<?php echo $button['url']; ?>"
                   class="primary animated-cta-btn"
                   target="<?php echo !empty($button['target']) ? $button['target'] : '_self'; ?>">
                    <?php echo $button['title']; ?>
                </a>
            </div>
        <?php endif; ?>
    </div>
</section>
<!-- why choose lighting inventory software end -->



<!-- Lighting Inventory Software Beneficial start -->
<?php
$system_heading     = get_field('system_heading');
$system_description = get_field('system_description');
$system_highlights  = get_field('system_highlights');
$system_cta         = get_field('system_cta');
?>

<section class="section lightng-inventory-features">
    <div class="container">
        <div class="text-cont mb-4">
            <div class="row">
                <div class="col-lg-8">
                    <?php if ($system_heading) : ?>
                        <h2 class="section-title"><?php echo $system_heading; ?></h2>
                    <?php endif; ?>
                </div>

                <div class="col-lg-4">
                    <?php if ($system_description) : ?>
                        <p class="section-content"><?php echo $system_description; ?></p>
                    <?php endif; ?>
                </div>
            </div>
        </div>

        <?php if ($system_highlights) : ?>
            <div class="row gy-4">
                <?php foreach ($system_highlights as $highlight) : 
                    $card_heading     = !empty($highlight['heading']) ? $highlight['heading'] : '';
                    $card_description = !empty($highlight['description']) ? $highlight['description'] : '';
                    $card_icon        = !empty($highlight['icon']) ? $highlight['icon'] : '';
                    $card_link        = !empty($highlight['link']) ? $highlight['link'] : '';
                    $link_url         = !empty($card_link['url']) ? $card_link['url'] : '';
                    $link_target      = !empty($card_link['target']) ? $card_link['target'] : '_self';
                ?>
                    <div class="col-lg-4 col-md-6">
                        <div class="card">
                            <?php if ($card_link && $link_url) : ?>
                                <a href="<?php echo $link_url; ?>" target="<?php echo $link_target; ?>">
                            <?php endif; ?>

                            <?php if ($card_icon) : ?>
                                <div class="svg-cont">
                                    <?php echo $card_icon; ?>
                                </div>
                            <?php endif; ?>

                            <?php if ($card_heading) : ?>
                                <h3><?php echo $card_heading; ?></h3>
                            <?php endif; ?>

                            <?php if ($card_description) : ?>
                                <p><?php echo $card_description; ?></p>
                            <?php endif; ?>

                            <?php if ($card_link && $link_url) : ?>
                                </a>
                            <?php endif; ?>
                        </div>
                    </div>
                <?php endforeach; ?>
            </div>
        <?php endif; ?>

        <?php if ($system_cta && !empty($system_cta['url']) && !empty($system_cta['title'])) : ?>
            <div class="demo-btn-wrapper text-center mt-5">
                <a href="<?php echo $system_cta['url']; ?>"
                   class="primary animated-cta-btn"
                   target="<?php echo !empty($system_cta['target']) ? $system_cta['target'] : '_self'; ?>">
                    <?php echo $system_cta['title']; ?>
                </a>
            </div>
        <?php endif; ?>
    </div>
</section>
<!-- Lighting Inventory Software Beneficial end -->

<!-- CTA ONE start -->
<section class="section dashboard-access-cta ready-to-upscale-cta">
    <div class="container">
        <div class="box">
            <div class="row gy-3 gy-lg-0 align-items-center justify-content-between">
                <div class="col-lg-6">
                    <div class="img-cont">
                        <img src="<?php echo get_field('dashboard_access_cta_image');?>" alt="cta" class="img-fluid">
                    </div>
                </div>
                <div class="col-lg-6 col-xl-5">
                    <div class="text-cont">
                        <?php echo get_field('dashboard_access_cta_text');?>
                        <a href="<?php echo get_field('dashboard_access_cta_button_url');?>" class="accent-btn animated-cta-btn"><?php echo get_field('dashboard_access_cta_button_text');?></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- CTA ONE end -->


<!-- Connected Lighting Inventory Software start -->
<?php
$heading     = get_field('features_understanding_section_heading');
$text        = get_field('features_understanding_section_text');
$button_text = get_field('features_understanding_section_button_text');
$button_link = get_field('features_understanding_section_button_link');
$image       = get_field('features_understanding_section_image');
?>

<section class="section connected-lighting-inventory-software gray-bg">
    <div class="container">
        <div class="row gy-4 gx-xl-5">
            <div class="col-lg-6">
                <div class="img-cont">
                    <?php if (!empty($image)) : ?>
                        <img src="<?php echo $image; ?>" alt="<?php echo wp_strip_all_tags($heading); ?>" class="img-fluid" loading="lazy">
                    <?php endif; ?>
                </div>
            </div>

            <div class="col-lg-6">
                <div class="text-cont">
                    <?php if (!empty($heading)) : ?>
                        <h2 class="section-title mb-4"><?php echo $heading; ?></h2>
                    <?php endif; ?>

                    <?php if (!empty($text)) : ?>
                        <p class="section-content mb-4"><?php echo $text; ?></p>
                    <?php endif; ?>

                    <?php if (!empty($button_text) && !empty($button_link)) : ?>
                        <a href="<?php echo $button_link; ?>" class="primary animated-cta-btn">
                            <?php echo $button_text; ?>
                        </a>
                    <?php endif; ?>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- Connected Lighting Inventory Software end -->


<!-- Lighting Inventory Software Solutions start -->
<?php
$lght__sol_title   = get_field('lght__sol_title');
$lght__sol_content = get_field('lght__sol_content');
$lght__sol_button = get_field('lght__sol_button');
$lght__sol_items   = get_field('lght__sol_items');
?>

<section class="section lighting-inventory-solutions bg-white">
    <div class="container">
        <div class="row gy-4">
            <div class="col-lg-5">
                <div class="text-cont">
                    <?php if ($lght__sol_title): ?>
                        <h2 class="section-title"><?php echo $lght__sol_title; ?></h2>
                    <?php endif; ?>

                    <?php if ($lght__sol_content): ?>
                        <p class="section-content">
                            <?php echo $lght__sol_content; ?>
                        </p>
                    <?php endif; ?>

                    <?php if ($lght__sol_button): ?>
                        <div class="demo-btn-wrapper mt-5">
                            <a href="<?php echo esc_url($lght__sol_button['url'])?>" class="primary animated-cta-btn" target="<?php echo esc_attr($lght__sol_button['target'])?>">
                                <?php echo $lght__sol_button['title']; ?>
                            </a>
                        </div>
                    <?php endif; ?>
                </div>
            </div>

            <div class="col-lg-7">
                <div class="right-wrapper">
                    <?php if ($lght__sol_items): ?>
                        <?php foreach ($lght__sol_items as $item): 
                            $title = $item['lght__sol_item_title'] ?? '';
                            $desc  = $item['lght__sol_item_desc'] ?? '';
                            $image = $item['lght__sol_item_image'] ?? '';
                            $icon = $item['lght__sol_item_icon'] ?? '';
                        ?>
                            <div class="flex-wrapper">
                            <?php if ($icon ): ?>
                                <div class="svg-content">
                                    <?php echo $icon; ?>
                                </div>
                            <?php endif ?>

                                <div class="text-content">
                                    <?php if ($title): ?>
                                        <h3><?php echo $title; ?></h3>
                                    <?php endif; ?>

                                    <?php if ($desc): ?>
                                        <p><?php echo $desc; ?></p>
                                    <?php endif; ?>
                                </div>

                                <?php if ($image): ?>
                                    <div class="img-content">
                                        <img src="<?php echo $image; ?>" alt="solution" class="img-fluid" loading="lazy">
                                    </div>
                                <?php endif; ?>
                            </div>
                        <?php endforeach; ?>
                    <?php endif; ?>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- Lighting Inventory Software Solutions end -->


<!-- Free Demo CTA start -->
<section class="section dashboard-access-cta lighting-operations-cta">
    <div class="container">
        <div class="box">
            <div class="row gy-3 gy-lg-0 align-items-center justify-content-between">
                <div class="col-lg-8 col-xl-8">
                    <div class="text-cont">
                        <h2><?php echo get_field('free_demo_cta_heading');?></h2>
                        <p><?php echo get_field('free_demo_cta_text');?></p>
                        <a href="<?php echo esc_url(get_field('free_demo_cta_link'));?>" class="accent-btn animated-cta-btn"><?php echo get_field('free_demo_cta_button_text');?></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- Free Demo CTA End -->


<!-- Lighting Business Help Section start -->
<?php
$lght__bs_title   = get_field('lght__bs_title');
$lght__bs_content = get_field('lght__bs_content');
$lght__bs_slider  = get_field('lght__bs_slider');
$lght__bs_button  = get_field('lght__bs_button');
?>

<section class="section lighting-businesses-help pale-blue">
    <div class="container">
        <div class="text-cont">
            <div class="row">
                <div class="col-lg-7">
                    <?php if ($lght__bs_title): ?>
                        <h2 class="section-title"><?php echo $lght__bs_title; ?></h2>
                    <?php endif; ?>
                </div>
                <div class="col-lg-5">
                    <?php if ($lght__bs_content): ?>
                        <p class="section-content">
                            <?php echo $lght__bs_content; ?>
                        </p>
                    <?php endif; ?>
                </div>
            </div>
        </div>
    </div>

    <?php if ($lght__bs_slider): ?>
        <div class="container-fluid px-0">
            <div class="owl-carousel owl-theme lighting-businesses-help-slider">
                <?php foreach ($lght__bs_slider as $slide): 
                    $image   = $slide['lght__bs_slider_image'] ?? '';
                    $title   = $slide['lght__bs_slider_title'] ?? '';
                    $content = $slide['lght__bs_slider_content'] ?? '';
                ?>
                    <div class="item">
                        <?php if (!empty($image['url'])): ?>
                            <img 
                                src="<?php echo $image['url']; ?>"
                                alt="<?php echo !empty($image['alt']) ? $image['alt'] : wp_strip_all_tags($title); ?>"
                                class="img-fluid"
                                loading="lazy"
                            >
                        <?php endif; ?>

                        <div class="text-content">
                            <?php if ($title): ?>
                                <h3><?php echo $title; ?></h3>
                            <?php endif; ?>

                            <?php if ($content): ?>
                                <p><?php echo $content; ?></p>
                            <?php endif; ?>
                        </div>
                    </div>
                <?php endforeach; ?>
            </div>
        </div>
    <?php endif; ?>

    <?php if (!empty($lght__bs_button['url']) && !empty($lght__bs_button['title'])): ?>
        <div class="demo-btn-wrapper text-left container mt-5">
            <a href="<?php echo $lght__bs_button['url']; ?>" class="primary animated-cta-btn" target="<?php echo $lght__bs_button['target']; ?>">
            <?php echo $lght__bs_button['title']; ?>
            </a>
        </div>
    <?php endif; ?>
</section>
<!-- Lighting Business Help Section end -->

<!-- Testimonials Section start  -->
<?php
$testimonaial = [
    'category'=>'lighting-inventory',
    'class'=>'bg-white'
];
get_template_part('templates-parts/pages/testimonials-v3',null,$testimonaial);
?>
<!-- Testimonials Section end  -->

<!-- pricing section start -->
<?php 
$pricing = [
    'class' => 'supply-chain-pricing-cards pt-lg-0 pt-5',
    'category' => 'home',
    'headingcon' => 'h2',
];
get_template_part('templates-parts/pages/pricing',null,$pricing)?>
<!-- pricing section end -->

<!-- CTA start -->
<?php $ctas = [
    'class' => 'distribution-cta get-cost-estimate-cta pt-5',
    'heading_class' => 'cta-title',
    'para_class' => 'cta-description',
	'col_left_class' => 'col-lg-6 col-xxl-5',
    'col_right_class' => 'col-lg-6',
    'button_class' => 'accent-btn',
]; 
get_template_part('templates-parts/pages/3pl-client-portal-cta',null,$ctas);?>
<!-- CTA end -->

<!-- Faqs start -->
<?php
    $args = [   
        'category'  => 'lighting-inventory',
        'class'  => 'bg-white',
    ];
    get_template_part('templates-parts/pages/faqs-new', null, $args);
?>

<?php
    get_footer('new');
?>
<script>
    $('.about-our-product-slider').owlCarousel({
        loop: false,
        margin: 10,
        nav: false,
        dots: false,
        responsive: {
            0: {
                items: 1,
                autoplay: true
            },
            600: {
                loop: true,
                items: 3,
                autoplay: true
            },
            1000: {
                items: 5
            }
        }
    });
    $('.lighting-businesses-help-slider').owlCarousel({
        loop:true,
        margin:20,
        nav:false,
        autoplay: true,
        dots: false,
        autoplayHoverPause:true,
        responsive:{
            0:{
                items:1
            },
            600:{
                items:2.5
            },
            1000:{
                items:3.5
            }
        }
    });
    $('.amazing-clients-review-slider').owlCarousel({
        loop:false,
        margin:10,
        nav:true,
        dots: false,
        items: 1,
        navText: [
            `<svg width="15" height="13" viewBox="0 0 15 13" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M14.0938 6.09375C14.0938 6.65625 13.6562 7.09375 13.125 7.09375H3.53125L6.8125 10.4062C7.21875 10.7812 7.21875 11.4375 6.8125 11.8125C6.625 12 6.375 12.0938 6.125 12.0938C5.84375 12.0938 5.59375 12 5.40625 11.8125L0.40625 6.8125C0 6.4375 0 5.78125 0.40625 5.40625L5.40625 0.40625C5.78125 0 6.4375 0 6.8125 0.40625C7.21875 0.78125 7.21875 1.4375 6.8125 1.8125L3.53125 5.09375H13.125C13.6562 5.09375 14.0938 5.5625 14.0938 6.09375Z" fill="white"/>
                </svg>
                `,
            `<svg width="15" height="13" viewBox="0 0 15 13" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M13.6875 6.8125L8.6875 11.8125C8.5 12 8.25 12.0938 8 12.0938C7.71875 12.0938 7.46875 12 7.28125 11.8125C6.875 11.4375 6.875 10.7812 7.28125 10.4062L10.5625 7.09375H1C0.4375 7.09375 0 6.65625 0 6.09375C0 5.5625 0.4375 5.09375 1 5.09375H10.5625L7.28125 1.8125C6.875 1.4375 6.875 0.78125 7.28125 0.40625C7.65625 0 8.3125 0 8.6875 0.40625L13.6875 5.40625C14.0938 5.78125 14.0938 6.4375 13.6875 6.8125Z" fill="white"/>
                </svg>
                `
        ],
    });
</script>