<?php
/*
 * Template Name: inventory-management
 */
get_header('new');

/* ============================
 *  HERO / BANNER SECTION
 * ============================ */
?>
<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 slide-right mt-0">
                    <?php if ( get_field( 'banner_heading' ) ) : ?>
                        <h1 class="banner-heading">
                            <?php echo esc_html( get_field( 'banner_heading' ) ); ?>
                            <?php if ( get_field( 'banner_heading_highlight' ) ) : ?>
                                <span><?php echo esc_html( get_field( 'banner_heading_highlight' ) ); ?></span>
                            <?php endif; ?>
                        </h1>
                    <?php endif; ?>

                    <?php if ( get_field( 'banner_content' ) ) : ?>
                        <p class="banner-content">
                            <?php echo esc_html( get_field( 'banner_content' ) ); ?>
                        </p>
                    <?php endif; ?>

                    <div class="banner-btns">
                        <?php if ( get_field( 'banner_primary_button_text' ) ) : ?>
                            <a href="<?php echo esc_url( get_field( 'banner_primary_button_link' ) ); ?>"
                               class="primary animated-cta-btn">
                                <?php echo esc_html( get_field( 'banner_primary_button_text' ) ); ?>
                            </a>
                        <?php endif; ?>

                        <?php if ( get_field( 'banner_secondary_button_text' ) ) : ?>
                            <a href="<?php echo esc_url( get_field( 'banner_secondary_button_link' ) ); ?>"
                               class="border-gradient-btn animated-btn">
                                <?php echo esc_html( get_field( 'banner_secondary_button_text' ) ); ?>
                                <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 slide-left">
                    <?php $banner_image = get_field( 'banner_image' ); ?>
                    <?php if ( $banner_image ) : ?>
                        <img src="<?php echo esc_url( $banner_image['url'] ); ?>"
                             alt="<?php echo esc_attr( $banner_image['alt'] ?: 'banner' ); ?>"
                             class="img-fluid" loading="lazy">
                    <?php endif; ?>
                </div>
            </div>
        </div>
    </div>
</section>

<?php
/* ============================
 *  REVIEWS / CERTIFICATES
 * ============================ */
?>
<section class="section about-our-product">
    <div class="container">
        <div class="text-cont text-center">
            <?php if ( get_field( 'reviews_section_title' ) ) : ?>
                <h2 class="section-title">
                    <?php echo esc_html( get_field( 'reviews_section_title' ) ); ?>
                    <?php if ( get_field( 'reviews_section_title_highlight' ) ) : ?>
                        <span><?php echo esc_html( get_field( 'reviews_section_title_highlight' ) ); ?></span>
					
                    <?php endif; ?>
				<?php if ( get_field('reviews_section_title_description') ) : ?>
    <p class="section-content text-center">
        <?php echo esc_html( get_field('reviews_section_title_description') ); ?>
    </p>
<?php endif; ?>

                </h2>
            <?php endif; ?>
        </div>

    <div class="container">
        <div class="logos-wrapper">
            <div class="owl-carousel owl-theme about-our-product-slider">
                <?php if (have_rows('certificates')): ?>
                    <?php while (have_rows('certificates')): the_row(); 
                        $image = get_sub_field('image');
                        if ($image): ?>
                            <div class="item">
                                <img src="<?php echo $image; ?>" alt="certificate">
                            </div>
                        <?php endif; ?>
                    <?php endwhile; ?>
                <?php endif; ?>
            </div>
        </div>
    </div>


    </div>
</section>

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




