<?php
/*
Template Name: 4pl Logistics Software
*/

get_header('new');
?>
<section class="section banner supply-chain-banner pb-5 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 (!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']; ?>
                            <!-- <svg width="14" height="12" viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M5.598 0.799999H8.19L13.59 6.2L8.19 11.6H5.598L10.062 7.136H0.9V5.264H10.062L5.598 0.799999Z" fill="white"/>
                            </svg> -->
                        </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">
					<?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="350" height="260">
    <img src="<?php echo esc_url($desktop_img_url); ?>" loading="eager" fetchpriority="high" width="636" height="414" 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>

<section class="section about-our-product">
    <div class="container">
        <div class="text-cont text-center">
            <h2 class="section-title"><?php echo get_field('certificates_title'); ?></h2>
        </div>
        <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" width="120" height="150" loading="lazy" class="img-fluid">
                            </div>
                        <?php endif; ?>
                    <?php endwhile; ?>
                <?php endif; ?>
            </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 -->

<section class="section logistics-software">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-lg-6">
                <div class="text-cont">
                    <h2 class="section-title mb-4">
                        <?php echo get_field('logistics_section_title'); ?>
                    </h2>
                    <p class="section-content mb-4">
                        <?php echo get_field('logistics_section_description'); ?>
                    </p>
                    <?php if(get_field('logistics_cta_text')): ?>
                        <a href="<?php echo get_field('logistics_cta_link'); ?>" class="primary animated-cta-btn">
                            <?php echo get_field('logistics_cta_text'); ?>
                        </a>
                    <?php endif; ?>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="card">
                    <div class="card-inner">
                        <div class="img-content">
                            <?php $image = get_field('logistics_card_image'); ?>
                            <?php if($image): ?>
                                <img src="<?php echo esc_url($image['url']); ?>" alt="<?php echo esc_attr($image['alt']); ?>" class="img-fluid">
                            <?php endif; ?>
                        </div>
                        <div class="text-content">
                            <h3><?php echo get_field('logistics_card_subheading'); ?></h3>
                            <?php if(have_rows('logistics_features')): ?>
                                <ul>
                                    <?php while(have_rows('logistics_features')): the_row(); ?>
                                        <li><?php echo get_sub_field('feature_item'); ?></li>
                                    <?php endwhile; ?>
                                </ul>
                            <?php endif; ?>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="section logistics-management-process">
    <div class="container">
        <div class="container">
            <div class="text-cont text-center">
                <h2 class="section-title mb-4">
                    <?php echo get_field('lmp_section_title'); ?>
                </h2>
                <p class="section-content">
                    <?php echo get_field('lmp_section_description'); ?>
                </p>
            </div>

            <?php if (have_rows('lmp_steps')) : ?>
                <ul>
                    <?php while (have_rows('lmp_steps')) : the_row(); ?>
                        <li>
                            <?php if (get_sub_field('lmp_step_number') % 2 != 0) : ?>
                                <div class="number-box">
                                    <?php echo get_sub_field('lmp_step_number'); ?>
                                </div>
                                <div class="text-box">
                                    <p><?php echo get_sub_field('lmp_step_text'); ?></p>
                                </div>
                            <?php else : ?>
                                <div class="text-box">
                                    <p><?php echo get_sub_field('lmp_step_text'); ?></p>
                                </div>
                                <div class="number-box">
                                    <?php echo get_sub_field('lmp_step_number'); ?>
                                </div>
                            <?php endif; ?>
                        </li>
                    <?php endwhile; ?>
                </ul>
            <?php endif; ?>

            <div class="buttons-wrapper text-center">
                <a href="<?php echo get_field('lmp_button_link'); ?>" class="demo-btn animated-btn d-inline-block mt-4">
                    <?php echo get_field('lmp_button_text'); ?>
                </a>
            </div>
        </div>
    </div>
</section>

<section class="section 4pl-management-process">
    <div class="container"></div>
