<?php if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly
    $i = 1;
?>
<div class="ab-progress-tracker ab-skip<?php if ( $skip_service_step ) echo '-service'; if ( get_option( 'ab_settings_cart_enabled' ) != 1 ) echo '-cart'; if ( $payment_disabled ) echo '-payment' ?>-steps">
    <ul class=ab-progress-bar>
        <?php if ( $skip_service_step == false ) : ?>
        <li class="ab-step-tabs<?php if ( $booking_step >= 1 ) : ?> active<?php endif ?>">
            <a href="javascript:void(0)"><?php echo $i ++ . '. ' . AB_Utils::getTranslatedOption( 'ab_appearance_text_step_service' ) ?></a>
            <div class=step></div>
        </li>
        <?php endif ?>
        <li class="ab-step-tabs<?php if ( $booking_step >= 2 ) : ?> active<?php endif ?>">
            <a href="javascript:void(0)"><?php echo $i ++ . '. ' . AB_Utils::getTranslatedOption( 'ab_appearance_text_step_time' ) ?></a>
            <div class=step></div>
        </li>
        <?php if ( $show_cart && get_option( 'ab_custom_fields_per_service' ) != 1 ) : ?>
            <li class="ab-step-tabs<?php if ( $booking_step >= 3 ) : ?> active<?php endif ?>">
                <a href="javascript:void(0)"><?php echo $i ++ . '. ' . AB_Utils::getTranslatedOption( 'ab_appearance_text_step_cart' ) ?></a>
                <div class=step></div>
            </li>
        <?php endif ?>
        <li class="ab-step-tabs<?php if ( $booking_step >= ( 4 - intval( get_option( 'ab_custom_fields_per_service' ) ) ) ) : ?> active<?php endif ?>">
            <a href="javascript:void(0)"><?php echo $i ++ . '. ' . AB_Utils::getTranslatedOption( 'ab_appearance_text_step_details' ) ?></a>
            <div class=step></div>
        </li>
        <?php if ( $show_cart && get_option( 'ab_custom_fields_per_service' ) == 1 ) : ?>
            <li class="ab-step-tabs<?php if ( $booking_step == 3 || $booking_step > 4 ) : ?> active<?php endif ?>">
                <a href="javascript:void(0)"><?php echo $i ++ . '. ' . AB_Utils::getTranslatedOption( 'ab_appearance_text_step_cart' ) ?></a>
                <div class=step></div>
            </li>
        <?php endif ?>
        <?php if ( $payment_disabled ) : ?>
            <li class="ab-step-tabs<?php if ( $booking_step >= 5 ) : ?> active<?php endif ?>">
                <a href="javascript:void(0)"><?php echo $i ++ . '. ' . AB_Utils::getTranslatedOption( 'ab_appearance_text_step_done' ) ?></a>
                <div class=step></div>
            </li>
        <?php else : ?>
            <li class="ab-step-tabs<?php if ( $booking_step >= 5 ) : ?> active<?php endif ?>">
                <a href="javascript:void(0)"><?php echo $i ++ . '. ' . AB_Utils::getTranslatedOption( 'ab_appearance_text_step_payment' ) ?></a>
                <div class=step></div>
            </li>
            <li class="ab-step-tabs<?php if ( $booking_step >= 6 ) : ?> active<?php endif ?>">
                <a href="javascript:void(0)"><?php echo $i ++ . '. ' . AB_Utils::getTranslatedOption( 'ab_appearance_text_step_done' ) ?></a>
                <div class=step></div>
            </li>
        <?php endif ?>
    </ul>
</div>