<!-- Brew Overcome Challenges Section Start -->
<section class="section sync-data-shipping brew-overcome-challenges bg-white">
    <div class="container">

        <?php
        $overcome_title      = get_field( 'overcome_title' );
        $overcome_title_high = get_field( 'overcome_title_highlight' );
        $overcome_intro      = get_field( 'overcome_intro' );
        $overcome_cta_text   = get_field( 'overcome_cta_text' );
        $overcome_cta_link   = get_field( 'overcome_cta_link' );
        $overcome_image      = get_field( 'overcome_image' );
        ?>

        <div class="row justify-content-between">
            <div class="col-lg-6">
                <?php if ( $overcome_title ) : ?>
                    <h2 class="section-title text-center text-lg-start">
                        <?php echo esc_html( $overcome_title ); ?>
                        <?php if ( $overcome_title_high ) : ?>
                            <span><?php echo esc_html( $overcome_title_high ); ?></span>
                        <?php endif; ?>
                    </h2>
                <?php endif; ?>
            </div>

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

        <div class="sync-data-accordian-wrapper">
            <div class="row gy-4">
                <div class="col-lg-6">
                    <div class="text-cont">
                        <div class="accordion" id="brew-overcome-accordion">
                            <?php
                            if ( have_rows( 'overcome_items' ) ) :
                                $i = 0;
                                while ( have_rows( 'overcome_items' ) ) :
                                    the_row();
                                    $i++;
                                    $collapse_id = 'overcome-collapse-' . $i;
                                    $heading_id  = 'overcome-heading-' . $i;

                                    $item_number = get_sub_field( 'number' );
                                    $item_title  = get_sub_field( 'title' );
                                    $item_text   = get_sub_field( 'text' );
                                    ?>
                                    <div class="accordion-item">
                                        <h2 class="accordion-header" id="<?php echo esc_attr( $heading_id ); ?>">
                                            <button class="accordion-button <?php echo $i === 1 ? '' : 'collapsed'; ?>"
                                                    type="button"
                                                    data-bs-toggle="collapse"
                                                    data-bs-target="#<?php echo esc_attr( $collapse_id ); ?>"
                                                    aria-expanded="<?php echo $i === 1 ? 'true' : 'false'; ?>"
                                                    aria-controls="<?php echo esc_attr( $collapse_id ); ?>">
                                                <?php if ( $item_number ) : ?>
                                                    <span><?php echo esc_html( $item_number ); ?></span>
                                                <?php endif; ?>
                                                <?php echo esc_html( $item_title ); ?>
                                            </button>
                                        </h2>
                                        <div id="<?php echo esc_attr( $collapse_id ); ?>"
                                             class="accordion-collapse collapse <?php echo $i === 1 ? 'show' : ''; ?>"
                                             aria-labelledby="<?php echo esc_attr( $heading_id ); ?>"
                                             data-bs-parent="#brew-overcome-accordion">
                                            <div class="accordion-body">
                                                <?php if ( $item_text ) : ?>
                                                    <p><?php echo esc_html( $item_text ); ?></p>
                                                <?php endif; ?>
                                            </div>
                                        </div>
                                    </div>
                                <?php
                                endwhile;
                            endif;
                            ?>
                        </div>
                    </div>
                </div>

                <div class="col-lg-6">
                    <?php if ( $overcome_image ) : ?>
                        <div class="img-wrapper d-flex justify-content-center align-items-center">
                            <img style="    border-radius: 20px;" src="<?php echo esc_url( $overcome_image['url'] ); ?>"
                                 alt="<?php echo esc_attr( $overcome_image['alt'] ?: 'Overcome Challenges' ); ?>"
                                 class="img-fluid" loading="lazy">
                        </div>
                    <?php endif; ?>
                </div>
            </div>
        </div>

        <?php if ( $overcome_cta_text ) : ?>
            <div class="demo-btn-wrapper text-center">
                <a href="<?php echo esc_url( $overcome_cta_link ?: 'javascript:;' ); ?>"
                   class="primary animated-cta-btn">
                    <?php echo esc_html( $overcome_cta_text ); ?>
                </a>
            </div>
        <?php endif; ?>

    </div>
</section>
<!-- Brew Overcome Challenges Section End -->



<?php
/* ============================
 *  BENEFITS SECTION
 * ============================ */