</section>
<section class="section bg-white pt-0">
    <div class="container">
        <div class="complete-comparison-cta right-fit-business-cta">
            <div class="row align-items-center">
                <div class="col-md-3">
                    <img src="<?php echo get_field('affiliate_cta_image'); ?>" alt="<?php echo get_field('affiliate_cta_heading'); ?>" class="img-fluid">
                </div>
                <div class="col-md-6">
                    <h3><?php echo get_field('affiliate_cta_heading'); ?></h3>
                    <p><?php echo get_field('affiliate_cta_text'); ?></p>
                </div>
                <div class="col-md-3">
                    <?php $aff_cta = get_field('affiliate_cta_button');?>
                    <a href="<?php echo esc_url($aff_cta['url']); ?>" class="border-gradient-btn animated-btn" <?php echo is_modal_link(get_field('cta_button_links')); ?>><?php echo $aff_cta['title']; ?></a>
                </div>
            </div>
        </div>
    </div>
</section>

 <!-- integration tabs start -->
 <?php 
    $integration_tabs = [
        'category' => '4pl-logistics-software',
    ];
 get_template_part('templates-parts/pages/integration-post-tabs',null,$integration_tabs)?>
<!-- integration tabs end -->

<!-- supply chain feature start -->
<section class="section supply-chain-software-features logistics-software-features">
    <div class="container">
        <div class="text-cont text-center">
            <h2 class="section-title">
               <?php echo get_field('shopify_features_heading'); ?>
            </h2>
        </div>
        <div class="row justify-content-center">
		 <?php if (have_rows('shopify_features_repeater')) : ?>
		 <?php while (have_rows('shopify_features_repeater')) : the_row(); ?>
            <div class="col-lg-4 col-md-6">
                <div class="card">
                    <div class="svg-cont">
                      <?php echo get_sub_field('feature_icon'); ?>
                    </div>
                    <div class="text-content">
                        <h3><?php echo get_sub_field('feature_title'); ?></h3>
                    </div>
                </div>
            </div>
            
            <?php endwhile; ?>
             <?php endif; ?>
            
            
        </div>
    </div>
</section>


<section class="section wms-amazon-success logistics-success bg-white">
    <div class="container">
        <div class="text-cont text-center">
            <h2 class="section-title">
                <?php echo get_field('wms_section_title'); ?>
            </h2>
            <p class="section-content">
                <?php echo get_field('wms_section_description'); ?>
            </p>
        </div>

        <?php if (have_rows('wms_tabs')): ?>
            <div class="responsive-tabs">
                <div class="row">
                    <div class="col-lg-12">
                        <div id="tab-content-container" class="tab-content" role="tablist">
                            <?php $i = 0; while (have_rows('wms_tabs')): the_row(); ?>
                                <?php 
                                    $heading   = get_sub_field('wms_tab_heading');
                                    $desc      = get_sub_field('wms_tab_description');
                                    $btn_text  = get_sub_field('wms_tab_button_text');
                                    $btn_link  = get_sub_field('wms_tab_button_link');
                                    $img       = get_sub_field('wms_tab_image');
                                    $tab_title = get_sub_field('wms_tab_title');
                                ?>
                                <div id="tab-pane-<?php echo $i; ?>" 
                                     class="card tab-pane fade <?php echo $i === 0 ? 'show active' : ''; ?>" 
                                     role="tabpanel" 
                                     aria-labelledby="tab-link-<?php echo $i; ?>">

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

                                    <div id="collapse-<?php echo $i; ?>" 
                                         class="collapse <?php echo $i === 0 ? 'show' : ''; ?>" 
                                         data-bs-parent="#tab-content-container" 
                                         role="tabpanel" 
                                         aria-labelledby="heading-<?php echo $i; ?>">

                                        <div class="card-body">
                                            <div class="powered-tools-wrapper">
                                                <div class="row gy-3 align-items-center">
                                                    <div class="col-lg-6">
                                                        <div class="powered-tools-content">
                                                            <h3 class="powered-tools-title"><?php echo esc_html($heading); ?></h3>
                                                            <p class="powered-tools-text"><?php echo esc_html($desc); ?></p>

                                                            <?php if ($btn_text && $btn_link): ?>
                                                                <a href="<?php echo esc_url($btn_link); ?>" class="primary animated-cta-btn">
                                                                    <?php echo esc_html($btn_text); ?>
                                                                </a>
                                                            <?php endif; ?>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-6">
                                                        <?php if ($img): ?>
                                                            <div class="img-cont">
                                                                <img src="<?php echo esc_url($img['url']); ?>" 
                                                                     alt="<?php echo esc_attr($img['alt']); ?>" 
                                                                     class="img-fluid" loading="lazy">
                                                            </div>
                                                        <?php endif; ?>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            <?php $i++; endwhile; ?>
                        </div>
                    </div>

                    <!-- Tab Links -->
                    <div class="col-lg-12">
                        <ul class="nav nav-tabs" role="tablist">
                            <?php $i = 0; while (have_rows('wms_tabs')): the_row(); ?>
                                <li class="nav-item">
                                    <a id="tab-link-<?php echo $i; ?>" 
                                       href="#tab-pane-<?php echo $i; ?>" 
                                       class="nav-link <?php echo $i === 0 ? 'active' : ''; ?>" 
                                       data-bs-toggle="tab" 
                                       role="tab">
                                        <?php echo get_sub_field('wms_tab_title'); ?>
                                    </a>
                                </li>
                            <?php $i++; endwhile; ?>
                        </ul>
                    </div>
                </div>
            </div>
        <?php endif; ?>
    </div>
