<?php
/*
Template Name: Non-Profit Inventory Management Software
*/

get_header('new');
?>
<section class="section banner supply-chain-banner no-lazy">
    <div class="container">
        <div class="row mt-xl-5 mt-lg-0">
            <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>
					<?php $highlights = get_field('banner_highlights'); ?>
                    <ul>
                        <?php if ($highlights && is_array($highlights)) : ?>
                            <?php foreach ($highlights as $highlight) : ?>
                                <li>
                                    <img src="<?php echo get_template_directory_uri(); ?>/assets/img/apparel-inventory-management/tick.webp" alt="tick" class="img-fluid">
                                    <?php echo $highlight['item']; ?>
                                </li>
                            <?php endforeach; ?>
                        <?php endif; ?>
                    </ul>
                    <div class="banner-btns">
						<?php $cta_1 = get_field('banner_cta_1'); ?>
						 <?php if ($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 ($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)" srcset="<?php echo $mobile_img_url ? $mobile_img_url : $desktop_img_url ?>">
        <img src="<?php echo $desktop_img_url;?>" loading="eager" fetchpriority="high" decoding="async" width="636" height="332" class="img-fluid no-lazy" alt="<?php echo strip_tags(get_field('banner_heading'));?>">
    </picture>
                </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 -->

<section class="section manage-non-profit-inventory bg-white pt-0">
    <div class="container">
        <div class="row gy-3">
            <div class="col-lg-6">
                <?php 
                $npinv_manage_image = get_field('npinv_manage_image');
                $npinv_manage_image_alt = get_field('npinv_manage_image_alt');
                ?>

                <?php if ($npinv_manage_image) : ?>
                    <div class="img-wrapper">
                        <img 
                            src="<?php echo $npinv_manage_image['url']; ?>" 
                            alt="<?php echo $npinv_manage_image_alt ?: $npinv_manage_image['alt']; ?>" 
                            class="img-fluid" 
                            loading="lazy"
                        >
                    </div>
                <?php endif; ?>
            </div>

            <div class="col-lg-6">
                <div class="text-cont">
                    <?php if (get_field('npinv_manage_title')) : ?>
                        <h2 class="section-title"><?php the_field('npinv_manage_title'); ?></h2>
                    <?php endif; ?>

                    <?php if (get_field('npinv_manage_description')) : ?>
                        <p class="section-content">
                            <?php the_field('npinv_manage_description'); ?>
                        </p>
                    <?php endif; ?>

                    <ul class="experience-list">
                        <?php 
                        $features = [
                            [
                                'icon' => 'npinv_manage_feature_1_icon',
                                'icon_alt' => 'npinv_manage_feature_1_icon_alt',
                                'title' => 'npinv_manage_feature_1_title',
                                'description' => 'npinv_manage_feature_1_description',
                            ],
                            [
                                'icon' => 'npinv_manage_feature_2_icon',
                                'icon_alt' => 'npinv_manage_feature_2_icon_alt',
                                'title' => 'npinv_manage_feature_2_title',
                                'description' => 'npinv_manage_feature_2_description',
                            ],
                            [
                                'icon' => 'npinv_manage_feature_3_icon',
                                'icon_alt' => 'npinv_manage_feature_3_icon_alt',
                                'title' => 'npinv_manage_feature_3_title',
                                'description' => 'npinv_manage_feature_3_description',
                            ],
                        ];

                        foreach ($features as $feature) :
                            $icon = get_field($feature['icon']);
                            $icon_alt = get_field($feature['icon_alt']);
                            $title = get_field($feature['title']);
                            $description = get_field($feature['description']);

                            if ($icon || $title || $description) :
                        ?>
                            <li>
                                <?php if ($icon) : ?>
                                    <div class="experience-list__icon">
                                        <img 
                                            src="<?php echo $icon['url']; ?>" 
                                            class="img-fluid" 
                                            loading="lazy"  
                                            alt="<?php echo $icon_alt ?: $icon['alt']; ?>"
                                        >
                                    </div>
                                <?php endif; ?>

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

                                    <?php if ($description) : ?>
                                        <p><?php echo $description; ?></p>
                                    <?php endif; ?>
                                </div>
                            </li>
                        <?php 
                            endif;
                        endforeach; 
                        ?>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="section cloud-base-chemical-cta sps-commerce-cta bg-white pt-0">
    <div class="container">
        <div class="box" style="background-image: url(<?php echo get_field('cloud_chem_cta_background_image'); ?>);">
            <div class="row">
                <div class="col-lg-6">
                    <div class="text-cont">

                        <?php if (get_field('cloud_chem_cta_title')) : ?>
                            <h2>
                                <?php the_field('cloud_chem_cta_title'); ?>
                            </h2>
                        <?php endif; ?>

                        <?php if (get_field('cloud_chem_cta_content')) : ?>
                            <p>
                                <?php the_field('cloud_chem_cta_content'); ?>
                            </p>
                        <?php endif; ?>

                        <?php 
                        $cloud_chem_cta_button_text = get_field('cloud_chem_cta_button_text');
                        $cloud_chem_cta_button_link = get_field('cloud_chem_cta_button_link');
                        ?>

                        <?php if ($cloud_chem_cta_button_text) : ?>
                            <a href="<?php echo $cloud_chem_cta_button_link ? $cloud_chem_cta_button_link : 'javascript:;'; ?>" 
                               class="accent-btn animated-cta-btn">
                                <?php the_field('cloud_chem_cta_button_text'); ?>
                            </a>
                        <?php endif; ?>

                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<?php
$etsw_section_title       = get_field('etsw_section_title');
$etsw_section_description = get_field('etsw_section_description');
?>

<section class="section tracking-software-works">
    <div class="container">

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

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

        <?php if (have_rows('etsw_tracking_cards')): ?>
            <div class="tracking-software-cards-wrap">

                <!-- Desktop Cards -->
                <div class="tracking-software-cards">
                    <?php while (have_rows('etsw_tracking_cards')): the_row();

                        $etsw_card_number         = get_sub_field('etsw_card_number');
                        $etsw_card_title          = get_sub_field('etsw_card_title');
                        $etsw_card_text           = get_sub_field('etsw_card_text');
                        $etsw_card_image          = get_sub_field('etsw_card_image');
                        $etsw_card_image_alt      = get_sub_field('etsw_card_image_alt');
                        $etsw_card_default_active = get_sub_field('etsw_card_default_active');

                        $active_class = $etsw_card_default_active ? ' active-card default-active' : '';
                    ?>
                        <div class="tracking-software-card-item<?php echo esc_attr($active_class); ?>">
                            <div class="tracking-software-card">

                                <?php if ($etsw_card_number): ?>
                                    <div class="tracking-software-card-number">
                                        <?php echo esc_html($etsw_card_number); ?>
                                    </div>
                                <?php endif; ?>

                                <div class="tracking-software-card-content">

                                    <?php if ($etsw_card_title): ?>
                                        <h3 class="tracking-software-card-title">
                                            <?php echo esc_html($etsw_card_title); ?>
                                        </h3>
                                    <?php endif; ?>

                                    <?php if ($etsw_card_text): ?>
                                        <p class="tracking-software-card-text">
                                            <?php echo esc_html($etsw_card_text); ?>
                                        </p>
                                    <?php endif; ?>

                                    <?php if ($etsw_card_image): ?>
                                        <div class="tracking-software-card-image">
                                            <img 
                                                src="<?php echo esc_url($etsw_card_image['url']); ?>"
                                                loading="lazy"
                                                alt="<?php echo esc_attr($etsw_card_image_alt ?: $etsw_card_image['alt']); ?>"
                                            >
                                        </div>
                                    <?php endif; ?>

                                </div>
                            </div>
                        </div>
                    <?php endwhile; ?>
                </div>

                <!-- Mobile / Grid Cards -->
                <div class="tracking-software-cards-grid">
                    <div class="row g-3">
                        <?php while (have_rows('etsw_tracking_cards')): the_row();

                            $etsw_card_number    = get_sub_field('etsw_card_number');
                            $etsw_card_title     = get_sub_field('etsw_card_title');
                            $etsw_card_text      = get_sub_field('etsw_card_text');
                            $etsw_card_image     = get_sub_field('etsw_card_image');
                            $etsw_card_image_alt = get_sub_field('etsw_card_image_alt');
                        ?>
                            <div class="col-12 col-md-6">
                                <div class="tracking-software-card-item active-mobile">
                                    <div class="tracking-software-card">

                                        <?php if ($etsw_card_number): ?>
                                            <div class="tracking-software-card-number">
                                                <?php echo esc_html($etsw_card_number); ?>
                                            </div>
                                        <?php endif; ?>

                                        <div class="tracking-software-card-content">

                                            <?php if ($etsw_card_title): ?>
                                                <h3 class="tracking-software-card-title">
                                                    <?php echo esc_html($etsw_card_title); ?>
                                                </h3>
                                            <?php endif; ?>

                                            <?php if ($etsw_card_text): ?>
                                                <p class="tracking-software-card-text">
                                                    <?php echo esc_html($etsw_card_text); ?>
                                                </p>
                                            <?php endif; ?>

                                            <?php if ($etsw_card_image): ?>
                                                <div class="tracking-software-card-image">
                                                    <img 
                                                        src="<?php echo esc_url($etsw_card_image['url']); ?>"
                                                        loading="lazy"
                                                        alt="<?php echo esc_attr($etsw_card_image_alt ?: $etsw_card_image['alt']); ?>"
                                                    >
                                                </div>
                                            <?php endif; ?>

                                        </div>
                                    </div>
                                </div>
                            </div>
                        <?php endwhile; ?>
                    </div>
                </div>
<div class="req-demo-btn-wrapper mt-3 mt-xl-5 text-center" bis_skin_checked="1">
                <a href="https://warego.co/signup/" class="primary animated-cta-btn" style="translate: none; rotate: none; scale: none; transform: translate(0px, 0px);"> Talk to Our Team</a>
            </div>
            </div>
        <?php endif; ?>

    </div>
</section>

<section class="section non-profit-automatic-inventory bg-white">
    <div class="container">
        <div class="text-cont">
            <?php if (get_field('npinv_auto_title')) : ?>
                <h2 class="section-title text-center"><?php the_field('npinv_auto_title'); ?></h2>
            <?php endif; ?>

            <?php if (get_field('npinv_auto_description')) : ?>
                <p class="section-content text-center">
                    <?php the_field('npinv_auto_description'); ?>
                </p>
            <?php endif; ?>
        </div>

        <div class="p2r-inventory-process">
            <div class="p2r-inventory-process__wrap">
                <div class="owl-carousel p2r-inventory-process__carousel">
                    <?php
                    $npinv_auto_slides = [
                        [
                            'image'       => 'npinv_auto_slide_1_image',
                            'image_alt'   => 'npinv_auto_slide_1_image_alt',
                            'count'       => 'npinv_auto_slide_1_count',
                            'step_number' => 'npinv_auto_slide_1_step_number',
                            'step_suffix' => 'npinv_auto_slide_1_step_suffix',
                            'step_label'  => 'npinv_auto_slide_1_step_label',
                            'title'       => 'npinv_auto_slide_1_title',
                            'description' => 'npinv_auto_slide_1_description',
                            'button_text' => 'npinv_auto_slide_1_button_text',
                            'button_url'  => 'npinv_auto_slide_1_button_url',
                        ],
                        [
                            'image'       => 'npinv_auto_slide_2_image',
                            'image_alt'   => 'npinv_auto_slide_2_image_alt',
                            'count'       => 'npinv_auto_slide_2_count',
                            'step_number' => 'npinv_auto_slide_2_step_number',
                            'step_suffix' => 'npinv_auto_slide_2_step_suffix',
                            'step_label'  => 'npinv_auto_slide_2_step_label',
                            'title'       => 'npinv_auto_slide_2_title',
                            'description' => 'npinv_auto_slide_2_description',
                            'button_text' => 'npinv_auto_slide_2_button_text',
                            'button_url'  => 'npinv_auto_slide_2_button_url',
                        ],
                        [
                            'image'       => 'npinv_auto_slide_3_image',
                            'image_alt'   => 'npinv_auto_slide_3_image_alt',
                            'count'       => 'npinv_auto_slide_3_count',
                            'step_number' => 'npinv_auto_slide_3_step_number',
                            'step_suffix' => 'npinv_auto_slide_3_step_suffix',
                            'step_label'  => 'npinv_auto_slide_3_step_label',
                            'title'       => 'npinv_auto_slide_3_title',
                            'description' => 'npinv_auto_slide_3_description',
                            'button_text' => 'npinv_auto_slide_3_button_text',
                            'button_url'  => 'npinv_auto_slide_3_button_url',
                        ],
                        [
                            'image'       => 'npinv_auto_slide_4_image',
                            'image_alt'   => 'npinv_auto_slide_4_image_alt',
                            'count'       => 'npinv_auto_slide_4_count',
                            'step_number' => 'npinv_auto_slide_4_step_number',
                            'step_suffix' => 'npinv_auto_slide_4_step_suffix',
                            'step_label'  => 'npinv_auto_slide_4_step_label',
                            'title'       => 'npinv_auto_slide_4_title',
                            'description' => 'npinv_auto_slide_4_description',
                            'button_text' => 'npinv_auto_slide_4_button_text',
                            'button_url'  => 'npinv_auto_slide_4_button_url',
                        ],
                    ];

                    foreach ($npinv_auto_slides as $slide) :
                        $image       = get_field($slide['image']);
                        $image_alt   = get_field($slide['image_alt']);
                        $count       = get_field($slide['count']);
                        $step_number = get_field($slide['step_number']);
                        $step_suffix = get_field($slide['step_suffix']);
                        $step_label  = get_field($slide['step_label']);
                        $title       = get_field($slide['title']);
                        $description = get_field($slide['description']);
                        $button_text = get_field($slide['button_text']);
                        $button_url  = get_field($slide['button_url']);

                        if ($image || $count || $step_number || $title || $description || $button_text) :
                    ?>
                        <div class="p2r-inventory-process__slide">
                            <div class="row align-items-center">
                                <div class="col-lg-6">
                                    <?php if ($image) : ?>
                                        <div class="p2r-inventory-process__image-box">
                                            <img 
                                                src="<?php echo $image['url']; ?>" 
                                                class="img-fluid" 
                                                loading="lazy" 
                                                alt="<?php echo $image_alt ?: $image['alt']; ?>"
                                            >
                                        </div>
                                    <?php endif; ?>
                                </div>

                                <div class="col-lg-6">
                                    <div class="p2r-inventory-process__content">
                                        <?php if ($count) : ?>
                                            <span class="p2r-inventory-process__count"><?php echo $count; ?></span>
                                        <?php endif; ?>

                                        <?php if ($step_number || $step_label) : ?>
                                            <div class="p2r-inventory-process__step">
                                                <?php if ($step_number) : ?>
                                                    <span>
                                                        <?php echo $step_number; ?>
                                                        <?php if ($step_suffix) : ?>
                                                            <sup><?php echo $step_suffix; ?></sup>
                                                        <?php endif; ?>
                                                    </span>
                                                <?php endif; ?>

                                                <?php if ($step_label) : ?>
                                                    <strong><?php echo $step_label; ?></strong>
                                                <?php endif; ?>
                                            </div>
                                        <?php endif; ?>

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

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

                                        <?php if ($button_text) : ?>
                                            <div class="demo-btn-wrapper">
                                                <a href="<?php echo $button_url ?: 'javascript:;'; ?>" class="primary animated-cta-btn">
                                                    <?php echo $button_text; ?>
                                                </a>
                                            </div>
                                        <?php endif; ?>
                                    </div>
                                </div>
                            </div>
                        </div>
                    <?php 
                        endif;
                    endforeach; 
                    ?>
                </div>

                <div class="p2r-inventory-process__nav">
                    <?php for ($i = 0; $i < 4; $i++) : ?>
                        <button 
                            type="button" 
                            class="<?php echo $i === 0 ? 'is-active' : ''; ?>" 
                            data-p2r-slide="<?php echo $i; ?>"
                        >
                            <?php echo $i + 1; ?>
                        </button>
                    <?php endfor; ?>
                </div>
            </div>
        </div>
    </div>
</section>


<section class="section non-profit-key-features">
    <div class="container">
        <div class="text-cont">
            <?php if (get_field('npinv_keyfeat_title')) : ?>
                <h2 class="section-title text-center"><?php the_field('npinv_keyfeat_title'); ?></h2>
            <?php endif; ?>

            <?php if (get_field('npinv_keyfeat_description')) : ?>
                <p class="section-content text-center">
                    <?php the_field('npinv_keyfeat_description'); ?>
                </p>
            <?php endif; ?>
        </div>

        <div class="row gx-3 gy-4 gy-xl-5">
            <?php
            $npinv_keyfeat_cards = [
                [
                    'icon'        => 'npinv_keyfeat_card_1_icon',
                    'icon_alt'    => 'npinv_keyfeat_card_1_icon_alt',
                    'title'       => 'npinv_keyfeat_card_1_title',
                    'description' => 'npinv_keyfeat_card_1_description',
                ],
                [
                    'icon'        => 'npinv_keyfeat_card_2_icon',
                    'icon_alt'    => 'npinv_keyfeat_card_2_icon_alt',
                    'title'       => 'npinv_keyfeat_card_2_title',
                    'description' => 'npinv_keyfeat_card_2_description',
                ],
                [
                    'icon'        => 'npinv_keyfeat_card_3_icon',
                    'icon_alt'    => 'npinv_keyfeat_card_3_icon_alt',
                    'title'       => 'npinv_keyfeat_card_3_title',
                    'description' => 'npinv_keyfeat_card_3_description',
                ],
                [
                    'icon'        => 'npinv_keyfeat_card_4_icon',
                    'icon_alt'    => 'npinv_keyfeat_card_4_icon_alt',
                    'title'       => 'npinv_keyfeat_card_4_title',
                    'description' => 'npinv_keyfeat_card_4_description',
                ],
                [
                    'icon'        => 'npinv_keyfeat_card_5_icon',
                    'icon_alt'    => 'npinv_keyfeat_card_5_icon_alt',
                    'title'       => 'npinv_keyfeat_card_5_title',
                    'description' => 'npinv_keyfeat_card_5_description',
                ],
                [
                    'icon'        => 'npinv_keyfeat_card_6_icon',
                    'icon_alt'    => 'npinv_keyfeat_card_6_icon_alt',
                    'title'       => 'npinv_keyfeat_card_6_title',
                    'description' => 'npinv_keyfeat_card_6_description',
                ],
            ];

            foreach ($npinv_keyfeat_cards as $card) :
                $icon        = get_field($card['icon']);
                $icon_alt    = get_field($card['icon_alt']);
                $title       = get_field($card['title']);
                $description = get_field($card['description']);

                if ($icon || $title || $description) :
            ?>
                <div class="col-lg-4 col-md-6">
                    <div class="feature-card">
                        <?php if ($icon) : ?>
                            <div class="feature-card__icon">
                                <img 
                                    src="<?php echo $icon['url']; ?>" 
                                    class="img-fluid" 
                                    loading="lazy" 
                                    alt="<?php echo $icon_alt ?: $icon['alt']; ?>"
                                >
                            </div>
                        <?php endif; ?>

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

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

        <?php 
        $npinv_keyfeat_button_text = get_field('npinv_keyfeat_button_text');
        $npinv_keyfeat_button_url  = get_field('npinv_keyfeat_button_url');
        ?>

        <?php if ($npinv_keyfeat_button_text) : ?>
            <div class="demo-btn-wrapper text-center mt-4 mt-xl-5">
                <a href="<?php echo $npinv_keyfeat_button_url ?: 'javascript:;'; ?>" class="primary animated-cta-btn">
                    <?php echo $npinv_keyfeat_button_text; ?>
                </a>
            </div>
        <?php endif; ?>
    </div>
</section>

<section class="section non-profit-inventory-tracking bg-white">
    <div class="container">
        <div class="row gy-4">
            <div class="col-lg-6">
                <div class="text-cont">
                    <?php if (get_field('npinv_track_title')) : ?>
                        <h2 class="section-title"><?php the_field('npinv_track_title'); ?></h2>
                    <?php endif; ?>

                    <?php if (get_field('npinv_track_description')) : ?>
                        <p class="section-content">
                            <?php the_field('npinv_track_description'); ?>
                        </p>
                    <?php endif; ?>

                    <hr class="my-3">

                    <div class="feature-points">
                        <div class="row gy-2 gy-md-3 gy-xxl-4">
                            <?php
                            $npinv_track_points = [
                                'npinv_track_point_1_title',
                                'npinv_track_point_2_title',
                                'npinv_track_point_3_title',
                                'npinv_track_point_4_title',
                                'npinv_track_point_5_title',
                                'npinv_track_point_6_title',
                            ];

                            foreach ($npinv_track_points as $point_field) :
                                $point_title = get_field($point_field);

                                if ($point_title) :
                            ?>
                                <div class="col-sm-6">
                                    <div class="feature-points__item">
                                        <span class="feature-points__icon">
                                            <svg width="24" height="17" viewBox="0 0 24 17" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M1.5 9.22966L7.99626 15.5L22.5 1.5" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
                                            </svg>
                                        </span>

                                        <h3><?php echo $point_title; ?></h3>
                                    </div>
                                </div>
                            <?php 
                                endif;
                            endforeach; 
                            ?>
                        </div>
                    </div>

                    <?php
                    $npinv_track_button_text = get_field('npinv_track_button_text');
                    $npinv_track_button_url  = get_field('npinv_track_button_url');
                    ?>

                    <?php if ($npinv_track_button_text) : ?>
                        <div class="demo-btn-wrapper mt-4 mt-xl-5">
                            <a href="<?php echo $npinv_track_button_url ?: 'javascript:;'; ?>" class="primary animated-cta-btn">
                                <?php echo $npinv_track_button_text; ?>
                            </a>
                        </div>
                    <?php endif; ?>
                </div>
            </div>

            <div class="col-lg-6">
                <?php
                $npinv_track_image = get_field('npinv_track_image');
                $npinv_track_image_alt = get_field('npinv_track_image_alt');
                ?>

                <?php if ($npinv_track_image) : ?>
                    <div class="img-cont">
                        <img 
                            src="<?php echo $npinv_track_image['url']; ?>" 
                            alt="<?php echo $npinv_track_image_alt ?: $npinv_track_image['alt']; ?>" 
                            class="img-fluid" 
                            loading="lazy"
                        >
                    </div>
                <?php endif; ?>
            </div>
        </div>
    </div>
</section>

<section class="section invemtory-management-software-cta non-profit-inventory-cta bg-white pt-3">
    <div class="container">
        <div class="box">
            <?php if (get_field('npinv_cta5_title')) : ?>
                <h2><?php the_field('npinv_cta5_title'); ?></h2>
            <?php endif; ?>

            <?php if (get_field('npinv_cta5_description')) : ?>
                <p>
                    <?php the_field('npinv_cta5_description'); ?>
                </p>
            <?php endif; ?>

            <?php
            $npinv_cta5_button_text = get_field('npinv_cta5_button_text');
            $npinv_cta5_button_url  = get_field('npinv_cta5_button_url');
            ?>

            <?php if ($npinv_cta5_button_text) : ?>
                <a href="<?php echo $npinv_cta5_button_url ?: 'javascript:;'; ?>" class="primary animated-cta-btn">
                    <?php echo $npinv_cta5_button_text; ?>
                </a>
            <?php endif; ?>
        </div>
    </div>
</section>

<!-- industry  section start -->
<?php 
$industry = [
    'class' => 'pale-blue',
    'category' => 'non-profit-inventory',
];
get_template_part('templates-parts/pages/industry-solutions',null,$industry)?>
<!-- industry section end -->


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

<!-- case studies start -->
<?php 
$portfolio = ['class' => 'bg-white pt-lg-0'];
get_template_part('templates-parts/pages/case-studies',null,$portfolio);?>
<!-- case studies end -->

<!-- Testimonials Section start  -->
<?php
$testimonaial = [
    'category'=>'non-profit-inventory',
    'class'=>'bg-white'
];
get_template_part('templates-parts/pages/testimonials-v3',null,$testimonaial);
?>
<!-- Testimonials Section 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-center">
                <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" style="translate: none; rotate: none; scale: none; transform: translate(0px, 0px);"><?php echo get_field('dashboard_access_cta_button_text');?></a>
                    </div>
                </div>
                <div class="col-lg-6 col-xl-6">
                    <div class="img-cont">
                        <img src="<?php echo get_field('dashboard_access_cta_image');?>" alt="cta" class="img-fluid">
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- CTA ONE end -->

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





<script src="<?php echo get_template_directory_uri(); ?>/assets/js/owl.carousel.min.js"></script>
<?php
    get_footer();
?>
<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
            }
        }
    });

    $('.portfolio-slider').owlCarousel({
        loop:false,
        margin:40,
        nav:false,
        dots:false,
        dotsData:true,
        responsive:{
            0:{
                items:1
            },
            600:{
                items:2,
                margin:20
            },
            1000:{
                items:2
            }
        }
    });
    var more_industries_slider = $('.industry-specific-slider');

    $('.slide-next-button').click(function() {
        more_industries_slider.trigger('next.owl.carousel');
    });

    $('.slide-prev-button').click(function() {
        more_industries_slider.trigger('prev.owl.carousel');
    });
    $('.industry-specific-slider').owlCarousel({
        loop: true,
        autoplay:false,
        margin: 20,
        nav: false,
        stagePadding: 50,
        dots: false,
        responsive: {
            0: {
                items: 1,
                stagePadding: 1,
            },
            480: {
                items: 1
            },
            600: {
                items: 2

            },
            1400: {
                items : 2
            },
        }
    });
    $('.why-choose-distribution-slider').owlCarousel({
        loop:true,
        margin:20,
        nav: false,
        dots: false,
        autoplay: true,
        autoplayTimeout: 4000,
        autoplayHoverPause: true,
        smartSpeed: 1200,
        responsive:{
            0:{
                items:1
            },
            600:{
                items:1.5
            },
            1000:{
                items:1.9
            }
        }
    })