?>
<!-- Benefits of Brewery Inventory Management Section Start -->
<section class="section benefits-of-brewery-inventory bg-white pt-0">
    <div class="container">

        <?php
        $benefits_title      = get_field( 'benefits_title' );
        $benefits_title_high = get_field( 'benefits_title_highlight' );
        $benefits_intro      = get_field( 'benefits_intro' );
        $benefits_cta_text   = get_field( 'benefits_cta_text' );
        $benefits_cta_link   = get_field( 'benefits_cta_link' );

        $benefit_tabs        = get_field( 'benefit_tabs' ); // repeater
        ?>

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

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

        <?php if ( $benefit_tabs ) : ?>
            <div class="benefits-of-brewery-inventory">
                <!-- Tabs Start Here -->
                <div class="responsive-tabs">
                    <div id="benefits-content" class="tab-content" role="tablist">

                        <?php
                        $index = 0;
                        foreach ( $benefit_tabs as $tab ) :
                            $index++;
                            $is_active   = ( $index === 1 );
                            $tab_id      = 'benefit-tab-' . $index;
                            $collapse_id = 'benefit-collapse-' . $index;

                            $tab_number  = $tab['tab_number'] ?? $index;
                            $tab_label   = $tab['tab_label']  ?? '';
                            $tab_title   = $tab['tab_title']  ?? $tab_label;
                            $tab_text    = $tab['tab_text']   ?? '';
                            ?>
                            <div id="<?php echo esc_attr( $tab_id ); ?>"
                                 class="card tab-pane fade <?php echo $is_active ? 'show active' : ''; ?>"
                                 role="tabpanel"
                                 aria-labelledby="<?php echo esc_attr( 'heading-' . $index ); ?>">

                                <div class="card-header" role="tab" id="<?php echo esc_attr( 'heading-' . $index ); ?>">
                                    <h5 class="mb-0">
                                        <a class="<?php echo $is_active ? '' : 'collapsed'; ?>"
                                           data-bs-toggle="collapse"
                                           href="#<?php echo esc_attr( $collapse_id ); ?>"
                                           aria-expanded="<?php echo $is_active ? 'true' : 'false'; ?>"
                                           aria-controls="<?php echo esc_attr( $collapse_id ); ?>">
                                            <?php echo esc_html( $tab_label ); ?>
                                        </a>
                                    </h5>
                                </div>

                                <div id="<?php echo esc_attr( $collapse_id ); ?>"
                                     class="collapse <?php echo $is_active ? 'show' : ''; ?>"
                                     data-bs-parent="#benefits-content"
                                     role="tabpanel"
                                     aria-labelledby="<?php echo esc_attr( 'heading-' . $index ); ?>">

                                    <div class="card-body">
                                        <div class="tabs-card-content-wrapper">
                                            <h2 class="tabs-card-title">
                                                <?php echo esc_html( $tab_title ); ?>
                                            </h2>
                                            <?php if ( $tab_text ) : ?>
                                                <p class="tabs-card-text">
                                                    <?php echo esc_html( $tab_text ); ?>
                                                </p>
                                            <?php endif; ?>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        <?php endforeach; ?>

                    </div>

                    <ul class="nav nav-tabs" role="tablist">
                        <?php
                        $index = 0;
                        foreach ( $benefit_tabs as $tab ) :
                            $index++;
                            $is_active  = ( $index === 1 );
                            $tab_id     = 'benefit-tab-' . $index;
                            $tab_number = $tab['tab_number'] ?? $index;
                            $tab_label  = $tab['tab_label']  ?? '';
                            ?>
                            <li class="nav-item">
                                <a id="<?php echo esc_attr( 'tab-' . $index ); ?>"
                                   href="#<?php echo esc_attr( $tab_id ); ?>"
                                   class="nav-link <?php echo $is_active ? 'active' : ''; ?>"
                                   data-bs-toggle="tab"
                                   role="tab">
                                    <span class="numbering">
                                        <?php echo esc_html( sprintf( '%02d', $tab_number ) ); ?>
                                    </span>
                                    <?php echo esc_html( $tab_label ); ?>
                                </a>
                            </li>
                        <?php endforeach; ?>
                    </ul>
                </div>
                <!-- Tabs END Here -->
            </div>
        <?php endif; ?>

        <?php if ( $benefits_cta_text ) : ?>
            <div class="demo-btn-wrapper text-center">
                <a href="<?php echo esc_url( $benefits_cta_link ?: 'javascript:;' ); ?>"
                   class="primary animated-cta-btn">
                    <?php echo esc_html( $benefits_cta_text ); ?>
                </a>
            </div>
        <?php endif; ?>

    </div>
