<?php
/**
 * Checkout coupon form — Storzen wrapper for horizontal field + button layout.
 *
 * WooCommerce core toggles visibility with jQuery .slideToggle() on this form, which sets
 * inline display:block and overrides flex on the &lt;form&gt;. An inner .szp-checkout-coupon-row
 * keeps input + button on one row regardless.
 *
 * @see woocommerce/templates/checkout/form-coupon.php
 * @package storzen
 * @version 9.8.0
 */

defined('ABSPATH') || exit;

if (! wc_coupons_enabled()) { // @codingStandardsIgnoreLine.
	return;
}

?>
<div class="woocommerce-form-coupon-toggle">
	<?php
	/**
	 * Filter checkout coupon message.
	 *
	 * @param string $message coupon message.
	 */
	wc_print_notice(apply_filters('woocommerce_checkout_coupon_message', esc_html__('Have a coupon?', 'storzen') . ' <a href="#" role="button" aria-label="' . esc_attr__('Enter your coupon code', 'storzen') . '" aria-controls="woocommerce-checkout-form-coupon" aria-expanded="false" class="showcoupon">' . esc_html__('Click here to enter your code', 'storzen') . '</a>'), 'notice');
	?>
</div>

<form class="checkout_coupon woocommerce-form-coupon" method="post" style="display:none" id="woocommerce-checkout-form-coupon">

	<div class="szp-checkout-coupon-row">
		<p class="form-row form-row-first">
			<label for="coupon_code" class="screen-reader-text"><?php esc_html_e('Coupon:', 'storzen'); ?></label>
			<input type="text" name="coupon_code" class="input-text" placeholder="<?php esc_attr_e('Coupon code', 'storzen'); ?>" id="coupon_code" value="" />
		</p>

		<p class="form-row form-row-last">
			<button type="submit" class="button<?php echo esc_attr(wc_wp_theme_get_element_class_name('button') ? ' ' . wc_wp_theme_get_element_class_name('button') : ''); ?>" name="apply_coupon" value="<?php esc_attr_e('Apply coupon', 'storzen'); ?>"><?php esc_html_e('Apply coupon', 'storzen'); ?></button>
		</p>
	</div>

	<div class="clear"></div>
</form>
