<?php
dd($payload);
	$data =[];
	if(isset($payload)){
        $item = (object) [];
        foreach ($payload as $key => $value) {
            if (preg_match('/^image\d+$/', $key)) {
                $item = (object) [
                    'title' => $payload->title->value,
                    'subtitle' => $payload->subtitle->value,
                    'imgLogo' => $payload->imageLogo->src ?? null,
                    'altLogo' => $payload->imageLogo->alt ?? null,
                    'description' => $payload->description->value ?? null,
                    'interval' => $payload->interval->value ?? null,
                    'image' => $value, // Atribui a imagem ao objeto
                ];
                $data[] = $item;
            }
        }
	}
?>

<div style="width:100vw; background-color:var(--secondary)">
	<div class="container container-botton">
		<div class="header-counter">
			<div class="header-bottom d-flex justify-content-between">
				<div class="d-flex flex-column" style="width: 100%">
					<?php if(isset($payload->title) || isset($payload->singleDescr)): ?>
						<div class="d-flex justify-content-start align-items-stretch" style="width:100%; ">
							<div class="box-icon" style="width: 100%">
								<?php if(isset($payload->title)): ?>
								<h2><strong><?php echo e($payload->title->value); ?></strong></h2>
								<?php endif; ?>

								<?php if(isset($payload->singleDescr)): ?>
									<p class="p-about" style="width: 100%"><?php echo e($payload->singleDescr->value); ?></p>
								<?php endif; ?>
							</div>
							<?php if(isset($payload->imgText)): ?>
								<div class="box-img d-flex justify-content-center align-items-center ms-4">
									<img src="<?php echo e($payload->imgText->src); ?>" alt="<?php echo e($payload->imgText->alt); ?>">
								</div>
							<?php endif; ?>
						</div>
					<?php endif; ?>
	
					<div class="d-flex justify-content-around">
						<?php if(isset($payload->oneImageMain)|| isset($payload->textOne)): ?>
							<div class="box-one d-flex">
								<div class="box-icon d-flex flex-column align-items-center">
									<div class="main-icon">
										<img src="<?php echo e($payload->oneImageMain->src); ?>" alt="<?php echo e($payload->oneImageMain->alt); ?>">
									</div>
									<?php if(isset($payload->oneImageHover)): ?>
										<div class="hover-icon">
											<img src="<?php echo e($payload->oneImageHover->src); ?>" alt="<?php echo e($payload->oneImageHover->alt); ?>">
											<p class="fs-3"><strong><?php echo e($payload->oneImageMain->alt); ?></strong></p>
										</div>
									<?php endif; ?>
									<?php if(isset($payload->btnOne)): ?>
										<a href="<?php echo e($payload->btnOne->href); ?>" class="btn btn-primary soluti-btn" target="<?php echo e($payload->btnOne->href); ?>" style="margin: 10px"> <?php echo e($payload->btnOne->value); ?> </a>
									<?php endif; ?>
								</div>
	
							</div>
						<?php endif; ?>
						<?php if(isset($payload->twoImageMain)): ?>
							<div class="box-one d-flex justify-content-center">
								<div class="box-icon d-flex align-items-center flex-column">
									<div class="main-icon">
										<img src="<?php echo e($payload->twoImageMain->src); ?>" alt="<?php echo e($payload->twoImageMain->alt); ?>">
									</div>
									<?php if(isset($payload->twoImageHover)): ?>
										<div class="hover-icon">
											<img src="<?php echo e($payload->twoImageHover->src); ?>" alt="<?php echo e($payload->twoImageHover->alt); ?>">
											<p class="fs-3"><strong><?php echo e($payload->twoImageMain->alt); ?></strong></p>
										</div>
									<?php endif; ?>
									<?php if(isset($payload->btnTwo)): ?>
										<a href="<?php echo e($payload->btnTwo->href); ?>" class="btn btn-primary soluti-btn" target="<?php echo e($payload->btnTwo->target ?? '_blank'); ?>" style="margin: 10px"> <?php echo e($payload->btnTwo->value); ?> </a>
									<?php endif; ?>
								</div>
	
							</div>
						<?php endif; ?>
						<?php if(isset($payload->threeImageMain)): ?>
							<div class="box-one d-flex justify-content-center">
								<div class="box-icon d-flex align-items-center flex-column">
									<div class="main-icon">
										<img src="<?php echo e($payload->threeImageMain->src); ?>" alt="<?php echo e($payload->threeImageMain->alt); ?>">
									</div>
									<?php if(isset($payload->threeImageHover)): ?>
										<div class="hover-icon">
											<img src="<?php echo e($payload->threeImageHover->src); ?>" alt="<?php echo e($payload->threeImageHover->alt); ?>">
											<p class="fs-3"><strong><?php echo e($payload->threeImageMain->alt); ?></strong></p>
										</div>
									<?php endif; ?>
									<?php if(isset($payload->btnThree)): ?>
										<a href="<?php echo e($payload->btnThree->href); ?>" class="btn btn-primary soluti-btn" target="<?php echo e($payload->btnThree->target ?? '_blank'); ?>" style="margin: 10px"> <?php echo e($payload->btnThree->value); ?>></a>
									<?php endif; ?>
								</div>
							</div>
						<?php endif; ?>
						<?php if(isset($payload->fourImageMain)): ?>
							<div class="box-one d-flex justify-content-center">
								<div class="box-icon d-flex flex-column">
									<div class="main-icon">
										<img src="<?php echo e($payload->fourImageMain->src); ?>" alt="<?php echo e($payload->fourImageMain->alt); ?>">
									</div>
									<?php if(isset($payload->fourImageHover)): ?>
										<div class="hover-icon">
											<img src="<?php echo e($payload->fourImageHover->src); ?>" alt="<?php echo e($payload->fourImageHover->alt); ?>">
											<p class="fs-3"><strong><?php echo e($payload->fourImageMain->alt); ?></strong></p>
										</div>
									<?php endif; ?>
									<?php if(isset($payload->btnFour)): ?>
										<a href="<?php echo e($payload->btnFour->href); ?>" class="btn btn-primary soluti-btn" target="<?php echo e($payload->btnFour->target ?? '_blank'); ?>" style="margin: 10px"> <?php echo e($payload->btnFour->value); ?> </a>
									<?php endif; ?>
								</div>
							</div>
						<?php endif; ?>
					</div>
				</div>
	
			</div>
		</div>
	</div>
</div>

<!-- End Header Counter Area -->
<?php /**PATH D:\GigaPixel Code\Cod Mazfer\site-mazfer\resources\views/site/components/container.blade.php ENDPATH**/ ?>