</section>
<!-- Benefits of Brewery Inventory Management Section End -->



<?php
/* ============================
 *  HOW IT WORKS / STEPS
 * ============================ */
?>
<!-- how brewery inventory management works Start -->
<section class="section how-brewery-inventory-works">
    <div class="container">
        <?php
        $how_title       = get_field( 'how_works_title' );
        $how_title_high  = get_field( 'how_works_title_highlight' );
        $how_intro       = get_field( 'how_works_intro' );
        $how_image       = get_field( 'how_works_image' );
        $how_cta_text    = get_field( 'how_works_cta_text' );
        $how_cta_link    = get_field( 'how_works_cta_link' );
        ?>

        <div class="row gy-4 gx-xl-2 align-items-center justify-content-between">
            <div class="col-lg-6 col-xl-6">
                <div class="text-cont text-center text-lg-start">
                    <?php if ( $how_title ) : ?>
                        <h2 class="section-title">
                            <?php echo esc_html( $how_title ); ?>
                            <?php if ( $how_title_high ) : ?>
                                <span><?php echo esc_html( $how_title_high ); ?></span>
                            <?php endif; ?>
                        </h2>
                    <?php endif; ?>

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

                    <?php if ( $how_image ) : ?>
                        <div class="img-wrapper">
                            <img src="<?php echo esc_url( $how_image['url'] ); ?>"
                                 alt="<?php echo esc_attr( $how_image['alt'] ?: 'how-brewery-inventory-works' ); ?>"
                                 class="img-fluid">
                        </div>
                    <?php endif; ?>
                </div>
            </div>

            <div class="col-lg-6 col-xl-5">
                <div class="brewery-inventory-steps">
                    <div class="steps-timeline">
                        <?php if ( have_rows( 'how_works_steps' ) ) : ?>
                            <?php while ( have_rows( 'how_works_steps' ) ) : the_row(); ?>
                                <?php
                                $step_label  = get_sub_field( 'step_label' );
                                $step_number = get_sub_field( 'step_number' );
                                $step_title  = get_sub_field( 'step_title' );
                                $step_text   = get_sub_field( 'step_text' );
                                ?>
                                <div class="step-item">
                                    <div class="step-badge">
                                        <?php if ( $step_label ) : ?>
                                            <span class="step-label"><?php echo esc_html( $step_label ); ?></span>
                                        <?php endif; ?>
                                        <?php if ( $step_number ) : ?>
                                            <span class="step-number"><?php echo esc_html( $step_number ); ?></span>
                                        <?php endif; ?>
                                    </div>
                                    <div class="step-content">
                                        <?php if ( $step_title ) : ?>
                                            <h3 class="step-title"><?php echo esc_html( $step_title ); ?></h3>
                                        <?php endif; ?>
                                        <?php if ( $step_text ) : ?>
                                            <p class="step-text">
                                                <?php echo esc_html( $step_text ); ?>
                                            </p>
                                        <?php endif; ?>
                                    </div>
                                </div>
                            <?php endwhile; ?>
                        <?php endif; ?>
                    </div>
                </div>

                <?php if ( $how_cta_text ) : ?>
                    <div class="demo-btn-wrapper text-center text-lg-start">
                        <a href="<?php echo esc_url( $how_cta_link ?: 'javascript:;' ); ?>"
                           class="primary animated-cta-btn">
                            <?php echo esc_html( $how_cta_text ); ?>
                        </a>
                    </div>
                <?php endif; ?>

            </div>
        </div>
    </div>