</script>

<script>
    $('.lighting-businesses-help-slider').owlCarousel({
        loop:true,
        margin:20,
        nav:true,
        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>
                `
        ],
        autoplay: true,
        dots: false,
        autoplayHoverPause:true,
        responsive:{
            0:{
                items:1
            },
            600:{
                items:2.5
            },
            1000:{
                items:3.5
            }
        }
    });
    $('.amazing-clients-review-slider').owlCarousel({
        loop:true,
        margin:10,
        nav:true,
        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>
                `
        ],
        dots: false,
        responsive:{
            0:{
                items:1
            },
            600:{
                items:1
            },
            1000:{
                items:1
            }
        }
    });
</script>


<script>
    $('.quick-glance-transformation-slider').owlCarousel({
        loop:true,
        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>
                `
        ],
    });
    $('.why-choose-distribution-slider').owlCarousel({
        loop:true,
        margin:20,
        nav: false,
        dots: false,
        autoplay: true,
        autoplayTimeout: 4000,
        autoplayHoverPause: true,
        smartSpeed: 1200,
        responsive:{
            0:{
                items:1
            },
            600:{
                items:1.5
            },
            1000:{
                items:1.9
            }
        }
    })
</script>

<script>
    jQuery(document).ready(function ($) {
    var $carousel = $(".p2r-inventory-process__carousel");
    var $navButtons = $(".p2r-inventory-process__nav button");

    if (!$carousel.length) {
        return;
    }

    $carousel.owlCarousel({
        items: 1,
        loop: false,
        margin: 0,
        nav: false,
        dots: false,
        smartSpeed: 650,
        autoplay: false,
        mouseDrag: true,
        touchDrag: true,
        pullDrag: true,
        responsive: {
            0: {
                items: 1,
                autoHeight: true
            },
            768: {
                items: 1,
                autoHeight: true
            },
            992: {
                items: 1,
                autoHeight: false
            },
            1200: {
                items: 1,
                autoHeight: false
            },
            1400: {
                items: 1,
                autoHeight: false
            }
        }
    });

    $navButtons.on("click", function () {
        var slideIndex = $(this).data("p2r-slide");

        $carousel.trigger("to.owl.carousel", [slideIndex, 650, true]);

        $navButtons.removeClass("is-active");
        $(this).addClass("is-active");
    });

    $carousel.on("changed.owl.carousel", function (event) {
        var currentIndex = event.item.index;

        $navButtons.removeClass("is-active");
        $navButtons.eq(currentIndex).addClass("is-active");
    });
});
</script>
<script>
        $(function () {
            var $section = $('.tracking-software-works');
            var $cards = $section.find('.tracking-software-cards .tracking-software-card-item');
            var $defaultCard = $section.find('.tracking-software-cards .tracking-software-card-item.default-active');

            $cards.hover(function () {
                $cards.removeClass('active-card');
                $(this).addClass('active-card');
            });

            $section.find('.tracking-software-cards').mouseleave(function () {
                $cards.removeClass('active-card');
                $defaultCard.addClass('active-card');
            });
        });
    </script>