</section>

<section class="section dashboard-access-cta ">
    <div class="container">
        <div class="box">
            <div class="row align-items-center">
                <div class="col-lg-6">
                    <div class="img-cont slide-right">
                        <?php $cta_img = get_field('dashboard_access_cta_image'); ?>
                        <?php if ($cta_img): ?>
                            <img src="<?php echo $cta_img; ?>" alt="CTA" class="img-fluid" loading="lazy">
                        <?php endif; ?>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="text-cont slide-left">
                        <p><?php echo get_field('dashboard_access_cta_text'); ?></p>
                        <?php if (get_field('dashboard_access_cta_button_text') && get_field('dashboard_access_cta_button_url')): ?>
                            <a href="<?php echo get_field('dashboard_access_cta_button_url'); ?>" 
                               class="primary animated-cta-btn">
                                <?php echo get_field('dashboard_access_cta_button_text'); ?>
                            </a>
                        <?php endif; ?>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>





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


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



<!-- 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 -->


<!-- why leading section start -->
<section class="section why-leading">
    <div class="container">
        <div class="text-cont text-center">
            <h2 class="section-title mb-5"><?php echo get_field('why_warego_wms_heading'); ?></h2>
            <p class="section-content"><?php echo get_field('why_warego_wms_description'); ?></p>
        </div>
        <?php if( have_rows('why_warego_wms_features') ): ?>
        <ul>
            <?php while( have_rows('why_warego_wms_features') ): the_row(); ?>
                <li>
                    <div class="left">
                        <?php $image = get_sub_field('image'); ?>
                        <?php if ($image) : ?>
                            <img src="<?php echo esc_url($image); ?>" alt="<?php echo get_sub_field('heading'); ?>" class="img-fluid">
                        <?php endif; ?>
                    </div>
                    <div class="right">
                        <h3><?php echo get_sub_field('heading'); ?></h3>
                        <p><?php echo get_sub_field('description'); ?></p>
                    </div>
                </li>
            <?php endwhile; ?>
        </ul>
        <?php else: ?>
        <p>No features available.</p>
        <?php endif; ?>

        <div class="text-center mt-5">
            <a href="<?php echo esc_url(get_field('why_warego_wms_cta_link')); ?>" class="primary animated-cta-btn" <?php echo is_modal_link(get_field('why_warego_wms_cta_link')); ?>><?php echo get_field('why_warego_wms_cta_label'); ?></a>
        </div>
    </div>
</section>
<!-- why leading section end -->


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

<section class="section manufacturing-warehouse-cta curious-wms-cta logistics-wms-cta">
    <div class="container">
        <div class="box">
            <div class="d-flex flex-column">
                <p class="mb-2 mb-lg-4"><?php echo get_field('cta_titles'); ?></p>
            </div>
            <a href="<?php echo get_field('cta_button_links'); ?>" class="primary animated-cta-btn"><?php echo get_field('cta_button_text');?></a>
        </div>
    </div>
</section>

<!-- Faqs Start -->
<?php
    $args = [
        'category'  => '4pl-logistics-software',
        'heading'   => 'Frequently Asked <span>Questions</span>',
		'class'     => 'pt-0 bg-white',
    ];
    get_template_part('templates-parts/pages/faqs-new', null, $args);
?>
<!-- Faqs End -->


<?php
    get_footer();
?>
<script>
    $('.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
            }
        }
    });

</script>
<script>
    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
            },
        }
    });
</script>

<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
            }
        }
    });
</script>