</section>
<!-- how brewery inventory management works End -->


<?php
/* ============================
 *  AUTOMATE WORK SECTION
 * ============================ */
?>
<!-- Automate Brewery Work Section Start -->
<section class="section automate-brewery-work bg-white">
    <div class="container">
        <?php
        $auto_title      = get_field( 'auto_title' );
        $auto_title_high = get_field( 'auto_title_highlight' );
        $auto_intro      = get_field( 'auto_intro' );
        $auto_cta_text   = get_field( 'auto_cta_text' );
        $auto_cta_link   = get_field( 'auto_cta_link' );
        ?>

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

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

        <div class="brewery-integrations-logos-wrapper">
            <?php if ( have_rows( 'auto_logos' ) ) : ?>
                <?php while ( have_rows( 'auto_logos' ) ) : the_row(); ?>
                    <?php $logo = get_sub_field( 'logo' ); ?>
                    <?php if ( $logo ) : ?>
                        <div class="img-wrapper">
                            <img src="<?php echo esc_url( $logo['url'] ); ?>"
                                 alt="<?php echo esc_attr( $logo['alt'] ?: 'automate-brewery-work' ); ?>"
                                 class="img-fluid">
                        </div>
                    <?php endif; ?>
                <?php endwhile; ?>
            <?php endif; ?>
        </div>

        <?php if ( $auto_cta_text ) : ?>
            <div class="demo-btn-wrapper text-center">
                <a href="<?php echo esc_url( $auto_cta_link ?: 'javascript:;' ); ?>"
                   class="primary animated-cta-btn">
                    <?php echo esc_html( $auto_cta_text ); ?>
                </a>
            </div>
        <?php endif; ?>
    </div>
</section>
<!-- Automate Brewery Work Section End -->


<?php
/* ============================
 *  BEST INVENTORY MANAGEMENT SECTION
 * ============================ */
