<?php
if ( ! defined( 'WFACP_TEMPLATE_DIR' ) ) {
	return '';
}

$instance = wfacp_template();

$payment_buttons = $instance->get_smart_buttons();
if ( empty( $payment_buttons ) ) {
	return;
}


$or_title     = apply_filters( 'wfacp_smart_button_or_text', __( 'OR', 'woofunnels-aero-checkout' ) );
$legend_title = apply_filters( 'wfacp_smart_button_legend_title', __( 'Express Checkout', 'woofunnels-aero-checkout' ) );

$button_count = sizeof( $payment_buttons );

$button_class = '';
if ( $button_count > 0 ) {
	$button_class = 'wfacp_button_count_' . $button_count;
}

$show_smart_button_shimmer     = apply_filters( 'wfacp_show_smart_button_shimmer', true, $payment_buttons );
$show_smart_wrapper_visibility = 'display:none';
if ( ! $show_smart_button_shimmer ) {
	$show_smart_wrapper_visibility = '';
}
?>
<style>

	@media (min-width: 768px) {
		#wfacp_smart_buttons .wfacp_smart_button_outer_buttons[count="1"] .wfacp_smart_button_container {
			width: 100%;
			float: none;
		}

		#wfacp_smart_buttons .wfacp_smart_button_outer_buttons[count="2"] .wfacp_smart_button_container {
			width: 50%;
		}


		#wfacp_smart_buttons .wfacp_smart_button_outer_buttons[count="3"] .wfacp_smart_button_container {
			width: 33.33%;

		}

		#wfacp_smart_buttons .wfacp_smart_button_outer_buttons[count="4"] .wfacp_smart_button_container {
			width: 25%;

		}

		#wfacp_smart_buttons .wfacp_smart_button_outer_buttons[count="1"] #pay_with_amazon {
			background-size: 20%;
			margin: 0 auto;
		}

		#wfacp_smart_buttons .wfacp_smart_button_outer_buttons[count="2"] #pay_with_amazon {
			background-size: 30%;
		}

		#wfacp_smart_buttons .wfacp_smart_button_outer_buttons[count="3"] #pay_with_amazon {
			background-size: 45%;
		}

		#wfacp_smart_buttons .wfacp_smart_button_outer_buttons[count="4"] #pay_with_amazon {
			background-size: 50%;
		}

		#wfacp_smart_buttons .wfacp_smart_button_wrap_st {
			margin: 0 -10px !important;
		}

		#wfacp_smart_buttons.wfacp_smart_buttons .wc-amazon-checkout-message.wc-amazon-payments-advanced-populated {
			display: block;
		}

		#wfacp_smart_buttons.wfacp_smart_buttons div#pay_with_amazon,
		#wfacp_smart_buttons #wfacp_smart_button_stripe_gpay_apay div#wc-stripe-payment-request-wrapper,
		#wfacp_smart_buttons #wfacp_smart_button_stripe_gpay_apay div#wc-stripe-payment-request-wrapper,
		#wfacp_smart_buttons .wfacp_smart_button_wrap_st div#paypal_box_button > div {
			width: 100%;
		}

		.wfacp_smart_button_wrap_st div#paypal_box_button > div {
			max-width: 100%;
		}

		#wfacp_smart_buttons.wfacp_smart_buttons .wfacp_smart_button_container {
			display: block;
			margin: 0 !important;
			padding: 0 10px;
			float: left;
		}

		#wfacp_smart_buttons.wfacp_smart_buttons .wfacp_smart_button_container iframe {
			max-height: 42px !important;
			height: 100% !important;
		}

		#wfacp_smart_buttons.wfacp_smart_buttons .wfacp_smart_button_container:after,
		#wfacp_smart_buttons.wfacp_smart_buttons .wfacp_smart_button_container:before {
			content: '';
			display: block;
		}

		#wfacp_smart_buttons.wfacp_smart_buttons .wfacp_smart_button_container:after {
			clear: both;
		}

		#wfacp_smart_buttons .wfacp_smart_button_wrap_st div#paypal_box_button .paypal-buttons {
			min-width: 1px;
			height: 42px !important;
			display: block !important;
		}

		#wfacp_smart_buttons .wfacp_smart_button_outer_buttons[count="2"] .wfacp_smart_button_container .angelleye_ppcp-button-container.angelleye_ppcp_horizontal_medium {
			width: 100%;
		}

		#wfacp_smart_buttons .wfacp_smart_button_outer_buttons[count="2"] .wfacp_smart_button_container .angelleye_ppcp-button-container.angelleye_ppcp_horizontal_medium .paypal-buttons.paypal-buttons-context-iframe {
			height: 40px;
			margin-top: 8px;
		}
	}

</style>
<div class="wfacp_smart_buttons wfacp-dynamic-checkout-loading" id="wfacp_smart_buttons" style="<?php echo $show_smart_wrapper_visibility; ?>">
	<div class="wfacp_smart_button_outer_buttons" count="<?php echo $button_count; ?>">
		<div class="wfacp_smart_button_inner wfacp_smart_buttons_placeholder">
			<fieldset>
				<legend><?php echo $legend_title; ?></legend>
				<div class="wfacp_smart_button_wrap_st wfacp_clearfix">
					<div class="dynamic-checkout__skeleton">
						<div class="placeholder-line placeholder-line--animated"></div>
					</div>
					<?php

					foreach ( $payment_buttons as $slug => $payment ) {

						$hide_button_container = 'display: none';
						if ( isset( $payment['show_default'] ) ) {
							$hide_button_container = '';
						}

						?>
						<div class="wfacp_smart_button_container" id="wfacp_smart_button_<?php echo $slug; ?>" style="<?php echo $hide_button_container; ?>">
						<div class="wfacp_button_container">
							<?php
							if ( isset( $payment['iframe'] ) ) {
								do_action( 'wfacp_smart_button_container_' . $slug, $payment, $slug );
							} else {
								if ( '' !== $payment['image'] ) {
									?>
									<div class="wfacp_smart_button_image_container">
										<img src="<?php echo $payment['image']; ?>">
									</div>
									<?php
								}
							}
							?>
							</div>
						</div>
						<?php
					}
					?>
				</div>
			</fieldset>
		</div>
		<?php
		if ( '' !== $or_title ) {
			?>
			<div class="wfacp_smart_button_inner wfacp_smart_button_or_text_placeholder"><label><?php echo $or_title; ?></label></div>
			<?php
		}
		?>
	</div>
</div>

