<?php
/**
 * Product quantity inputs
 *
 * This template can be overridden by copying it to yourtheme/woocommerce/global/quantity-input.php.
 *
 * @see     https://woocommerce.com/document/template-structure/
 * @package WooCommerce\Templates
 * @version 10.1.0
 *
 * @var bool   $readonly If the input should be set to readonly mode.
 * @var string $type     The input type attribute.
 */

defined( 'ABSPATH' ) || exit;

/* translators: %s: Quantity. */
$label = ! empty( $args['product_name'] )
    ? sprintf( esc_html__( '%s quantity', 'buzzstore' ), wp_strip_all_tags( $args['product_name'] ) )
    : esc_html__( 'Quantity', 'buzzstore' );

global $qtyloop;
$qtyloop++;
?>
<div class="quantity">
    <?php
    /**
     * Hook before quantity input field.
     *
     * @since 7.2.0
     */
    do_action( 'woocommerce_before_quantity_input_field' );
    ?>
    
    <label class="screen-reader-text" for="<?php echo esc_attr( $input_id ); ?>">
        <?php echo esc_html( $label ); ?>
    </label>

    <button 
        type="button"
        class="reduced items-count"
        onclick="var result=document.getElementById('qty<?php echo esc_html( $qtyloop ); ?>');var qty=result.value;if(!isNaN(qty)&&qty>1){result.value--;}else{result.value=1;}jQuery(result).trigger('change');return false;">
        <i class="fa fa-minus">&nbsp;</i>
    </button>

    <input
        type="<?php echo esc_attr( $type ); ?>"
        <?php echo $readonly ? 'readonly="readonly"' : ''; ?>
        id="qty<?php echo esc_html( $qtyloop ); ?>"
        class="<?php echo esc_attr( join( ' ', (array) $classes ) ); ?>"
        name="<?php echo esc_attr( $input_name ); ?>"
        value="<?php echo esc_attr( $input_value ); ?>"
        aria-label="<?php esc_attr_e( 'Product quantity', 'buzzstore' ); ?>"
        <?php if ( in_array( $type, array( 'text','search','tel','url','email','password' ), true ) ) : ?>
            size="4"
        <?php endif; ?>
        min="<?php echo esc_attr( $min_value ); ?>"
        <?php if ( 0 < $max_value ) : ?>
            max="<?php echo esc_attr( $max_value ); ?>"
        <?php endif; ?>
        <?php if ( ! $readonly ) : ?>
            step="<?php echo esc_attr( $step ); ?>"
            placeholder="<?php echo esc_attr( $placeholder ); ?>"
            inputmode="<?php echo esc_attr( $inputmode ); ?>"
            autocomplete="<?php echo esc_attr( isset( $autocomplete ) ? $autocomplete : 'on' ); ?>"
        <?php endif; ?>
    />

    <button 
        type="button"
        class="increase items-count"
        onclick="var result=document.getElementById('qty<?php echo esc_html( $qtyloop ); ?>');var qty=result.value;if(!isNaN(qty)){result.value++;}else{result.value=1;}jQuery(result).trigger('change');return false;">
        <i class="fa fa-plus">&nbsp;</i>
    </button>

    <?php
    /**
     * Hook after quantity input field.
     *
     * @since 3.6.0
     */
    do_action( 'woocommerce_after_quantity_input_field' );
    ?>
</div>
