<?php
/*
Template Name: 3PL Client Portal
*/
get_header('new');
?>

<!-- Banner Section Start-->
<?php $banner = ['class'=>'pb-5']; get_template_part('templates-parts/pages/3pl-client-portal-banner',null,$banner); ?>
<!-- Banner Section End-->


<!-- 2nd section -->
<?php get_template_part('templates-parts/pages/certificates');?>
<!-- end 2nd section -->


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

<!-- 3pl portal benefits start -->
<?php get_template_part('templates-parts/pages/3pl-client-portal-benefits');?>
<!-- 3pl portal benefits end -->


<!-- cutting edge features start -->
<?php get_template_part('templates-parts/pages/cutting-edge-features');?>
<!-- cutting edge features end -->


<!-- logistic client portal steps start -->
<?php get_template_part('templates-parts/pages/logistic-client-portal-steps');?>
<!-- logistic client portal steps end -->


<?php
$heading = get_field('abw_heading');
$content = get_field('abw_content');
?>

<!-- Automate Brewery Work SEction Start -->
<section class="section automate-brewery-work powerful-integrations-work bg-white">
    <div class="container">
        <div class="text-cont">
            <?php if (!empty($heading)) : ?>
                <h2 class="section-title text-center"><?php echo wp_kses_post($heading); ?></h2>
            <?php endif; ?>

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

        <div class="brewery-integrations-logos-wrapper">
            <?php if (have_rows('abw_logos')) : ?>
                <?php while (have_rows('abw_logos')) : the_row();
                    $img = get_sub_field('abw_logo_image'); // array
                    $alt_override = get_sub_field('abw_logo_alt');

                    $img_url = !empty($img['url']) ? $img['url'] : '';
                    $img_alt = !empty($alt_override) ? $alt_override : (!empty($img['alt']) ? $img['alt'] : 'automate-brewery-work');
                ?>
                    <?php if (!empty($img_url)) : ?>
                        <div class="img-wrapper">
                            <img src="<?php echo esc_url($img_url); ?>"
                                 alt="<?php echo esc_attr($img_alt); ?>"
                                 class="img-fluid">
                        </div>
                    <?php endif; ?>
                <?php endwhile; ?>
            <?php endif; ?>
        </div>
            <?php 
            $cta_link = get_field('abw_logos__button');
            ?>
            <?php if (!empty($cta_link)) : ?>
                <div class="text-center mt-4">
                    <a href="<?php echo esc_url($cta_link['url']); ?>" class="btn btn-primary"><?php echo $cta_link['title']; ?></a>
                </div>
            <?php endif; ?>
    </div>
</section>
<!-- Automate Brewery Work 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 -->


<!-- Faqs start -->
<?php
    $args = [   
        'category'  => '3pl-client-portal'
    ];
    get_template_part('templates-parts/pages/faqs-new', null, $args);
?>
<!-- Faqs end -->

<!-- CTA start -->
<?php $ctas = ['class' => 'wms-client-portal-cta']; get_template_part('templates-parts/pages/3pl-client-portal-cta',null,$ctas);?>
<!-- CTA 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>
    $('.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>