?>
<!-- Best Brewery Inventory Management Section Start -->
<section class="section best-brewery-inventory-management">
    <div class="container">

        <?php
        $best_title      = get_field( 'best_title' );
        $best_title_high = get_field( 'best_title_highlight' );
        $best_intro      = get_field( 'best_intro' );
        $best_cta_text   = get_field( 'best_cta_text' );
        $best_cta_link   = get_field( 'best_cta_link' );
        $best_image      = get_field( 'best_image' );

        $best_tabs       = get_field( 'best_tabs' ); // repeater
        ?>
        <div class="row justify-content-between">
            <div class="col-lg-12 col-xl-6">
                <?php if ( $best_title ) : ?>
                    <h2 class="section-title text-center text-xl-start">
                        <?php echo esc_html( $best_title ); ?>
                        <?php if ( $best_title_high ) : ?>
                            <span><?php echo esc_html( $best_title_high ); ?></span>
                        <?php endif; ?>
                    </h2>
                <?php endif; ?>
            </div>

            <div class="col-lg-12 col-xl-5">
                <?php if ( $best_intro ) : ?>
                    <p class="section-content text-center text-xl-start">
                        <?php echo esc_html( $best_intro ); ?>
                    </p>
                <?php endif; ?>
            </div>
        </div>

        <div class="smes-tabs-wrapper">
            <div class="row">
                <div class="col-lg-6 col-xl-4">

                    <?php if ( $best_tabs ) : ?>
                        <ul class="nav nav-pills btns-wrapper" id="breweryTabs" role="tablist">
                            <?php
                            $i = 0;
                            foreach ( $best_tabs as $tab ) :
                                $i++;
                                $is_active  = ( $i === 1 );
                                $tab_target = 'best-tab-' . $i;

                                $tab_label  = $tab['tab_label'] ?? '';
                                ?>
                                <li class="nav-item" role="presentation">
                                    <button class="tab-btn nav-link <?php echo $is_active ? 'active' : ''; ?>"
                                            id="<?php echo esc_attr( $tab_target . '-btn' ); ?>"
                                            data-bs-toggle="tab"
                                            data-bs-target="#<?php echo esc_attr( $tab_target ); ?>"
                                            type="button"
                                            role="tab">
                                        <?php echo esc_html( $tab_label ); ?>
                                    </button>
                                </li>
                            <?php endforeach; ?>
                        </ul>

                        <div class="tab-content tabs-content-wrapper">
                            <?php
                            $i = 0;
                            foreach ( $best_tabs as $tab ) :
                                $i++;
                                $is_active  = ( $i === 1 );
                                $tab_id     = 'best-tab-' . $i;

                                $tab_title  = $tab['tab_title'] ?? '';
                                $tab_text   = $tab['tab_text'] ?? '';
                                ?>
                                <div class="tab-pane fade <?php echo $is_active ? 'show active' : ''; ?>"
                                     id="<?php echo esc_attr( $tab_id ); ?>" role="tabpanel">
                                    <?php if ( $tab_title ) : ?>
                                        <h2 class="section-title"><?php echo esc_html( $tab_title ); ?></h2>
                                    <?php endif; ?>

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

                    <?php if ( $best_cta_text ) : ?>
                        <div class="demo-btn-wrapper text-center text-lg-start">
                            <a href="<?php echo esc_url( $best_cta_link ?: 'javascript:;' ); ?>"
                               class="primary animated-cta-btn">
                                <?php echo esc_html( $best_cta_text ); ?>
                            </a>
                        </div>
                    <?php endif; ?>
                </div>

                <div class="col-lg-6 col-xl-8">
                    <?php if ( $best_image ) : ?>
                        <div class="img-wrapper">
                            <img src="<?php echo esc_url( $best_image['url'] ); ?>"
                                 alt="<?php echo esc_attr( $best_image['alt'] ?: 'best-brewery-inventory-management' ); ?>"
                                 class="img-fluid main-img">
                        </div>
                    <?php endif; ?>
                </div>
            </div>
        </div>

    </div>
</section>
<!-- Best Brewery Inventory Management Section End -->

<?php
/* ============================
 *  PRICING / PLANS
 * ============================ */
?>

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



<!-- industry section end -->

<?php
/* ============================
 *  TESTIMONIALS
 * ============================ */
?>

<!-- testimonials start -->
<section class="section say-about-warego client-say-about-warego">
    <div class="container">
        <div class="text-center text-cont">
            <h2 class="section-title mb-5"><?php echo get_field('reviews_heading'); ?></h2>
            <p class="section-content"><?php echo get_field('reviews_description'); ?></p>
        </div>

        <?php if( have_rows('reviews') ): ?>
        <div class="row gy-4">
        <?php while( have_rows('reviews') ): the_row();?>
            <div class="col-lg-6 right-sight">
                <div class="card">
                    <p><?php echo get_sub_field('quote');?></p>
                    <ul>
                        <li>
                            <img src="<?php echo get_sub_field('image');?>" alt="Sarah Johnson" class="img-fluid">
                        </li>
                        <li>
                            <h3><?php echo get_sub_field('name');?></h3>
                            <p><?php echo get_sub_field('position');?></p>
                        </li>
                    </ul>
                </div>
            </div>
            <?php endwhile; ?>
        </div>
        <?php endif; ?>
    </div>
</section>
<!-- testimonials end -->




<?php
/* ============================
 *  BOTTOM CTA / DASHBOARD ACCESS
 * ============================ */
?>

