<?php

defined( 'ABSPATH' ) || exit;

?>
<div class="quicker-tabs-wrapper">
	<div class="quicker-vertical-tab-pane">
		<?php
			$tabs = array(
				array(
					'id'     => 'multi-step-general-tab',
					'label'  => esc_html__( 'General', 'quicker' ),
					'active' => true,
				),
				array(
					'id'     => 'multi-step-checkout-step-tab',
					'label'  => esc_html__( 'Checkout Step', 'quicker' ),
					'active' => false,
				),
				array(
					'id'     => 'multi-step-style-tab',
					'label'  => esc_html__( 'Multistep Style', 'quicker' ),
					'active' => false,
				),
			);
			?>
		<ul class="quicker-tabs vertical">
			<?php foreach ( $tabs as $tab ) : ?>
				<li class="<?php echo esc_attr( $tab['active'] ? 'active' : '' ); ?>" data-tab="<?php echo esc_attr( $tab['id'] ); ?>"><?php echo esc_html( $tab['label'] ); ?></li>
			<?php endforeach; ?>
		</ul>
	</div>
	<div class="quicker-vertical-tab">
		<div class="quicker-tab-content active" id="multi-step-general-tab">
			<?php
				$args = array(
					'label'   => esc_html__( 'Enable Multi Step Checkout', 'quicker' ),
					'id'      => 'enable_multi_step_checkout',
					'checked' => isset( $enable_multi_step_checkout ) ? $enable_multi_step_checkout : 'no',
					'disable' => $disable,
				);
				quicker_checkbox_field( $args );

				$args = array(
					'label'   => esc_html__( 'Enable Cart Step', 'quicker' ),
					'id'      => 'msc_cart_step',
					'checked' => isset( $msc_cart_step ) ? $msc_cart_step : 'no',
					'disable' => $disable,
				);
				quicker_checkbox_field( $args );

				$args = array(
					'label'   => esc_html__( 'Enable Login Step', 'quicker' ),
					'id'      => 'msc_login_step',
					'checked' => isset( $msc_login_step ) ? $msc_login_step : 'no',
					'disable' => $disable,
				);
				quicker_checkbox_field( $args );

				$args = array(
					'label'   => esc_html__( 'Enable Coupon Step', 'quicker' ),
					'id'      => 'msc_coupon_step',
					'checked' => isset( $msc_coupon_step ) ? $msc_coupon_step : 'no',
					'disable' => $disable,
				);
				quicker_checkbox_field( $args );

				$args = array(
					'label'   => esc_html__( 'Enable Billing and Shipping Step', 'quicker' ),
					'id'      => 'msc_billing_shipping_step',
					'checked' => isset( $msc_billing_shipping_step ) ? $msc_billing_shipping_step : 'yes',
					'disable' => $disable,
				);
				quicker_checkbox_field( $args );
				?>
		</div>
		<div class="quicker-tab-content" id="multi-step-checkout-step-tab">
			<?php
				// Step Labels
				$args = array(
					'label'   => esc_html__( 'Cart Step Label', 'quicker' ),
					'id'      => 'msc_cart_step_label',
					'value'   => isset( $msc_cart_step_label ) ? $msc_cart_step_label : esc_html__( 'Cart', 'quicker' ),
					'disable' => $disable,
				);
				quicker_number_input_field( $args );

				$args = array(
					'label'   => esc_html__( 'Login Step Label', 'quicker' ),
					'id'      => 'msc_login_step_label',
					'value'   => isset( $msc_login_step_label ) ? $msc_login_step_label : esc_html__( 'Login', 'quicker' ),
					'disable' => $disable,
				);
				quicker_number_input_field( $args );

				$args = array(
					'label'   => esc_html__( 'Coupon Step Label', 'quicker' ),
					'id'      => 'msc_coupon_step_label',
					'value'   => isset( $msc_coupon_step_label ) ? $msc_coupon_step_label : esc_html__( 'Coupon', 'quicker' ),
					'disable' => $disable,
				);
				quicker_number_input_field( $args );

				$args = array(
					'label'   => esc_html__( 'Billing & Shipping Step Label', 'quicker' ),
					'id'      => 'msc_billing_shipping_step_label',
					'value'   => isset( $msc_billing_shipping_step_label ) ? $msc_billing_shipping_step_label : esc_html__( 'Billing & Shipping', 'quicker' ),
					'disable' => $disable,
				);
				quicker_number_input_field( $args );

				$args = array(
					'label'   => esc_html__( 'Payment Step Label', 'quicker' ),
					'id'      => 'msc_payment_step_label',
					'value'   => isset( $msc_payment_step_label ) ? $msc_payment_step_label : esc_html__( 'Payment', 'quicker' ),
					'disable' => $disable,
				);
				quicker_number_input_field( $args );

				// Layout Style
				$style_options = array(
					'horizontal' => esc_html__( 'Horizontal Layout', 'quicker' ),
					'vertical'   => esc_html__( 'Vertical Layout', 'quicker' ),
					'accordion'  => esc_html__( 'Accordion Style', 'quicker' ),
					'timeline'   => esc_html__( 'Timeline Layout', 'quicker' ),
				);
				$args = array(
					'label'    => esc_html__( 'Checkout Style', 'quicker' ),
					'id'       => 'msc_checkout_style',
					'options'  => $style_options,
					'selected' => isset( $msc_checkout_style ) ? $msc_checkout_style : 'horizontal',
					'disable'  => $disable,
				);
				quicker_select_field( $args );
				?>
		</div>
		<div class="quicker-tab-content" id="multi-step-style-tab">
			<?php
				$args = array(
					'label'      => esc_html__( 'Step Text Color', 'quicker' ),
					'id'         => 'msc_step_text_color',
					'field_type' => 'color',
					'value'      => isset( $msc_step_text_color ) ? $msc_step_text_color : '#333333',
					'disable'    => $disable,
				);
				quicker_number_input_field( $args );

				$args = array(
					'label'      => esc_html__( 'Step Background Color', 'quicker' ),
					'id'         => 'msc_step_bg_color',
					'field_type' => 'color',
					'value'      => isset( $msc_step_bg_color ) ? $msc_step_bg_color : '#f5f5f5',
					'disable'    => $disable,
				);
				quicker_number_input_field( $args );

				$args = array(
					'label'      => esc_html__( 'Step Background Color Active', 'quicker' ),
					'id'         => 'msc_step_bg_color_active',
					'field_type' => 'color',
					'value'      => isset( $msc_step_bg_color_active ) ? $msc_step_bg_color_active : '#0073aa',
					'disable'    => $disable,
				);
				quicker_number_input_field( $args );

				$args = array(
					'label'      => esc_html__( 'Step Active Text Color', 'quicker' ),
					'id'         => 'msc_step_text_color_active',
					'field_type' => 'color',
					'value'      => isset( $msc_step_text_color_active ) ? $msc_step_text_color_active : '#ffffff',
					'disable'    => $disable,
				);
				quicker_number_input_field( $args );

				$args = array(
					'label'      => esc_html__( 'Step Separator Color', 'quicker' ),
					'id'         => 'msc_step_separator_color',
					'field_type' => 'color',
					'value'      => isset( $msc_step_separator_color ) ? $msc_step_separator_color : '#dddddd',
					'disable'    => $disable,
				);
				quicker_number_input_field( $args );

				$args = array(
					'label'      => esc_html__( 'Tab Hover Color', 'quicker' ),
					'id'         => 'msc_step_hover_color',
					'field_type' => 'color',
					'value'      => isset( $msc_step_hover_color ) ? $msc_step_hover_color : '#0073aa',
					'disable'    => $disable,
				);
				quicker_number_input_field( $args );

				// Button Style Settings
				$args = array(
					'label'      => esc_html__( 'Button Background Color', 'quicker' ),
					'id'         => 'msc_btn_bg_color',
					'field_type' => 'color',
					'value'      => isset( $msc_btn_bg_color ) ? $msc_btn_bg_color : '#197beb',
					'disable'    => $disable,
				);
				quicker_number_input_field( $args );

				$args = array(
					'label'      => esc_html__( 'Button Text Color', 'quicker' ),
					'id'         => 'msc_btn_text_color',
					'field_type' => 'color',
					'value'      => isset( $msc_btn_text_color ) ? $msc_btn_text_color : '#ffffff',
					'disable'    => $disable,
				);
				quicker_number_input_field( $args );

				$args = array(
					'label'      => esc_html__( 'Button Hover Background Color', 'quicker' ),
					'id'         => 'msc_btn_hover_bg_color',
					'field_type' => 'color',
					'value'      => isset( $msc_btn_hover_bg_color ) ? $msc_btn_hover_bg_color : '#1565c0',
					'disable'    => $disable,
				);
				quicker_number_input_field( $args );

				$args = array(
					'label'      => esc_html__( 'Button Hover Text Color', 'quicker' ),
					'id'         => 'msc_btn_hover_text_color',
					'field_type' => 'color',
					'value'      => isset( $msc_btn_hover_text_color ) ? $msc_btn_hover_text_color : '#ffffff',
					'disable'    => $disable,
				);
				quicker_number_input_field( $args );
				?>
		</div>
	</div>
</div>