<section class="section dashboard-access-cta ebay-access-cta brewery-access-cta">
    <div class="container">
        <div class="box">
            <div class="row justify-content-between align-items-end">
                <div class="col-lg-6 col-xl-6">
                    <div class="text-cont slide-left">
                         <?php if ( get_field( 'cta_title' ) ) : ?>
                        <h2 class="section-titlee">
                            <?php echo esc_html( get_field( 'cta_title' ) ); ?>
                        
                        </h2>
                    <?php endif; ?>
                         <?php if ( get_field( 'cta_content' ) ) : ?>
                        <p class="section-contentt">
                            <?php echo esc_html( get_field( 'cta_content' ) ); ?>
                        </p>
                    <?php endif; ?>
                      <?php if ( get_field( 'cta_button_text' ) ) : ?>
                        <a href="<?php echo esc_url( get_field( 'cta_button_link' ) ); ?>" class="primary animated-cta-btn" > <?php echo esc_html( get_field( 'cta_button_text' ) ); ?></a>
                        <?php endif; ?>
                    </div>
                </div>
                <div class="col-lg-6 col-xl-5">
                     <?php $cta_image = get_field( 'cta_image' ); ?>
                <?php if ( $cta_image ) : ?>
                    <div class="img-cont slide-right">
                        <img src="<?php echo esc_url( $cta_image['url'] ); ?>" alt="<?php echo esc_attr( $cta_image['alt'] ?: 'cta' ); ?>" class="img-fluid">
                    </div>
                     <?php endif; ?>
                </div>
            </div>
        </div>
    </div>
</section>

<?php
/* ============================
 *  FAQS
 * ============================ */
?>
<section class="section faqs pt-0 bg-white">
    <div class="container">
        <div class="text-cont slide-down">
            <?php if ( get_field( 'faqs_title' ) ) : ?>
                <h2 class="section-title">
                    <?php echo esc_html( get_field( 'faqs_title' ) ); ?>
                    <?php if ( get_field( 'faqs_title_highlight' ) ) : ?>
                        <span><?php echo esc_html( get_field( 'faqs_title_highlight' ) ); ?></span>
                    <?php endif; ?>
                </h2>
            <?php endif; ?>
        </div>
        <?php if ( have_rows( 'faqs' ) ) : ?>
            <div class="accordion" id="faqs-accordion">
                <?php
                $f = 0;
                while ( have_rows( 'faqs' ) ) :
                    the_row();
                    $f++;
                    $collapse_id = 'faq-collapse-' . $f;
                    $heading_id  = 'faq-heading-' . $f;
                    ?>
                    <div class="accordion-item slide-down">
                        <h2 class="accordion-header" id="<?php echo esc_attr( $heading_id ); ?>">
                            <button class="accordion-button <?php echo $f === 1 ? '' : 'collapsed'; ?>"
                                    type="button"
                                    data-bs-toggle="collapse"
                                    data-bs-target="#<?php echo esc_attr( $collapse_id ); ?>"
                                    aria-expanded="<?php echo $f === 1 ? 'true' : 'false'; ?>"
                                    aria-controls="<?php echo esc_attr( $collapse_id ); ?>">
                                <?php echo esc_html( get_sub_field( 'question' ) ); ?>
                            </button>
                        </h2>
                        <div id="<?php echo esc_attr( $collapse_id ); ?>"
                             class="accordion-collapse collapse <?php echo $f === 1 ? 'show' : ''; ?>"
                             aria-labelledby="<?php echo esc_attr( $heading_id ); ?>"
                             data-bs-parent="#faqs-accordion">
                            <div class="accordion-body">
                                <?php echo get_sub_field( 'answer' ); ?>
                            </div>
                        </div>
                    </div>
                <?php endwhile; ?>
            </div>
        <?php endif; ?>
    </div>
</section>

<?php get_footer(); ?>
<script>
    $('.banner-logos-slider').owlCarousel({
        loop: false,
        margin: 10,
        nav: false,
        autoplay: true,
        dots: false,
        responsive: {
            0: {
                items: 1
            },
            600: {
                items: 2
            },
            1000: {
                items: 4
            }
        }
    });
    $('.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
            }
        }
    });

</script>
