<?php

use Bookingor\Helper\HelperControl;

// Exit if accessed directly
if (!defined('ABSPATH')) {
    exit;
} ?>


<div class="wrap bookingor">
    <form id="bookingor-editing-templates" class="">
        <input type="hidden" id="editing-id" name="editing_id" value="5" />
        <div class="bookingor-d-flex justify-content-between mb-2">
            <div>
                <h3><?php esc_html_e('Edit Template 5', 'bookingor'); ?></h3>
            </div>
            <div>
                <button type="submit" class="main-top-buttons btn_blue ml-2"><?php echo esc_html("Publish", "bookingor"); ?></button>
            </div>
        </div>
        <div class="main bookingor">
            <div class="bookingor-loader-container">
                <div class="bookingor-d-flex align-items-center justify-content-center ">
                    <div class="bookingor-loader">
                        <div class="bookingor-loader-wheel"></div>
                        <div class="bookingor-loader-text bookingor-d-flex"></div>
                    </div>
                </div>
            </div>
            <div class="row bookingor-g-0">
                <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-12 main bookingor-flex j-width flex-column bookingor-g-0">
                </div>
            </div>
            <div class="row bookingor-g-0" id="bookingor-design-5">
                <div class="bookingor-col-xl-12 main-top ">

                    <div class="row justify-content-between">
                        <div id="v-pills-tabContent" class="tab-content bookingor-g-0 bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-3 bookingor-col-xxl-3 ">
                            <div class="tab-pane fade show active" id="pills-colors-n-fonts" role="tabpanel" aria-labelledby="pills-colors-n-fonts">
                                <div class="row">
                                    <div class="row bookingor-col-xl-12 bookingor-col-lg-12 bookingor-col-md-12 bookingor-col-sm-12 bookingor-col-12 bookingor-set-sidebar ">
                                        <div class="bookingor-col-xl-12 bookingor-g-0">
                                            <div class="main-bd">
                                                <h6 class="h-ct"><?php esc_html_e('Label', 'bookingor'); ?></h6>
                                                <div class="row pt-2 pb-2">


                                                    <div class="bookingor-col-xl-12">
                                                        <div class="form-group row align-items-top ">
                                                            <div class="bookingor-col-10 bookingor-col-sm-10 bookingor-col-md-10 bookingor-col-lg-10 bookingor-col-xl-10 pd-1 bookingor-g-0">
                                                                <label class="h-l-n  bookingor-f-13"><?php esc_html_e('Label Text Color', 'bookingor'); ?></label>

                                                            </div>
                                                            <div class="bookingor-col-2 bookingor-col-sm-2 bookingor-col-md-2 bookingor-col-lg-2 bookingor-col-xl-2 bookingor-g-0">
                                                                <div class="form-control-select">
                                                                    <input type="color" class="w-100" name="setting_color_label_text" value="<?php echo esc_attr(get_option('bookingor_settings_color_label_text')); ?>">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>


                                                </div>
                                            </div>
                                        </div>
                                        <div class="main-bd bookingor-g-0">
                                            <h6 class="h-ct"><?php esc_html_e('Fonts and Style', 'bookingor'); ?></h6>
                                            <div class="row pt-2 pb-2">
                                                <div class="form-group row align-items-top  bdr-b">
                                                    <div class="bookingor-col-10 bookingor-col-sm-10 bookingor-col-md-10 bookingor-col-lg-10 bookingor-col-xl-10 pd-1 bookingor-g-0">
                                                        <label class="h-l-n  bookingor-f-13"><?php esc_html_e('Hover and Active Border Color', 'bookingor'); ?></label>

                                                    </div>
                                                    <div class="bookingor-col-2 bookingor-col-sm-2 bookingor-col-md-2 bookingor-col-lg-2 bookingor-col-xl-2 bookingor-g-0">
                                                        <div class="form-control-select">
                                                            <input type="color" class="w-100" name="setting_color_border" value="<?php echo esc_attr(get_option('bookingor_settings_color_border')); ?>">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-12 pd-1 bookingor-g-0">
                                                        <label class="h-l-n  bookingor-f-13"><?php esc_html_e('Heading Font Family', 'bookingor'); ?></label>
                                                    </div>
                                                    <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-12 bookingor-g-0">
                                                        <div class="form-control-select form-control-select-sm">
                                                            <div class="mb-3">
                                                                <select class="form-select form-select-sm" name="settings_headings_font_family" id="heading-font-family">
                                                                    <option value=""><?php echo esc_html("Theme Heading Fonts", "bookingor"); ?></option>
                                                                    <option value="Lato" <?php echo  get_option('bookingor_settings_fonts_headings') === 'Lato' ? 'selected' : ''; ?>><?php esc_html_e('Lato', 'bookingor'); ?></option>
                                                                    <option value="Roboto" <?php echo  get_option('bookingor_settings_fonts_headings') === 'Roboto' ? 'selected' : ''; ?>><?php esc_html_e('Roboto', 'bookingor'); ?></option>
                                                                    <option value="Merriweather" <?php echo  get_option('bookingor_settings_fonts_headings') === 'Merriweather' ? 'selected' : ''; ?>><?php esc_html_e('Merriweather', 'bookingor'); ?></option>
                                                                    <option value="Montserrat" <?php echo  get_option('bookingor_settings_fonts_headings') === 'Montserrat' ? 'selected' : ''; ?>><?php esc_html_e('Montserrat', 'bookingor'); ?></option>
                                                                    <option value="Mulish" <?php echo  get_option('bookingor_settings_fonts_headings') === 'Mulish' ? 'selected' : ''; ?>><?php esc_html_e('Mulish', 'bookingor'); ?></option>
                                                                    <option value="Nunito" <?php echo  get_option('bookingor_settings_fonts_headings') === 'Nunito' ? 'selected' : ''; ?>><?php esc_html_e('Nunito', 'bookingor'); ?></option>
                                                                    <option value="Asap Condensed" <?php echo  get_option('bookingor_settings_fonts_headings') === 'Asap Condensed' ? 'selected' : ''; ?>><?php esc_html_e('Asap Condensed', 'bookingor'); ?></option>
                                                                    <option value="Open Sans" <?php echo  get_option('bookingor_settings_fonts_headings') === 'Open Sans' ? 'selected' : ''; ?>><?php esc_html_e('Open Sans', 'bookingor'); ?></option>
                                                                    <option value="Barlow" <?php echo  get_option('bookingor_settings_fonts_headings') === 'Barlow' ? 'selected' : ''; ?>><?php esc_html_e('Barlow', 'bookingor'); ?></option>
                                                                    <option value="Oswald" <?php echo  get_option('bookingor_settings_fonts_headings') === 'Oswald' ? 'selected' : ''; ?>><?php esc_html_e('Oswald', 'bookingor'); ?></option>
                                                                    <option value="Bitter" <?php echo  get_option('bookingor_settings_fonts_headings') === 'Bitter' ? 'selected' : ''; ?>><?php esc_html_e('Bitter', 'bookingor'); ?></option>
                                                                    <option value="Poppins" <?php echo  get_option('bookingor_settings_fonts_headings') === 'Poppins' ? 'selected' : ''; ?>><?php esc_html_e('Poppins', 'bookingor'); ?></option>
                                                                    <option value="Carme" <?php echo  get_option('bookingor_settings_fonts_headings') === 'Carme' ? 'selected' : ''; ?>><?php esc_html_e('Carme', 'bookingor'); ?></option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-12 pd-1 bookingor-g-0">
                                                        <label class="h-l-n  bookingor-f-13"><?php esc_html_e('Text Font Family', 'bookingor'); ?></label>
                                                    </div>
                                                    <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-12 bookingor-g-0">
                                                        <div class="form-control-select form-control-select-sm">
                                                            <div class="mb-3">
                                                                <select class="form-select form-select-sm" name="settings_all_font_family" id="all-other-font-family">
                                                                    <option value="" selected><?php echo esc_html("Theme Text Fonts", "bookingor"); ?></option>
                                                                    <option value="Lato" <?php echo  get_option('bookingor_settings_fonts_all_other') === 'Lato' ? 'selected' : ''; ?>><?php esc_html_e('Lato', 'bookingor'); ?></option>
                                                                    <option value="Roboto" <?php echo  get_option('bookingor_settings_fonts_all_other') === 'Roboto' ? 'selected' : ''; ?>><?php esc_html_e('Roboto', 'bookingor'); ?></option>
                                                                    <option value="Merriweather" <?php echo  get_option('bookingor_settings_fonts_all_other') === 'Merriweather' ? 'selected' : ''; ?>><?php esc_html_e('Merriweather', 'bookingor'); ?></option>
                                                                    <option value="Montserrat" <?php echo  get_option('bookingor_settings_fonts_all_other') === 'Montserrat' ? 'selected' : ''; ?>><?php esc_html_e('Montserrat', 'bookingor'); ?></option>
                                                                    <option value="Mulish" <?php echo  get_option('bookingor_settings_fonts_all_other') === 'Mulish' ? 'selected' : ''; ?>><?php esc_html_e('Mulish', 'bookingor'); ?></option>
                                                                    <option value="Nunito" <?php echo  get_option('bookingor_settings_fonts_all_other') === 'Nunito' ? 'selected' : ''; ?>><?php esc_html_e('Nunito', 'bookingor'); ?></option>
                                                                    <option value="Asap Condensed" <?php echo  get_option('bookingor_settings_fonts_all_other') === 'Asap Condensed' ? 'selected' : ''; ?>><?php esc_html_e('Asap Condensed', 'bookingor'); ?></option>
                                                                    <option value="Open Sans" <?php echo  get_option('bookingor_settings_fonts_all_other') === 'Open Sans' ? 'selected' : ''; ?>><?php esc_html_e('Open Sans', 'bookingor'); ?></option>
                                                                    <option value="Barlow" <?php echo  get_option('bookingor_settings_fonts_all_other') === 'Barlow' ? 'selected' : ''; ?>><?php esc_html_e('Barlow', 'bookingor'); ?></option>
                                                                    <option value="Oswald" <?php echo  get_option('bookingor_settings_fonts_all_other') === 'Oswald' ? 'selected' : ''; ?>><?php esc_html_e('Oswald', 'bookingor'); ?></option>
                                                                    <option value="Bitter" <?php echo  get_option('bookingor_settings_fonts_all_other') === 'Bitter' ? 'selected' : ''; ?>><?php esc_html_e('Bitter', 'bookingor'); ?></option>
                                                                    <option value="Poppins" <?php echo  get_option('bookingor_settings_fonts_all_other') === 'Poppins' ? 'selected' : ''; ?>><?php esc_html_e('Poppins', 'bookingor'); ?></option>
                                                                    <option value="Carme" <?php echo  get_option('bookingor_settings_fonts_all_other') === 'Carme' ? 'selected' : ''; ?>><?php esc_html_e('Carme', 'bookingor'); ?></option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>


                                        <div class="main-bd bookingor-g-0">
                                            <h6 class="h-ct"><?php esc_html_e('Buttons', 'bookingor'); ?></h6>
                                            <div class="row pt-2 pb-2">
                                                <div class="form-group row align-items-top mb-1 bdr-b">
                                                    <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-7 pd-1 bookingor-g-0">
                                                        <label class="h-l-n  bookingor-f-13"><?php esc_html_e('Book Button Text:', 'bookingor'); ?></label>
                                                    </div>
                                                    <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-5 bookingor-g-0">
                                                        <div class="form-control-select">
                                                            <input type="text" class="form-control form-control-sm" id="live-book-btn" name="settings_book_button_text" value="<?php echo esc_attr(get_option('bookingor_settings_book_button_text')); ?>">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="form-group row align-items-top mb-1 bdr-b">
                                                    <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-7 bookingor-col-xl-7 pd-1 bookingor-g-0">
                                                        <label class="h-l-n  bookingor-f-13"><?php esc_html_e('Continue Button Text:', 'bookingor'); ?></label>
                                                    </div>
                                                    <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-5 bookingor-col-xl-5 bookingor-g-0">
                                                        <div class="form-control-select">
                                                            <input type="text" class="form-control form-control-sm" id="live-continue-btn" name="settings_continue_button_text" value="<?php echo esc_attr(get_option('bookingor_settings_continue_button_text')); ?>">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="bookingor-col-10 bookingor-col-sm-10 bookingor-col-md-10 bookingor-col-lg-10 bookingor-col-xl-10 pd-1 bookingor-g-0">
                                                        <label class="h-l-n  bookingor-f-13"><?php esc_html_e('Book Button Background:', 'bookingor'); ?></label>
                                                    </div>
                                                    <div class="bookingor-col-2 bookingor-col-sm-2 bookingor-col-md-2 bookingor-col-lg-2 bookingor-col-xl-2 bookingor-g-0">
                                                        <div class="form-control-select">
                                                            <input type="color" class="w-100" name="setting_color_continue_button_background" value="<?php echo esc_attr(get_option('bookingor_settings_color_continue_button_background')); ?>">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row mb-2 pb-2 ">
                                                    <div class="bookingor-col-10 bookingor-col-sm-10 bookingor-col-md-10 bookingor-col-lg-10 bookingor-col-xl-10 pd-1 bookingor-g-0">
                                                        <label class="h-l-n  bookingor-f-13"><?php esc_html_e('Book Button Text Color:', 'bookingor'); ?></label>
                                                    </div>
                                                    <div class="bookingor-col-2 bookingor-col-sm-2 bookingor-col-md-2 bookingor-col-lg-2 bookingor-col-xl-2 bookingor-g-0">
                                                        <div class="form-control-select">
                                                            <input type="color" class="w-100" name="setting_color_continue_button_text" value="<?php echo esc_attr(get_option('bookingor_settings_color_continue_button_text')); ?>">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class=" row align-items-top bdr-b mb-1 ">
                                                    <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-7 bookingor-col-lg-7 bookingor-col-xl-8 pd-1 bookingor-g-0">
                                                        <label class="h-l-n  bookingor-f-13"><?php esc_html_e('Button Border', 'bookingor'); ?></label>
                                                    </div>
                                                    <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-5 bookingor-col-lg-5 bookingor-col-xl-4 bookingor-g-0">
                                                        <div class="bookingor-d-flex align-items-center bookingor-gap-5">
                                                            <input type="number" class="form-control form-control-sm" min="0" name="settings_buttons_border_active" tabindex="0" id="setting-buttons-border-active" value="<?php echo esc_attr(str_replace('px', '', get_option('bookingor_settings_buttons_border_active'))); ?>">
                                                            <input type="color" class="w-100" name="settings_buttons_border_color" value="<?php echo esc_attr(get_option('bookingor_settings_buttons_border_color')); ?>">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class=" row align-items-top mb-1  bdr-b">
                                                    <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-7 bookingor-col-lg-7 bookingor-col-xl-7 pd-1 bookingor-g-0">
                                                        <label class="h-l-n  bookingor-f-13"><?php esc_html_e('Button Border Radius', 'bookingor'); ?></label>
                                                    </div>
                                                    <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-5 bookingor-col-lg-5 bookingor-col-xl-5">
                                                        <div class="bookingor-d-flex align-items-center bookingor-gap-5">
                                                            <input type="number" class="form-control form-control-sm " min="0" name="settings_buttons_radius" tabindex="0" id="setting-buttons-radius" value="<?php echo esc_attr(str_replace('px', '', get_option('bookingor_settings_buttons_radius'))); ?>">
                                                            <div><?php esc_html_e('px', 'bookingor'); ?></div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="form-group row align-items-top  bdr-b">
                                                    <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-7 bookingor-col-xl-7 pd-1 mt-1 bookingor-g-0">
                                                        <label class="h-l-n  bookingor-f-13"><?php esc_html_e('Back Button Text:', 'bookingor'); ?></label>
                                                    </div>
                                                    <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-5 bookingor-col-xl-5 bookingor-g-0">
                                                        <div class="form-control-select">
                                                            <input type="text" class="form-control form-control-sm" name="settings_back_button_text" value="<?php echo esc_attr(get_option('bookingor_settings_back_button_text')); ?>">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="bookingor-col-10 bookingor-col-sm-10 bookingor-col-md-10 bookingor-col-lg-10 bookingor-col-xl-10 pd-1 bookingor-g-0">
                                                        <label class="h-l-n  bookingor-f-13"><?php esc_html_e('Back Button Background Color:', 'bookingor'); ?></label>
                                                    </div>
                                                    <div class="bookingor-col-2 bookingor-col-sm-2 bookingor-col-md-2 bookingor-col-lg-2 bookingor-col-xl-2 bookingor-g-0">
                                                        <div class="form-control-select">
                                                            <input type="color" class="w-100" name="setting_color_back_button_background" value="<?php echo esc_attr(get_option('bookingor_settings_color_back_button_background')); ?>">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="bookingor-col-10 bookingor-col-sm-10 bookingor-col-md-10 bookingor-col-lg-10 bookingor-col-xl-10 pd-1 bookingor-g-0">
                                                        <label class="h-l-n  bookingor-f-13"><?php esc_html_e('Back Button Text Color:', 'bookingor'); ?></label>
                                                    </div>
                                                    <div class="bookingor-col-2 bookingor-col-sm-2 bookingor-col-md-2 bookingor-col-lg-2 bookingor-col-xl-2 bookingor-g-0">
                                                        <div class="form-control-select">
                                                            <input type="color" class="w-100" name="setting_color_back_button_text" value="<?php echo esc_attr(get_option('bookingor_settings_color_back_button_text')); ?>">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                    </div>

                                </div>
                            </div>
                            <div class="tab-pane fade" id="v-pills-category-services" role="tabpanel" aria-labelledby="v-pills-category-services-tab">
                                <div class="row">
                                    <div class="bookingor-col-xl-12 bookingor-col-lg-4 bookingor-col-md-12 bookingor-col-sm-12 bookingor-col-12 bookingor-set-sidebar">
                                        <div class="bookingor-col-xl-12 bookingor-col-lg-12 bookingor-col-md-12 bookingor-col-sm-12 bookingor-col-12" id="category-setting-active">
                                            <div class="main-bd">
                                                <div class="h-ct">
                                                    <div class="inte-inner-h">
                                                        <div>
                                                            <h6><?php esc_html_e('Category', 'bookingor'); ?></h6>
                                                        </div>
                                                        <div class="service-tier-toggle">
                                                            <label class="switch">
                                                                <input type="checkbox" class="form-check-input" name="category_front_active" tabindex="0" value="<?php echo esc_attr(get_option('bookingor_settings_category_active')); ?>" id="category-active-toggle">
                                                                <span class="slider round"></span>
                                                            </label>
                                                            <span class="switch-text"><?php esc_html_e('Disabled', 'bookingor'); ?></span>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="sub-main-data">
                                                    <div class="form-group row align-items-center mb-2 mt-2">
                                                        <div class="bookingor-col-12 bookingor-col-sm-10 bookingor-col-md-10 bookingor-col-lg-10 bookingor-col-xl-10 pd-1">
                                                            <label class="h-l-n bookingor-f-13"><?php esc_html_e('Category Required', 'bookingor'); ?></label>
                                                        </div>
                                                        <div class="bookingor-col-12 bookingor-col-sm-2 bookingor-col-md-2 bookingor-col-lg-2 bookingor-col-xl-2 bookingor-g-0">
                                                            <input type="checkbox" class="form-check-input" name="settings_category_required" tabindex="0" id="setting-category-required" value="<?php echo esc_attr(get_option('bookingor_settings_category_required')); ?>">
                                                        </div>
                                                    </div>
                                                    <div class="form-group row align-items-center mb-2 mt-2">
                                                        <div class="bookingor-col-12 bookingor-col-sm-6 bookingor-col-md-6 bookingor-col-lg-6 bookingor-col-xl-5 pd-1">
                                                            <label class="h-l-n bookingor-f-13"><?php esc_html_e('Category Label', 'bookingor'); ?></label>
                                                        </div>
                                                        <div class="bookingor-col-12 bookingor-col-sm-6 bookingor-col-md-6 bookingor-col-lg-6 bookingor-col-xl-7">
                                                            <input type="text" class="form-control form-control-sm" name="settings_category_name" tabindex="0" id="setting-category-name" value="<?php echo esc_attr(get_option('bookingor_settings_category_name')); ?>">
                                                        </div>
                                                    </div>

                                                </div>
                                            </div>
                                            <div>
                                                <div class="bookingor-col-xl-12 bookingor-col-lg-12 bookingor-col-md-12 bookingor-col-sm-12 bookingor-col-12" id="service-setting-active">
                                                    <div class="main-bd">
                                                        <div class="h-ct">
                                                            <div class="inte-inner-h">
                                                                <div>
                                                                    <h6><?php esc_html_e('Services', 'bookingor'); ?></h6>
                                                                </div>

                                                            </div>
                                                        </div>
                                                        <div class="sub-main-data">
                                                            <div class="form-group row align-items-center mb-2 mt-2">
                                                                <div class="bookingor-col-10 bookingor-col-sm-10 bookingor-col-md-10 bookingor-col-lg-10 bookingor-col-xl-10 pd-1">
                                                                    <label class="h-l-n bookingor-f-13"><?php esc_html_e('Service Required', 'bookingor'); ?></label>
                                                                </div>
                                                                <div class="bookingor-col-2 bookingor-col-sm-2 bookingor-col-md-2 bookingor-col-lg-2 bookingor-col-xl-2 bookingor-g-0">
                                                                    <input type="checkbox" class="form-check-input" name="settings_service_required" tabindex="0" id="setting-service-required" value="<?php echo esc_attr(get_option('bookingor_settings_service_required')); ?>">
                                                                </div>
                                                            </div>

                                                            <div class="form-group row align-items-center mb-2 mt-2">
                                                                <div class="bookingor-col-10 bookingor-col-sm-10 bookingor-col-md-10 bookingor-col-lg-10 bookingor-col-xl-10 pd-1">
                                                                    <label class="h-l-n bookingor-f-13"><?php esc_html_e('Show Service Price in Services', 'bookingor'); ?></label>
                                                                </div>
                                                                <div class="bookingor-col-2 bookingor-col-sm-2 bookingor-col-md-2 bookingor-col-lg-2 bookingor-col-xl-2 bookingor-g-0">
                                                                    <input type="checkbox" class="form-check-input" name="settings_service_price_show" tabindex="0" id="setting-service-price-show" value="<?php echo esc_attr(get_option('bookingor_settings_service_price_show')); ?>">
                                                                </div>
                                                            </div>
                                                            <div class="form-group row align-items-center mb-2 mt-2">
                                                                <div class="bookingor-col-10 bookingor-col-sm-10 bookingor-col-md-10 bookingor-col-lg-10 bookingor-col-xl-10 pd-1">
                                                                    <label class="h-l-n bookingor-f-13"><?php esc_html_e('Show Service Duration in Services', 'bookingor'); ?></label>
                                                                </div>
                                                                <div class="bookingor-col-2 bookingor-col-sm-2 bookingor-col-md-2 bookingor-col-lg-2 bookingor-col-xl-2 bookingor-g-0">
                                                                    <input type="checkbox" class="form-check-input" name="settings_service_duration_show" tabindex="0" id="setting-service-duration-show" value="<?php echo esc_attr(get_option('bookingor_settings_service_duration_show')); ?>">
                                                                </div>
                                                            </div>
                                                            <div class="form-group row align-items-center mb-2 mt-2">
                                                                <div class="bookingor-col-10 bookingor-col-sm-10 bookingor-col-md-10 bookingor-col-lg-10 bookingor-col-xl-10 pd-1">
                                                                    <label class="h-l-n bookingor-f-13"><?php esc_html_e('Show Service Capacity in Services', 'bookingor'); ?></label>
                                                                </div>
                                                                <div class="bookingor-col-2 bookingor-col-sm-2 bookingor-col-md-2 bookingor-col-lg-2 bookingor-col-xl-2 bookingor-g-0">
                                                                    <input type="checkbox" class="form-check-input" name="settings_service_capacity_show" tabindex="0" id="setting-service-capacity-show" value="<?php echo esc_attr(get_option('bookingor_settings_service_capacity_show')); ?>">
                                                                </div>
                                                            </div>
                                                            <div class="form-group row align-items-center mb-2 mt-2">
                                                                <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-5 pd-1">
                                                                    <label class="h-l-n bookingor-f-13"><?php esc_html_e('Service Label', 'bookingor'); ?></label>
                                                                </div>
                                                                <div class="bookingor-col-2 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-7">
                                                                    <input type="text" class="form-control form-control-sm" name="settings_service_name" tabindex="0" id="setting-service-name" value="<?php echo esc_attr(get_option('bookingor_settings_service_name')); ?>">
                                                                </div>
                                                            </div>

                                                        </div>

                                                    </div>
                                                </div>
                                            </div>
                                            <div class="bookingor-col-xl-12 bookingor-col-lg-12 bookingor-col-md-12 bookingor-col-sm-12 bookingor-col-12" id="location-setting-active">
                                                <div class="main-bd">
                                                    <div class="h-ct">
                                                        <div class="inte-inner-h">
                                                            <div>
                                                                <h6><?php esc_html_e('Location', 'bookingor'); ?></h6>
                                                            </div>
                                                            <div class="service-tier-toggle">
                                                                <label class="switch">
                                                                    <input type="checkbox" class="form-check-input" name="location_front_active" tabindex="0" value="<?php echo esc_attr(get_option('bookingor_settings_location_active')); ?>" id="location-active-toggle">
                                                                    <span class="slider round"></span>
                                                                </label>
                                                                <span class="switch-text"><?php esc_html_e('Disabled', 'bookingor'); ?></span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="sub-main-data">


                                                        <div class="form-group row align-items-center mb-2 mt-2">
                                                            <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-5 pd-1">
                                                                <label class="h-l-n bookingor-f-13"><?php esc_html_e('Loation Label', 'bookingor'); ?></label>
                                                            </div>
                                                            <div class="bookingor-col-2 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-7">
                                                                <input type="text" class="form-control form-control-sm" name="settings_location_name" tabindex="0" id="setting-location-name" value="<?php echo esc_attr(get_option('bookingor_settings_location_name')); ?>">
                                                            </div>
                                                        </div>


                                                    </div>
                                                </div>
                                            </div>
                                            <div class="main-bd">
                                                <div class="h-ct">
                                                    <div class="inte-inner-h">
                                                        <div>
                                                            <h6><?php esc_html_e('Staff', 'bookingor'); ?></h6>
                                                        </div>
                                                        <div class="staff-tier-toggle">
                                                            <label class="switch">
                                                                <input type="checkbox" class="form-check-input" name="staff_front_active" tabindex="0" value="<?php echo esc_attr(get_option('bookingor_settings_staff_active')); ?>" id="staff-active-toggle">
                                                                <span class="slider round"></span>
                                                            </label>
                                                            <span class="switch-text"><?php esc_html_e('Disabled', 'bookingor'); ?></span>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="sub-main-data">
                                                    <div class="form-group row align-items-center mb-2 mt-2">
                                                        <div class="bookingor-col-10 bookingor-col-sm-10 bookingor-col-md-10 bookingor-col-lg-10 bookingor-col-xl-5 pd-1">
                                                            <label class="h-l-n bookingor-f-13"><?php esc_html_e('Staff Required', 'bookingor'); ?></label>
                                                        </div>
                                                        <div class="bookingor-col-2 bookingor-col-sm-2 bookingor-col-md-2 bookingor-col-lg-2 bookingor-col-xl-7">
                                                            <input type="checkbox" class="form-check-input" name="settings_staff_required" tabindex="0" id="setting-staff-required" value="<?php echo esc_attr(get_option('bookingor_settings_staff_required')); ?>">
                                                        </div>
                                                    </div>
                                                    <div class="form-group row align-items-center mb-2 mt-2">
                                                        <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-5 pd-1">
                                                            <label class="h-l-n bookingor-f-13"><?php esc_html_e('Staff Label', 'bookingor'); ?></label>
                                                        </div>
                                                        <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-7">
                                                            <input type="text" class="form-control form-control-sm" name="settings_staff_name" tabindex="0" id="setting-staff-name" value="<?php echo esc_attr(get_option('bookingor_settings_staff_name')); ?>">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="main-bd">
                                                <div class="h-ct">
                                                    <div class="inte-inner-h">
                                                        <div>
                                                            <h6><?php esc_html_e('Capacity', 'bookingor'); ?></h6>
                                                        </div>
                                                        <div class="service-tier-toggle">
                                                            <label class="switch">
                                                                <input type="checkbox" class="form-check-input" name="settings_capacity_required" tabindex="0" value="<?php echo esc_attr(get_option('bookingor_settings_capacity_required')); ?>" id="capacity-required-active-toggle">
                                                                <span class="slider round"></span>
                                                            </label>
                                                            <span class="switch-text"><?php esc_html_e('Disabled', 'bookingor'); ?></span>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="sub-main-data">
                                                    <div class="form-group row align-items-center mb-2 mt-2">
                                                        <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-5 pd-1">
                                                            <label class="h-l-n bookingor-f-13"><?php esc_html_e('People Text', 'bookingor'); ?></label>
                                                        </div>
                                                        <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-7">
                                                            <input type="text" class="form-control form-control-sm" name="settings_capacity_people_text" tabindex="0" id="setting-capacity-people-text" value="<?php echo esc_attr(get_option('bookingor_settings_capacity_people_text')); ?>">
                                                        </div>
                                                    </div>
                                                    
                                                </div>
                                            </div>
                                            <div class="main-bd">
                                                <div class="h-ct">
                                                    <div class="inte-inner-h">
                                                        <div>
                                                            <h6><?php esc_html_e('Date and Time', 'bookingor'); ?></h6>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="sub-main-data">
                                                    <div class="form-group row align-items-center mb-2 mt-2">
                                                        <div class="bookingor-col-10 bookingor-col-sm-10 bookingor-col-md-10 bookingor-col-lg-10 bookingor-col-xl-5 pd-1">
                                                            <label class="h-l-n bookingor-f-13"><?php esc_html_e('Time Required', 'bookingor'); ?></label>
                                                        </div>
                                                        <div class="bookingor-col-2 bookingor-col-sm-2 bookingor-col-md-2 bookingor-col-lg-2 bookingor-col-xl-7">
                                                            <input type="checkbox" class="form-check-input" name="settings_timing_required" tabindex="0" id="setting-timinig-required" value="<?php echo esc_attr(get_option('bookingor_settings_time_required')); ?>">
                                                        </div>
                                                    </div>
                                                    <div class="form-group row align-items-center mb-2 mt-2">
                                                        <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-5 pd-1">
                                                            <label class="h-l-n bookingor-f-13"><?php esc_html_e('Time Label', 'bookingor'); ?></label>
                                                        </div>
                                                        <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-6 bookingor-col-lg-12 bookingor-col-xl-7">
                                                            <input type="text" class="form-control form-control-sm" name="settings_timing_name" tabindex="0" id="setting-date-time-name" value="<?php echo esc_attr(get_option('bookingor_settings_time_name')); ?>">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-9">
                                        <div class="bookingor">
                                            <div>
                                                <div>

                                                    <!-- Modal -->
                                                    <div class="custom-popup js-custom-popup bookingor-d-none" data-popup="custom-popup">
                                                        <div class="custom-popup__holder js-custom-popup-holder bookingor-d-flex">
                                                            <div class="bookingor-my-model">
                                                                <div class="custom-popup__close js-close-popup mb-2 bookingor-d-none"></div>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane fade" id="v-pills-extras-five" role="tabpanel" aria-labelledby="v-pills-extras-five-tab">
                                <div class="row bookingor-required-license">
                                    <div class="bookingor-col-xl-3 bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-set-sidebar">
                                        <div class="form-group row align-items-center mb-2 mt-2">
                                            <div class="bookingor-col-12 bookingor-col-sm-10 bookingor-col-md-10 bookingor-col-lg-10 bookingor-col-xl-5 pd-1">
                                                <label class="h-l-n bookingor-f-13"><?php esc_html_e('Extra Required', 'bookingor'); ?></label>
                                            </div>
                                            <div class="bookingor-col-12 bookingor-col-sm-2 bookingor-col-md-2 bookingor-col-lg-2 bookingor-col-xl-7">
                                                <input type="checkbox" class="form-check-input" name="settings_extra_required" tabindex="0" id="setting-extra-required" value="<?php echo esc_attr(get_option('bookingor_settings_extra_required')); ?>">
                                            </div>
                                        </div>
                                        <div class="form-group row align-items-center mb-2 mt-2">
                                            <div class="bookingor-col-12 bookingor-col-sm-6 bookingor-col-md-6 bookingor-col-lg-6 bookingor-col-xl-5 pd-1">
                                                <label class="h-l-n bookingor-f-13"><?php esc_html_e('Extra Label', 'bookingor'); ?></label>
                                            </div>
                                            <div class="bookingor-col-12 bookingor-col-sm-6 bookingor-col-md-6 bookingor-col-lg-6 bookingor-col-xl-7">
                                                <input type="text" class="form-control form-control-sm" name="settings_extra_name" tabindex="0" id="setting-extra-name" value="<?php echo esc_attr(get_option('bookingor_settings_extra_name')); ?>">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-9">
                                        <div class="bookingor">
                                            <div>
                                                <div class="position-relative">

                                                    <!-- Modal -->
                                                    <div class="custom-popup js-custom-popup position-absolute" data-popup="custom-popup">
                                                        <div class="custom-popup__holder js-custom-popup-holder bookingor-d-flex">
                                                            <div class="bookingor-my-model">
                                                                <div class="custom-popup__close js-close-popup mb-2"></div>
                                                                <div class="js-side-nav-container side-nav-container" id="extra-show" data-extra-show="0">
                                                                    <div class="js-side-nav side-nav-extra">
                                                                        <div id="extra-book">
                                                                            <div class="row g-0 f-height">
                                                                                <div class="bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-12 main bookingor-flex flex-column j-width">
                                                                                    <div class="card-body">
                                                                                        <div class="main_container-extra">
                                                                                            <div>
                                                                                                <div id="bookingor-selected-data"></div>
                                                                                                <div class="bookingor-flex align-items-center justify-content-between">
                                                                                                    <div id="extra-editing" class="full-head-1"><?php esc_html_e('Select ', 'bookingor'); ?><?php echo esc_html(get_option('bookingor_settings_extra_name')); ?></div>
                                                                                                    <div id="extraWarning" class="select_warning bookingor-d-none align-items-center justify-content-center">
                                                                                                        <span class="bookingor-flex align-items-center justify-content-center">!</span>
                                                                                                        <?php esc_html_e('Must Select a Extra Item', 'bookingor'); ?>
                                                                                                    </div>
                                                                                                </div>
                                                                                                <div id="selectExtra-2" class="select-list-1">
                                                                                                    <ul class="main-carousel bookingor-flex flex-wrap justify-content-between">
                                                                                                        <li class="full-extra-2 bookingor-full-extras carousel-cell bookingor-flex align-items-center justify-content-between select_list">
                                                                                                            <div class="extra-card-contents">
                                                                                                                <div class="extra-quantity-numbers mb-2">
                                                                                                                    <div class="extra-heading-1"><?php echo esc_html("Name 1", "bookingor"); ?></div>
                                                                                                                    <div class="extra-on-check">
                                                                                                                        <input type="checkbox" class="form-check-input extra-services" />
                                                                                                                    </div>
                                                                                                                </div>
                                                                                                                <div><?php echo esc_html("Time: 20 Min", "bookingor"); ?></div>
                                                                                                                <div class="extra-quantity-numbers">
                                                                                                                    <div>
                                                                                                                        <div class="<?php echo esc_attr(get_option('bookingor_currency_position_change')); ?> bookingor-flex">
                                                                                                                            <div class="<?php echo esc_attr(get_option('bookingor_currency_position_change')); ?>">
                                                                                                                                <?php echo esc_html(get_option('bookingor_settings_currency_symbol')); ?>
                                                                                                                            </div>
                                                                                                                            <div class="sel-extra-price"><?php echo esc_html(HelperControl::priceDecimal(30)); ?></div>
                                                                                                                        </div>
                                                                                                                    </div>
                                                                                                                    <div class="extra-max-quantity bookingor-flex">
                                                                                                                        <span class="minus-counter"><svg xmlns="http://www.w3.org/2000/svg" width="92" height="92" viewBox="0 0 92 92" class="svg-minus">
                                                                                                                                <path d="M68 50.5H24c-2.5 0-4.5-2-4.5-4.5s2-4.5 4.5-4.5h44c2.5 0 4.5 2 4.5 4.5s-2 4.5-4.5 4.5z"></path>
                                                                                                                            </svg></span>
                                                                                                                        <input type="number" class="extra-quantity-input" value="1" max="6" />
                                                                                                                        <span class="plus-counter"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="svg-plus">
                                                                                                                                <g>
                                                                                                                                    <g>
                                                                                                                                        <rect width="20" height="20" opacity="0" transform="rotate(180 12 12)"></rect>
                                                                                                                                        <path d="M19 11h-6V5a1 1 0 0 0-2 0v6H5a1 1 0 0 0 0 2h6v6a1 1 0 0 0 2 0v-6h6a1 1 0 0 0 0-2z"></path>
                                                                                                                                    </g>
                                                                                                                                </g>
                                                                                                                            </svg></span>
                                                                                                                    </div>
                                                                                                                </div>
                                                                                                            </div>
                                                                                                        </li>
                                                                                                    </ul>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                    <div class="main_footer align-items-center justify-content-end main_botm">
                                                                                        <div class="bookingor-flex justify-content-between">
                                                                                            <div id="main-back-main" class="n-extra bookingor-button  exttra-back"><?php esc_html_e('Skip', 'bookingor'); ?></div>
                                                                                            <button type="button" id="extra-btn-cont" class="btn_orange bookingor-button bookingor-cont-btn"><?php echo esc_html(get_option('bookingor_settings_continue_button_text')); ?></button>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>


                            <div class="tab-pane fade" id="v-pills-customer-info" role="tabpanel" aria-labelledby="v-pills-customer-info-tab">
                                <div class="row">
                                    <div class="bookingor-col-xl-3 bookingor-col-lg-12 bookingor-col-md-12 bookingor-col-sm-12 bookingor-col-12 bookingor-set-sidebar" id="customer-details-active">
                                        <div class="main-bd">
                                            <div class="h-ct">
                                                <div class="inte-inner-h">
                                                    <div>
                                                        <h6><?php esc_html_e('Customer Details', 'bookingor'); ?></h6>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="form-group row align-items-center mb-2 mt-2">
                                                    <div class="bookingor-col-12 bookingor-col-sm-10 bookingor-col-md-10 bookingor-col-lg-10 bookingor-col-xl-10 pd-1">
                                                        <label class="h-l-n bookingor-f-13"><?php esc_html_e('Customer Details Required', 'bookingor'); ?></label>
                                                    </div>
                                                    <div class="bookingor-col-12 bookingor-col-sm-2 bookingor-col-md-2 bookingor-col-lg-2 bookingor-col-xl-2 bookingor-g-0">
                                                        <input type="checkbox" class="form-check-input" name="settings_customer_details_required" tabindex="0" id="setting-customer-required" value="<?php echo esc_attr(get_option('bookingor_settings_customer_details_required')); ?>">
                                                    </div>
                                                </div>
                                                <div class="form-group row align-items-center mb-2 mt-2">
                                                    <div class="bookingor-col-12 bookingor-col-sm-10 bookingor-col-md-10 bookingor-col-lg-10 bookingor-col-xl-10 pd-1">
                                                        <label class="h-l-n bookingor-f-13"><?php esc_html_e('Hide Cart Details', 'bookingor'); ?></label>
                                                    </div>
                                                    <div class="bookingor-col-12 bookingor-col-sm-2 bookingor-col-md-2 bookingor-col-lg-2 bookingor-col-xl-2 bookingor-g-0">
                                                        <input type="checkbox" class="form-check-input" name="settings_cart_information_required" tabindex="0" id="setting-cart-details-required" value="<?php echo esc_attr(get_option('bookingor_settings_cart_information_required')); ?>">
                                                    </div>
                                                </div>
                                                <div class="form-group row align-items-center">
                                                    <div class="bookingor-col-12 bookingor-col-sm-6 bookingor-col-md-6 bookingor-col-lg-6 bookingor-col-xl-6 pd-1">
                                                        <label class="h-l-n bookingor-f-13"><?php esc_html_e('Customer Heading', 'bookingor'); ?></label>
                                                    </div>
                                                    <div class="bookingor-col-12 bookingor-col-sm-6 bookingor-col-md-6 bookingor-col-lg-6 bookingor-col-xl-6">
                                                        <input type="text" class="form-control form-control-sm" name="settings_customer_book_name" tabindex="0" id="setting-customer-book-name" value="<?php echo esc_attr(get_option('bookingor_settings_customer_book_name')); ?>">
                                                    </div>
                                                </div>
                                                <div class="form-group row align-items-center">
                                                    <div class="bookingor-col-12 bookingor-col-sm-10 bookingor-col-md-10 bookingor-col-lg-10 bookingor-col-xl-10 pd-1">
                                                        <label class="h-l-n bookingor-f-13"><?php esc_html_e('First Name', 'bookingor'); ?></label>
                                                    </div>
                                                    <div class="bookingor-col-12 bookingor-col-sm-2 bookingor-col-md-2 bookingor-col-lg-2 bookingor-col-xl-2 bookingor-g-0">
                                                        <input type="checkbox" class="form-check-input" name="settings_customer_first_name_active" tabindex="0" id="setting-customer-first-name-required" value="<?php echo esc_attr(get_option('bookingor_settings_customer_first_name_active')); ?>">
                                                    </div>
                                                </div>
                                                <div class="form-group row align-items-center">
                                                    <div class="bookingor-col-12 bookingor-col-sm-6 bookingor-col-md-6 bookingor-col-lg-6 bookingor-col-xl-6 pd-1">
                                                        <label class="h-l-n bookingor-f-13"><?php esc_html_e('First Name Label', 'bookingor'); ?></label>
                                                    </div>
                                                    <div class="bookingor-col-12 bookingor-col-sm-6 bookingor-col-md-6 bookingor-col-lg-6 bookingor-col-xl-6">
                                                        <input type="text" class="form-control form-control-sm" name="settings_customer_first_name_label" tabindex="0" id="setting-customer-first-name-label" value="<?php echo esc_attr(get_option('bookingor_settings_customer_first_name_label')); ?>">
                                                    </div>
                                                </div>
                                                <div class="form-group row align-items-center">
                                                    <div class="bookingor-col-12 bookingor-col-sm-10 bookingor-col-md-10 bookingor-col-lg-10 bookingor-col-xl-10 pd-1">
                                                        <label class="h-l-n bookingor-f-13"><?php esc_html_e('Last Name', 'bookingor'); ?></label>
                                                    </div>
                                                    <div class="bookingor-col-12 bookingor-col-sm-2 bookingor-col-md-2 bookingor-col-lg-2 bookingor-col-xl-2 bookingor-g-0">
                                                        <input type="checkbox" class="form-check-input" name="settings_customer_last_name_active" tabindex="0" id="setting-customer-last-name-required" value="<?php echo esc_attr(get_option('bookingor_settings_customer_last_name_active')); ?>">
                                                    </div>
                                                </div>
                                                <div class="form-group row align-items-center">
                                                    <div class="bookingor-col-12 bookingor-col-sm-6 bookingor-col-md-6 bookingor-col-lg-6 bookingor-col-xl-6 pd-1">
                                                        <label class="h-l-n bookingor-f-13"><?php esc_html_e('Last Name Label', 'bookingor'); ?></label>
                                                    </div>
                                                    <div class="bookingor-col-12 bookingor-col-sm-6 bookingor-col-md-6 bookingor-col-lg-6 bookingor-col-xl-6">
                                                        <input type="text" class="form-control form-control-sm" name="settings_customer_last_name_label" tabindex="0" id="setting-customer-last-name-label" value="<?php echo esc_attr(get_option('bookingor_settings_customer_last_name_label')); ?>">
                                                    </div>
                                                </div>
                                                <div class="form-group row align-items-center">
                                                    <div class="bookingor-col-12 bookingor-col-sm-10 bookingor-col-md-10 bookingor-col-lg-10 bookingor-col-xl-10 pd-1">
                                                        <label class="h-l-n bookingor-f-13"><?php esc_html_e('Phone', 'bookingor'); ?></label>
                                                    </div>
                                                    <div class="bookingor-col-12 bookingor-col-sm-2 bookingor-col-md-2 bookingor-col-lg-2 bookingor-col-xl-2 bookingor-g-0">
                                                        <input type="checkbox" class="form-check-input" name="settings_customer_phone_active" tabindex="0" id="setting-customer-phone-required" value="<?php echo esc_attr(get_option('bookingor_settings_customer_phone_active')); ?>">
                                                    </div>
                                                </div>
                                                <div class="form-group row align-items-center">
                                                    <div class="bookingor-col-12 bookingor-col-sm-6 bookingor-col-md-6 bookingor-col-lg-6 bookingor-col-xl-6 pd-1">
                                                        <label class="h-l-n bookingor-f-13"><?php esc_html_e('Phone Label', 'bookingor'); ?></label>
                                                    </div>
                                                    <div class="bookingor-col-12 bookingor-col-sm-6 bookingor-col-md-6 bookingor-col-lg-6 bookingor-col-xl-6">
                                                        <input type="text" class="form-control form-control-sm" name="settings_customer_phone_label" tabindex="0" id="setting-customer-phone-label" value="<?php echo esc_attr(get_option('bookingor_settings_customer_phone_label')); ?>">
                                                    </div>
                                                </div>
                                                <div class="form-group row align-items-center">
                                                    <div class="bookingor-col-12 bookingor-col-sm-10 bookingor-col-md-10 bookingor-col-lg-10 bookingor-col-xl-10 pd-1">
                                                        <label class="h-l-n bookingor-f-13"><?php esc_html_e('Email', 'bookingor'); ?></label>
                                                    </div>

                                                </div>
                                                <div class="form-group row align-items-center">
                                                    <div class="bookingor-col-12 bookingor-col-sm-6 bookingor-col-md-6 bookingor-col-lg-6 bookingor-col-xl-6 pd-1">
                                                        <label class="h-l-n bookingor-f-13"><?php esc_html_e('Email Label', 'bookingor'); ?></label>
                                                    </div>
                                                    <div class="bookingor-col-12 bookingor-col-sm-6 bookingor-col-md-6 bookingor-col-lg-6 bookingor-col-xl-6">
                                                        <input type="text" class="form-control form-control-sm" name="settings_customer_email_label" tabindex="0" id="setting-customer-email-label" value="<?php echo esc_attr(get_option('bookingor_settings_customer_email_label')); ?>">
                                                    </div>
                                                </div>


                                            </div>
                                        </div>
                                    </div>
                                    <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-9">
                                        <div class="bookingor">
                                            <div>
                                                <div class="position-relative">

                                                    <!-- Modal -->
                                                    <div class="custom-popup js-custom-popup position-absolute" data-popup="custom-popup">
                                                        <div class="custom-popup__holder js-custom-popup-holder bookingor-d-flex">
                                                            <div class="bookingor-my-model">
                                                                <div class="custom-popup__close js-close-popup mb-2"></div>
                                                                <div id="customer-book" class="bookingor-ft ">
                                                                    <div class="t-b-set">
                                                                        <div class="customer-book-details bk-pd-all f-height">
                                                                            <div id="front-customer-info">
                                                                                <div id="customer-editing-heading" class="frm-details-h full-head-1 mb-2"><?php echo esc_html(get_option('bookingor_settings_customer_book_name')); ?></div>
                                                                                <div class="mb-5 low-mb">
                                                                                    <div class="row bookingor-g-0">
                                                                                        <div id="customer-edit-first-name" class="bookingor-col-sm-6 bookingor-col-md-6 bookingor-col-xl-6 bookingor-col-12 mb-3 customer-edit-first-name">
                                                                                            <label id="customer-label-edit-first-name" class="form-label bk-front-lbl bookingor-f-14"><?php echo esc_html(get_option('bookingor_settings_customer_first_name_label')); ?></label>
                                                                                            <input type="text" class="form-control" name="customer_first_name" id="customer-first-name" placeholder="First Name" value="" />
                                                                                            <span class="cs-vali"></span>
                                                                                        </div>
                                                                                        <div id="customer-edit-last-name" class="bookingor-col-sm-6 bookingor-col-md-6 bookingor-col-xl-6 bookingor-col-12 mb-3 customer-edit-last-name">
                                                                                            <label id="customer-label-edit-last-name" for="customer-last-name" class="form-label bk-front-lbl bookingor-f-14"><?php echo esc_html(get_option('bookingor_settings_customer_last_name_label')); ?></label>
                                                                                            <input type="text" class="form-control" name="customer_last_name" id="customer-last-name" placeholder="Last Name" value="" />
                                                                                            <span class="cs-vali"></span>
                                                                                        </div>
                                                                                        <div id="customer-edit-email" class="bookingor-col-12 mb-3 customer-edit-email">
                                                                                            <label id="customer-label-edit-email" for="customer-email-address" class="form-label bk-front-lbl bookingor-f-14"><?php echo esc_html(get_option('bookingor_settings_customer_email_label')); ?></label>
                                                                                            <input type="email" class="form-control" name="customer_email_address" id="customer-email-address" placeholder="you@your.com" value="" />
                                                                                            <span class="cs-vali"></span>
                                                                                        </div>
                                                                                        <div id="customer-edit-phone" class="bookingor-col-12 customer-edit-phone">
                                                                                            <div>
                                                                                                <label id="customer-label-edit-phone" class="form-label bk-front-lbl bookingor-f-14"><?php echo esc_html(get_option('bookingor_settings_customer_phone_label')); ?></label>
                                                                                            </div>
                                                                                            <input type="tel" name="customer_phone" class="form-control" id="customer-phone" placeholder="000 000 000" value="" />
                                                                                            <span class="cs-vali"></span>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            <div id="front-customer-comp">
                                                                                <div class="mbg g-0">
                                                                                    <div class="main-sl">
                                                                                        <div class="mb-1 g-0">
                                                                                            <div>
                                                                                                <div>
                                                                                                    <div></div>
                                                                                                    <div>
                                                                                                        <div class="customer-selected-details csd"></div>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                            <?php if (get_option('bookingor_settings_staff_active') === 'on') { ?>
                                                                                                <div class="c-h">
                                                                                                    <label id="cart-editing-staff-name" class="checkout-lbl-fw"><?php echo esc_html(get_option('bookingor_settings_staff_name')); ?></label>
                                                                                                    <div class="csd"><?php esc_html_e('Jhon Doe', 'bookingor'); ?></div>
                                                                                                </div>
                                                                                            <?php }
                                                                                            if (get_option('bookingor_settings_location_active') === 'on') { ?>
                                                                                                <div class="c-h" id="cs-selected-location">
                                                                                                    <label id="cart-editing-location-name" class="checkout-lbl-fw"><?php echo esc_html(get_option('bookingor_settings_location_name')); ?></label>
                                                                                                    <div class="csd" id="customer-sel-location"><?php esc_html_e('New York', 'bookingor'); ?></div>
                                                                                                </div>
                                                                                            <?php } ?>
                                                                                            <div class="c-h">
                                                                                                <label class="checkout-lbl-fw"><?php esc_html_e('Date:', 'bookingor'); ?></label>
                                                                                                <div></div>
                                                                                            </div>
                                                                                            <div class="c-h">
                                                                                                <label id="cart-editing-time-name" class="checkout-lbl-fw"><?php echo esc_html(get_option('bookingor_settings_time_name')); ?></label>
                                                                                                <div><?php echo esc_html("01:00 PM", "bookingor"); ?></div>
                                                                                            </div>
                                                                                            <div class="c-h">
                                                                                                <div>
                                                                                                    <label id="cart-editing-service-name" class="checkout-lbl-fw"><?php echo esc_html(get_option('bookingor_settings_service_name')); ?></label>
                                                                                                </div>
                                                                                                <div class="service-price">
                                                                                                    <div class="<?php echo esc_attr(get_option('bookingor_currency_position_change')); ?> bookingor-flex">
                                                                                                        <div class="<?php echo esc_attr(get_option('bookingor_currency_position_change')); ?>"><?php echo esc_html(get_option('bookingor_settings_currency_symbol')); ?></div>
                                                                                                        <div class="csd"><?php echo esc_html("00.00", "bookingor"); ?></div>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                            <?php if (get_option('bookingor_settings_extra_active') === 'on') { ?>
                                                                                                <div class="pt-1" id="shw-extra-in-customer">
                                                                                                    <div class="c-h-e ckt-pt-1" id="cs-selected-extra">
                                                                                                        <div class="checkout-lbl-fw ">
                                                                                                            <label class="checkout-lbl-fw"><?php echo esc_html(get_option('bookingor_settings_extra_name')); ?></label>
                                                                                                        </div>
                                                                                                        <div id="customer-add-extra-details"></div>
                                                                                                    </div>
                                                                                                </div>
                                                                                            <?php } ?>
                                                                                            <div class="c-h"></div>
                                                                                        </div>
                                                                                        <div class="pt-2 ckt-pt-1">
                                                                                            <div class="mb-2">
                                                                                                <div class="mt bookingor-flex mb-3">
                                                                                                    <input type="text" class="form-control form-control-sm" name="customer_coupans" class="form-control customer-coupan" placeholder="Coupon Code" />
                                                                                                    <button type="button" class="btn-coupon"><?php esc_html_e('ADD', 'bookingor'); ?></button>
                                                                                                </div>
                                                                                                <div class="sub-price">
                                                                                                    <div><?php esc_html_e('SubTotal', 'bookingor'); ?></div>
                                                                                                    <div class="service-sub-price">
                                                                                                        <div class="<?php echo esc_attr(get_option('bookingor_currency_position_change')); ?> bookingor-flex">
                                                                                                            <div class="<?php echo esc_attr(get_option('bookingor_currency_position_change')); ?>">
                                                                                                                <?php echo esc_html(get_option('bookingor_settings_currency_symbol')); ?>
                                                                                                            </div>
                                                                                                            <div><?php echo esc_html("00.00", "bookingor"); ?></div>
                                                                                                        </div>
                                                                                                    </div>
                                                                                                </div>
                                                                                                <div class="discount-price">
                                                                                                    <div><?php esc_html_e('Discount', 'bookingor'); ?></div>
                                                                                                    <div>
                                                                                                        <div class="<?php echo esc_attr(get_option('bookingor_currency_position_change')); ?> bookingor-flex">
                                                                                                            <div class="<?php echo esc_attr(get_option('bookingor_currency_position_change')); ?>">
                                                                                                                <?php echo esc_html(get_option('bookingor_settings_currency_symbol')); ?>
                                                                                                            </div>
                                                                                                            <div><?php echo esc_html("00.00", "bookingor"); ?></div>
                                                                                                        </div>
                                                                                                    </div>
                                                                                                </div>
                                                                                                <div class="tax-price">
                                                                                                    <div><?php esc_html_e('VAT(TAX)', 'bookingor'); ?></div>
                                                                                                    <div>
                                                                                                        <div class="<?php echo esc_attr(get_option('bookingor_currency_position_change')); ?> bookingor-flex">
                                                                                                            <div class="<?php echo esc_attr(get_option('bookingor_currency_position_change')); ?>">
                                                                                                                <?php echo esc_html(get_option('bookingor_settings_currency_symbol')); ?>
                                                                                                            </div>
                                                                                                            <div><?php echo esc_html("00.00", "bookingor"); ?></div>
                                                                                                        </div>
                                                                                                    </div>
                                                                                                </div>
                                                                                                <div class="total-price">
                                                                                                    <div><?php esc_html_e('Total', 'bookingor'); ?></div>
                                                                                                    <div class="total-price">
                                                                                                        <div class="<?php echo esc_attr(get_option('bookingor_currency_position_change')); ?> bookingor-flex">
                                                                                                            <div class="<?php echo esc_attr(get_option('bookingor_currency_position_change')); ?>">
                                                                                                                <?php echo esc_html(get_option('bookingor_settings_currency_symbol')); ?>
                                                                                                            </div>
                                                                                                            <div><?php echo esc_html("00.00", "bookingor"); ?></div>
                                                                                                        </div>
                                                                                                    </div>
                                                                                                </div>

                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        <div class="two-tbs main_botm progress-bar-to-show">
                                                                            <div class="bookingor-flex justify-content-between">
                                                                                <button type="button" id="customer-back-main" class="bookingor-btn_back bookingor-button"><?php echo esc_html(get_option('bookingor_settings_back_button_text')); ?></button>
                                                                                <button type="button" id="customer-design-cont" class="btn_orange bookingor-button bookingor-cont-btn"><?php esc_html_e('Confirm Book', 'bookingor'); ?></button>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane fade" id="v-pills-payment" role="tabpanel" aria-labelledby="v-pills-payment-tab">
                                <div class="row">
                                    <div class="bookingor-col-xl-3 bookingor-col-lg-12 bookingor-col-md-12 bookingor-col-sm-12 bookingor-col-12 bookingor-set-sidebar" id="customer-payment-active">
                                        <div class="main-bd">
                                            <div class="h-ct">
                                                <div class="inte-inner-h">
                                                    <div>
                                                        <h6><?php esc_html_e('Customer Payment', 'bookingor'); ?></h6>
                                                    </div>
                                                    <div class="service-tier-toggle">
                                                        <label class="switch">
                                                            <input type="checkbox" class="form-check-input" name="customer_payment_front_active" tabindex="0" value="<?php echo esc_attr(get_option('bookingor_settings_customer_payment_active')); ?>" id="payment-active-toggle">
                                                            <span class="slider round"></span>
                                                        </label>
                                                        <span class="switch-text"><?php esc_html_e('Disabled', 'bookingor'); ?></span>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="sub-main-data">

                                                <div class="form-group row align-items-center mb-2 mt-2">
                                                    <div class="bookingor-col-10 bookingor-col-sm-10 bookingor-col-md-10 bookingor-col-lg-10 bookingor-col-xl-5 pd-1">
                                                        <label class="h-l-n bookingor-f-13"><?php esc_html_e('Payment Required', 'bookingor'); ?></label>
                                                    </div>
                                                    <div class="bookingor-col-2 bookingor-col-sm-2 bookingor-col-md-2 bookingor-col-lg-2 bookingor-col-xl-7">
                                                        <input type="checkbox" class="form-check-input" name="settings_customer_payment_required" tabindex="0" id="setting-customer-payment-required" value="<?php echo esc_attr(get_option('bookingor_settings_customer_payment_required')); ?>">
                                                    </div>
                                                </div>
                                                <div class="form-group row align-items-center mb-2 mt-2">
                                                    <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-5 pd-1">
                                                        <label class="h-l-n bookingor-f-13"><?php esc_html_e('Payment Heading', 'bookingor'); ?></label>
                                                    </div>
                                                    <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-7">
                                                        <input type="text" class="form-control form-control-sm" name="settings_customer_payment_name" tabindex="0" id="setting-customer-payment-name" value="<?php echo esc_attr(get_option('bookingor_settings_customer_payment_name')); ?>">
                                                    </div>
                                                </div>

                                                <div class="form-group row align-items-center mb-2 mt-2">
                                                    <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-6 pd-1">
                                                        <label class="h-l-n bookingor-f-13"><?php esc_html_e('Pay On Visit Text', 'bookingor'); ?></label>
                                                    </div>
                                                    <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-6">
                                                        <input type="text" class="form-control form-control-sm" name="settings_pay_on_visit_name" tabindex="0" id="setting-pay-on-visit-text" value="<?php echo esc_attr(get_option('bookingor_settings_pay_on_visit_name')); ?>">
                                                    </div>
                                                </div>

                                            </div>
                                        </div>
                                        <div class="main-bd">
                                            <div class="h-ct">
                                                <div class="inte-inner-h">
                                                    <div>
                                                        <h6><?php esc_html_e('Cart', 'bookingor'); ?></h6>
                                                    </div>

                                                </div>
                                            </div>
                                            <div class="sub-main-data">
                                                <div class="form-group row align-items-center mb-2 mt-2">
                                                    <div class="bookingor-col-10 bookingor-col-sm-10 bookingor-col-md-10 bookingor-col-lg-10 bookingor-col-xl-10 pd-1">
                                                        <label class="h-l-n bookingor-f-13"><?php esc_html_e('Cart Details', 'bookingor'); ?></label>
                                                    </div>
                                                    <div class="bookingor-col-2 bookingor-col-sm-2 bookingor-col-md-2 bookingor-col-lg-2 bookingor-col-xl-2 bookingor-g-0">
                                                        <input type="checkbox" class="form-check-input" name="settings_cart_information_payment_required" tabindex="0" id="setting-cart-details-payment-required" value="<?php echo esc_attr(get_option('bookingor_settings_cart_payment_information_required')); ?>">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-9">
                                        <div class="bookingor">
                                            <div>
                                                <div class="position-relative">

                                                    <!-- Modal -->
                                                    <div class="custom-popup js-custom-popup position-absolute" data-popup="custom-popup">
                                                        <div class="custom-popup__holder js-custom-popup-holder bookingor-d-flex">
                                                            <div class="bookingor-my-model">
                                                                <div class="custom-popup__close js-close-popup mb-2"></div>
                                                                <div id="customer-payment" class="bookingor-ft   f-height">
                                                                    <div class="t-b-set">
                                                                        <div class="customer-payment-details bk-pd-all f-height">
                                                                            <div id="front-customer-pay">
                                                                                <div id="setting-edit-payment-name" class="mb-3 full-head-1"><?php echo esc_html(get_option('bookingor_settings_customer_payment_name')); ?></div>
                                                                                <div id="on-visit-is-active" class="mb-4">
                                                                                    <div class="cont-rd">
                                                                                        <div>
                                                                                            <input type="radio" id="on-visit" name="customer_pay" value="on-visit" />
                                                                                            <span class="checkmark-1"></span>
                                                                                        </div>
                                                                                        <div class="t-ic">
                                                                                            <div class="d-c-icon"><img src="<?php echo esc_attr(plugin_dir_url(dirname(dirname(__FILE__))) . '/assets/images/icons8-wallet-32.png'); ?>" alt="" /></div>
                                                                                            <label id="on-visit-name"><?php echo esc_html(get_option('bookingor_settings_pay_on_visit_name')); ?></label>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                                <?php
                                                                                if (class_exists('Bookingor\Integrations\Paypal\PaypalIntegration')) {
                                                                                ?>
                                                                                    <div id="paypal-is-active" class="mb-4">
                                                                                        <div class="cont-rd">
                                                                                            <input type="radio" id="paypal" name="customer_pay" value="paypal" />
                                                                                            <span class="checkmark-1"></span>
                                                                                            <div class="t-ic">
                                                                                                <div class="d-c-icon"><img src="<?php echo esc_url(plugin_dir_url(dirname(dirname(__FILE__))) . './../assets/images/paypal.png'); ?>" alt="" /></div>
                                                                                                <div><?php esc_html_e('payPal', 'bookingor'); ?></div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                <?php } ?>

                                                                                <div class="cs-pay-valid"></div>
                                                                            </div>
                                                                            <div class="mbg" id="customer-pay-details">

                                                                                <div class="mbg g-0">
                                                                                    <div class="main-sl">
                                                                                        <div class="mb-1 g-0">
                                                                                            <div>
                                                                                                <div>
                                                                                                    <div></div>
                                                                                                    <div>
                                                                                                        <div class="customer-selected-details csd"></div>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                            <?php if (get_option('bookingor_settings_staff_active') === 'on') { ?>
                                                                                                <div class="c-h">
                                                                                                    <label class="checkout-lbl-fw"><?php echo esc_html(get_option('bookingor_settings_staff_name')); ?></label>
                                                                                                    <div class="csd"><?php esc_html_e('Jhon Doe', 'bookingor'); ?></div>
                                                                                                </div>
                                                                                            <?php }
                                                                                            if (get_option('bookingor_settings_location_active') === 'on') { ?>
                                                                                                <div class="c-h">
                                                                                                    <label class="checkout-lbl-fw"><?php echo esc_html(get_option('bookingor_settings_location_name')); ?></label>
                                                                                                    <div class="csd"><?php esc_html_e('New York', 'bookingor'); ?></div>
                                                                                                </div>
                                                                                            <?php } ?>
                                                                                            <div class="c-h">
                                                                                                <label class="checkout-lbl-fw"><?php esc_html_e('Date:', 'bookingor'); ?></label>
                                                                                                <div></div>
                                                                                            </div>
                                                                                            <div class="c-h">
                                                                                                <label class="checkout-lbl-fw"><?php echo esc_html(get_option('bookingor_settings_time_name')); ?></label>
                                                                                                <div><?php echo esc_html("01:00 PM", "bookingor"); ?></div>
                                                                                            </div>
                                                                                            <div class="c-h">
                                                                                                <div>
                                                                                                    <label class="checkout-lbl-fw"><?php echo esc_html(get_option('bookingor_settings_service_name')); ?></label>
                                                                                                </div>
                                                                                                <div class="service-price">
                                                                                                    <div class="<?php echo esc_attr(get_option('bookingor_currency_position_change')); ?> bookingor-flex">
                                                                                                        <div class="<?php echo esc_attr(get_option('bookingor_currency_position_change')); ?>"><?php echo esc_html(get_option('bookingor_settings_currency_symbol')); ?></div>
                                                                                                        <div class="csd"><?php echo esc_html("00.00", "bookingor"); ?></div>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                            <?php if (get_option('bookingor_settings_extra_active') === 'on') { ?>
                                                                                                <div class="pt-1" id="shw-extra-in-customer">
                                                                                                    <div class="c-h-e ckt-pt-1" id="cs-selected-extra">
                                                                                                        <div class="checkout-lbl-fw ">
                                                                                                            <label class="checkout-lbl-fw"><?php echo esc_html(get_option('bookingor_settings_extra_name')); ?></label>
                                                                                                        </div>
                                                                                                        <div id="customer-add-extra-details"></div>
                                                                                                    </div>
                                                                                                </div>
                                                                                            <?php } ?>
                                                                                            <div class="c-h"></div>
                                                                                        </div>
                                                                                        <div class="pt-2 ckt-pt-1">
                                                                                            <div class="mb-2">
                                                                                                <div class="mt bookingor-flex mb-3">
                                                                                                    <input type="text" class="form-control form-control-sm" name="customer_coupans" class="form-control customer-coupan" placeholder="Coupon Code" />
                                                                                                    <button type="button" class="btn-coupon"><?php esc_html_e('ADD', 'bookingor'); ?></button>
                                                                                                </div>
                                                                                                <div class="sub-price">
                                                                                                    <div><?php esc_html_e('SubTotal', 'bookingor'); ?></div>
                                                                                                    <div class="service-sub-price">
                                                                                                        <div class="<?php echo esc_attr(get_option('bookingor_currency_position_change')); ?> bookingor-flex">
                                                                                                            <div class="<?php echo esc_attr(get_option('bookingor_currency_position_change')); ?>">
                                                                                                                <?php echo esc_html(get_option('bookingor_settings_currency_symbol')); ?>
                                                                                                            </div>
                                                                                                            <div><?php echo esc_html("00.00", "bookingor"); ?></div>
                                                                                                        </div>
                                                                                                    </div>
                                                                                                </div>
                                                                                                <div class="discount-price">
                                                                                                    <div><?php esc_html_e('Discount', 'bookingor'); ?></div>
                                                                                                    <div>
                                                                                                        <div class="<?php echo esc_attr(get_option('bookingor_currency_position_change')); ?> bookingor-flex">
                                                                                                            <div class="<?php echo esc_attr(get_option('bookingor_currency_position_change')); ?>">
                                                                                                                <?php echo esc_html(get_option('bookingor_settings_currency_symbol')); ?>
                                                                                                            </div>
                                                                                                            <div><?php echo esc_html("00.00", "bookingor"); ?></div>
                                                                                                        </div>
                                                                                                    </div>
                                                                                                </div>
                                                                                                <div class="tax-price">
                                                                                                    <div><?php esc_html_e('VAT(TAX)', 'bookingor'); ?></div>
                                                                                                    <div>
                                                                                                        <div class="<?php echo esc_attr(get_option('bookingor_currency_position_change')); ?> bookingor-flex">
                                                                                                            <div class="<?php echo esc_attr(get_option('bookingor_currency_position_change')); ?>">
                                                                                                                <?php echo esc_html(get_option('bookingor_settings_currency_symbol')); ?>
                                                                                                            </div>
                                                                                                            <div><?php echo esc_html("00.00", "bookingor"); ?></div>
                                                                                                        </div>
                                                                                                    </div>
                                                                                                </div>
                                                                                                <div class="total-price">
                                                                                                    <div><?php esc_html_e('Total', 'bookingor'); ?></div>
                                                                                                    <div class="total-price">
                                                                                                        <div class="<?php echo esc_attr(get_option('bookingor_currency_position_change')); ?> bookingor-flex">
                                                                                                            <div class="<?php echo esc_attr(get_option('bookingor_currency_position_change')); ?>">
                                                                                                                <?php echo esc_html(get_option('bookingor_settings_currency_symbol')); ?>
                                                                                                            </div>
                                                                                                            <div><?php echo esc_html("00.00", "bookingor"); ?></div>
                                                                                                        </div>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>

                                                                            </div>
                                                                        </div>
                                                                        <div class="two-tbs main_botm progress-bar-to-show">
                                                                            <div class="bookingor-flex justify-content-between" id="bookingor-paying-now">
                                                                                <button type="button" id="customer-book-back" class="bookingor-btn_back bookingor-button"><?php echo esc_html(get_option('bookingor_settings_back_button_text')); ?></button>
                                                                                <button id="customer-design-finish" class="btn_orange bookingor-button bookingor-cont-btn"><?php esc_html_e('Confirm Payment', 'bookingor'); ?></button>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane fade" id="v-pills-final-done" role="tabpanel" aria-labelledby="v-pills-final-done-tab">
                                <div class="row">
                                    <div class="bookingor-col-xl-3 bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-set-sidebar">
                                        <div class="bookingor-col-xl-12 bookingor-col-lg-12 bookingor-col-md-12 bookingor-col-sm-12 bookingor-col-12">
                                            <div class="main-bd">
                                                <div class="h-ct">
                                                    <div class="inte-inner-h">
                                                        <div>
                                                            <h6><?php esc_html_e('Last Step', 'bookingor'); ?></h6>
                                                        </div>

                                                    </div>
                                                </div>
                                                <div class="sub-main-data">
                                                    <div class="form-group row align-items-center mb-2 mt-2">
                                                        <div class="bookingor-col-12 bookingor-col-sm-10 bookingor-col-md-10 bookingor-col-lg-10 bookingor-col-xl-5 pd-1">
                                                            <label class="h-l-n bookingor-f-13"><?php esc_html_e('show Cart', 'bookingor'); ?></label>
                                                        </div>
                                                        <div class="bookingor-col-12 bookingor-col-sm-2 bookingor-col-md-2 bookingor-col-lg-2 bookingor-col-xl-7">
                                                            <input type="checkbox" class="form-check-input" name="settings_final_page_cart_required" tabindex="0" id="setting-fina-page-cart-required" value="<?php echo esc_attr(get_option('bookingor_settings_final_page_cart_required')); ?>">
                                                        </div>
                                                    </div>
                                                    <div class="form-group row align-items-center mb-2 mt-2">
                                                        <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-12 pd-1">
                                                            <label class="h-l-n bookingor-f-13"><?php esc_html_e('Thank you Text', 'bookingor'); ?></label>
                                                        </div>
                                                        <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-12">
                                                            <textarea class="form-control form-control-sm" name="settings_booking_thank_you_text" tabindex="0" id="setting-booking-thank-you-text"><?php echo esc_attr(get_option('bookingor_settings_booking_thank_you_text')); ?></textarea>
                                                        </div>
                                                    </div>
                                                    <div class="form-group row align-items-center mb-2 mt-2">
                                                        <div class="bookingor-col-12 bookingor-col-sm-6 bookingor-col-md-6 bookingor-col-lg-12 bookingor-col-xl-12 pd-1">
                                                            <label class="h-l-n bookingor-f-13"><?php esc_html_e('Booking Confirm Text', 'bookingor'); ?></label>
                                                        </div>
                                                        <div class="bookingor-col-12 bookingor-col-sm-6 bookingor-col-md-6 bookingor-col-lg-12 bookingor-col-xl-12">
                                                            <input type="text" class="form-control form-control-sm" name="settings_booking_confirm_text" tabindex="0" id="setting-booking-confirm-text" value="<?php echo esc_attr(get_option('bookingor_settings_booking_confirm_text')); ?>">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-9">
                                        <div class="bookingor">
                                            <div>
                                                <div class="position-relative">

                                                    <!-- Modal -->
                                                    <div class="custom-popup js-custom-popup position-absolute" data-popup="custom-popup">
                                                        <div class="custom-popup__holder js-custom-popup-holder bookingor-d-flex">
                                                            <div class="bookingor-my-model">
                                                                <div class="custom-popup__close js-close-popup mb-2"></div>
                                                                <div id="final-show" class="bookingor-ft  bk-pd-all f-height">
                                                                    <div class="row justify-content-between f-height align-items-center">
                                                                        <div class="bookingor-col-lg-12 bookingor-d-flex flex-column align-content-center align-items-center">
                                                                            <div class="min-chk-mrk">
                                                                                <svg class="checkmark" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52 52">
                                                                                    <circle class="checkmark__circle" cx="26" cy="26" r="25" fill="none"></circle>
                                                                                    <path class="checkmark__check" fill="none" d="M14.1 27.2l7.1 7.2 16.7-16.8"></path>
                                                                                </svg>
                                                                            </div>
                                                                            <div class="t-cnter mt-4">
                                                                                <div id="bookingor-thank-you-text"><?php echo esc_html(get_option('bookingor_settings_booking_thank_you_text')); ?></div>
                                                                                <div id="bookingor-front-confirm-text"><?php echo esc_html(get_option('bookingor_settings_booking_confirm_text')); ?></div>
                                                                            </div>
                                                                            <div class="bookingor-final-calendars-all">
                                                                                <div class="t-cnter bookingor-final-calendars-show">
                                                                                    <button type="button" id="bookingor-customer-add-google-calendar" class="bookingor-customer-thankyou-calendar bookingor-btn"><?php esc_html_e('Add to Google Calendar', 'bookingor'); ?></button>
                                                                                    <button type="button" id="bookingor-customer-add-outlook-calendar" class="bookingor-customer-thankyou-calendar bookingor-btn"><?php esc_html_e('Add to Outlook Calendar', 'bookingor'); ?></button>
                                                                                    <button type="button" id="bookingor-customer-add-yahoo-calendar" class="bookingor-customer-thankyou-calendar bookingor-btn"><?php esc_html_e('Add to Yahoo Calendar', 'bookingor'); ?></button>
                                                                                    <button type="button" id="bookingor-customer-add-ical-calendar" class="bookingor-customer-thankyou-calendar bookingor-btn"><?php esc_html_e('Add to iCal', 'bookingor'); ?></button>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div id="bookingor-editings" class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-9 bookingor-col-xxl-7">
                            <div class="bookingor">

                                <div>
                                    <div class="">
                                        <div class="ma-container">
                                            <div class="bookingor-flex">
                                                <div class="bookingor-f-business-all bookingor-gap-10">
                                                    <?php if (get_option('bookingor_settings_business_phone_required') === 'on') { ?>
                                                        <div class="bookingor-f-business-logo">
                                                            <img src="<?php echo esc_attr(wp_get_attachment_url(get_option('bookingor_business_logo'))); ?>" alt="">
                                                        </div>
                                                    <?php } ?>
                                                    <div>
                                                        <?php if (get_option('bookingor_settings_business_name_required') === 'on') { ?>
                                                            <div class="bookingor-f-business-name">
                                                                <?php echo esc_html(get_option('bookingor_business_name')); ?>
                                                            </div>
                                                        <?php }
                                                        if (get_option('bookingor_settings_business_phone_required') === 'on') { ?>
                                                            <div class="bookingor-flex bookingor-gap-5">
                                                                <div class="bookingor-flex">
                                                                    <svg xmlns="http://www.w3.org/2000/svg" class="bookingor-flex bookingor-svgs" viewBox="0 0 24 24">
                                                                        <path fill="none" d="M16.585,19.999l2.006-2.005l-2.586-2.586l-1.293,1.293c-0.238,0.239-0.579,0.342-0.912,0.271 c-0.115-0.024-2.842-0.611-4.502-2.271s-2.247-4.387-2.271-4.502c-0.069-0.33,0.032-0.674,0.271-0.912l1.293-1.293L6.005,5.408 L4,7.413c0.02,1.223,0.346,5.508,3.712,8.874C11.067,19.643,15.337,19.978,16.585,19.999z" />
                                                                        <path d="M16.566 21.999c.005 0 .023 0 .028 0 .528 0 1.027-.208 1.405-.586l2.712-2.712c.391-.391.391-1.023 0-1.414l-4-4c-.391-.391-1.023-.391-1.414 0l-1.594 1.594c-.739-.22-2.118-.72-2.992-1.594s-1.374-2.253-1.594-2.992l1.594-1.594c.391-.391.391-1.023 0-1.414l-4-4c-.375-.375-1.039-.375-1.414 0L2.586 5.999C2.206 6.379 1.992 6.901 2 7.434c.023 1.424.4 6.37 4.298 10.268S15.142 21.976 16.566 21.999zM6.005 5.408l2.586 2.586L7.298 9.287c-.239.238-.341.582-.271.912.024.115.611 2.842 2.271 4.502s4.387 2.247 4.502 2.271c.333.07.674-.032.912-.271l1.293-1.293 2.586 2.586-2.006 2.005c-1.248-.021-5.518-.356-8.873-3.712C4.346 12.921 4.02 8.636 4 7.413L6.005 5.408zM19.999 10.999h2c0-5.13-3.873-8.999-9.01-8.999v2C17.051 4 19.999 6.943 19.999 10.999z" />
                                                                        <path d="M12.999,8c2.103,0,3,0.897,3,3h2c0-3.225-1.775-5-5-5V8z" />
                                                                    </svg>
                                                                </div>
                                                                <div class="bookingor-f-business-phone"><?php echo esc_html(get_option('bookingor_business_phone')); ?></div>
                                                            </div>
                                                        <?php }
                                                        if (get_option('bookingor_settings_business_email_required') === 'on') { ?>
                                                            <div class="bookingor-flex bookingor-gap-5">
                                                                <div class="bookingor-flex">
                                                                    <svg xmlns="http://www.w3.org/2000/svg" class="bookingor-flex bookingor-svgs" viewBox="0 0 24 24">
                                                                        <path d="M20,4H4C2.897,4,2,4.897,2,6v12c0,1.103,0.897,2,2,2h16c1.103,0,2-0.897,2-2V6C22,4.897,21.103,4,20,4z M20,6v0.511 l-8,6.223L4,6.512V6H20z M4,18V9.044l7.386,5.745C11.566,14.93,11.783,15,12,15s0.434-0.07,0.614-0.211L20,9.044L20.002,18H4z" />
                                                                    </svg>
                                                                </div>
                                                                <div class="bookingor-f-business-email"><?php echo esc_html(get_option('bookingor_business_email')); ?></div>
                                                            </div>
                                                        <?php } ?>
                                                    </div>
                                                </div>
                                            </div>

                                            <div id="cal-valid">
                                                <div id="widget-calendar-final" class="acti"></div>
                                                <span class="cs-cal-vali"></span>
                                            </div>
                                            <div id="bookingor-location" class="b_kings_pro bookingor-location-editing">
                                                <div class="mt-3">
                                                    <label class="wid-lbl bookingor-f-14 live-location-name"><?php echo esc_html(get_option('bookingor_settings_location_name')); ?></label>
                                                    <div class="form-control-select">
                                                        <select name="select_location" class="bd form-control form-select" id="bookingor-location-design-8">
                                                            <option value=""><?php esc_html_e('Select ', 'bookingor'); ?><?php echo esc_html(get_option('bookingor_settings_location_name')); ?></option>
                                                            <option value="Category Name 1"><?php echo esc_html("Location Name 1", "bookingor"); ?></option>
                                                            <option value="Category Name 2"><?php echo esc_html("Location Name 2", "bookingor"); ?></option>
                                                            <option value="Category Name 3"><?php echo esc_html("Location Name 3", "bookingor"); ?></option>
                                                            <option value="Category Name 4"><?php echo esc_html("Location Name 4", "bookingor"); ?></option>
                                                        </select>
                                                    </div>
                                                    <span class="cs-vali-location bookingor-d-none"><?php esc_html_e('Must Select ', 'bookingor'); ?><?php echo esc_html(get_option('bookingor_settings_location_name')); ?></span>
                                                </div>
                                            </div>

                                            <div id="bookingor-category" class="b_kings_pro bookingor-category-editing">
                                                <div class="mt-3">
                                                    <label class="wid-lbl bookingor-f-14 live-category"><?php echo esc_html(get_option('bookingor_settings_category_name')); ?></label>
                                                    <select name="select_category" class="bd form-control form-select" id="boookingor-category-design-8">
                                                        <option value="all"><?php esc_html_e('Select ', 'bookingor'); ?><?php echo esc_html(get_option('bookingor_settings_category_name')); ?></option>
                                                        <option value="Category Name 1"><?php echo esc_html("Category Name 1", "bookingor"); ?></option>
                                                        <option value="Category Name 2"><?php echo esc_html("Category Name 2", "bookingor"); ?></option>
                                                        <option value="Category Name 3"><?php echo esc_html("Category Name 3", "bookingor"); ?></option>
                                                        <option value="Category Name 4"><?php echo esc_html("Category Name 4", "bookingor"); ?></option>
                                                    </select>
                                                    <span class="cs-vali-category bookingor-d-none"><?php esc_html_e('Must Select ', 'bookingor'); ?><?php echo esc_html(get_option('bookingor_settings_category_name')); ?></span>
                                                </div>
                                            </div>

                                            <div id="bookingor-service" class="b_kings_pro bookingor-service-editing">
                                                <div class="mt-3">
                                                    <label class="wid-lbl bookingor-f-14 live-service"><?php echo esc_html(get_option('bookingor_settings_service_name')); ?></label>
                                                    <select name="select_service" class="bd form-control form-select" id="front-get-category-for-services">
                                                        <option value=""><?php esc_html_e('Select ', 'bookingor'); ?><?php echo esc_html(get_option('bookingor_settings_service_name')); ?></option>
                                                        <option value="Service Name 1"><?php echo esc_html("Service Name 1 ", "bookingor"); ?><?php echo esc_html("($30.00)", "bookingor"); ?><?php echo esc_html(" (30 Min)", "bookingor"); ?></option>
                                                        <option value="Service Name 2"><?php echo esc_html("Service Name 2 ", "bookingor"); ?><?php echo esc_html("($100.00)", "bookingor"); ?><?php echo esc_html(" (50 Min)", "bookingor"); ?></option>
                                                        <option value="Service Name 3"><?php echo esc_html("Service Name 3 ", "bookingor"); ?><?php echo esc_html("($450.00)", "bookingor"); ?><?php echo esc_html(" (45 Min)", "bookingor"); ?></option>
                                                        <option value="Service Name 4"><?php echo esc_html("Service Name 4 ", "bookingor"); ?><?php echo esc_html("($1080.00)", "bookingor"); ?><?php echo esc_html(" (1 hr)", "bookingor"); ?></option>

                                                    </select>
                                                    <span class="cs-vali-service bookingor-d-none"><?php esc_html_e('Must Select ', 'bookingor'); ?><?php echo esc_html(get_option('bookingor_settings_service_name')); ?></span>
                                                </div>
                                            </div>
                                            <div id="bookingor-staff" class="b_kings_pro bookingor-staff-editing">
                                                <div class="mt-3">
                                                    <label class="wid-lbl bookingor-f-14 live-staff-name"><?php echo esc_html(get_option('bookingor_settings_staff_name')); ?></label>
                                                    <select name="select_employee" class="bd  form-control form-select" id="front-select-staffs">
                                                        <option value="" data-staff- data-get-service-><?php esc_html_e('Select ', 'bookingor'); ?><?php echo esc_html(get_option('bookingor_settings_staff_name')); ?></option>
                                                        <option value="Category Name 1"><?php echo esc_html("Staff Name 1", "bookingor"); ?></option>
                                                        <option value="Category Name 2"><?php echo esc_html("Staff Name 2", "bookingor"); ?></option>
                                                        <option value="Category Name 3"><?php echo esc_html("Staff Name 3", "bookingor"); ?></option>
                                                        <option value="Category Name 4"><?php echo esc_html("Staff Name 4", "bookingor"); ?></option>
                                                    </select>
                                                    <span class="cs-vali-staff bookingor-d-none"><?php esc_html_e('Must Select ', 'bookingor'); ?><?php echo esc_html(get_option('bookingor_settings_staff_name')); ?></span>
                                                </div>
                                            </div>

                                            
                                            <div id="bookingor-time" class="b_kings_pro">
                                                <div class="mt-3">
                                                    <div>
                                                        <div class="wid-lbl bookingor-f-14 pick-time-editing-c" id="wdgt-head"><?php echo esc_html(get_option('bookingor_settings_time_name')); ?></div>
                                                        <span class="cs-vali-timing bookingor-d-none"><?php esc_html_e('Must Select ', 'bookingor'); ?><?php echo esc_html(get_option('bookingor_settings_time_name')); ?></span>
                                                    </div>
                                                    <div class="b_kings_pro mt-1 ">
                                                        <!-- <div class="loader-wheel"></div> -->
                                                        <ul class="no-pd bookingor-flex row bookingor-g-0" id="bookingor-all-time-show">
                                                            <li class="select-picktime-1 select_list no-shadow t-bg">
                                                                <div data-start-time="9:00 am" data-end-time="9:30 am"><?php echo esc_html("9:00 am - 9:30 am", "bookingor"); ?></div>
                                                            </li>
                                                            <li class="select-picktime-1 select_list no-shadow t-bg">
                                                                <div data-start-time="9:30 am" data-end-time="10:00 am"><?php echo esc_html("9:30 am - 10:00 am", "bookingor"); ?></div>
                                                            </li>
                                                            <li class="select-picktime-1 select_list no-shadow t-bg">
                                                                <div data-start-time="10:00 am" data-end-time="10:30 am"><?php echo esc_html("10:00 am - 10:30 am", "bookingor"); ?></div>
                                                            </li>
                                                            <li class="select-picktime-1 select_list no-shadow t-bg">
                                                                <div data-start-time="10:30 am" data-end-time="11:00 am"><?php echo esc_html("10:30 am - 11:00 am", "bookingor"); ?></div>
                                                            </li>
                                                            <li class="select-picktime-1 select_list no-shadow t-bg">
                                                                <div data-start-time="11:00 am" data-end-time="11:30 am"><?php echo esc_html("11:00 am - 11:30 am", "bookingor"); ?></div>
                                                            </li>
                                                            <li class="select-picktime-1 select_list no-shadow t-bg">
                                                                <div data-start-time="11:30 am" data-end-time="12:00 pm"><?php echo esc_html("11:30 am - 12:00 pm", "bookingor"); ?></div>
                                                            </li>
                                                            <li class="select-picktime-1 select_list no-shadow t-bg">
                                                                <div data-start-time="12:00 pm" data-end-time="12:30 pm"><?php echo esc_html("12:00 pm - 12:30 pm", "bookingor"); ?></div>
                                                            </li>
                                                            <li class="select-picktime-1 select_list no-shadow t-bg">
                                                                <div data-start-time="12:30 pm" data-end-time="1:00 pm"><?php echo esc_html("12:30 pm - 1:00 pm", "bookingor"); ?></div>
                                                            </li>
                                                            <li class="select-picktime-1 select_list no-shadow t-bg">
                                                                <div data-start-time="1:00 pm" data-end-time="1:30 pm"><?php echo esc_html("1:00 pm - 1:30 pm", "bookingor"); ?></div>
                                                            </li>
                                                            <li class="select-picktime-1 select_list no-shadow t-bg">
                                                                <div data-start-time="1:30 pm" data-end-time="2:00 pm"><?php echo esc_html("1:30 pm - 2:00 pm", "bookingor"); ?></div>
                                                            </li>
                                                            <li class="select-picktime-1 select_list no-shadow t-bg">
                                                                <div data-start-time="2:00 pm" data-end-time="2:30 pm"><?php echo esc_html("2:00 pm - 2:30 pm", "bookingor"); ?></div>
                                                            </li>
                                                            <li class="select-picktime-1 select_list no-shadow t-bg">
                                                                <div data-start-time="2:30 pm" data-end-time="3:00 pm"><?php echo esc_html("2:30 pm - 3:00 pm", "bookingor"); ?></div>
                                                            </li>
                                                            <li class="select-picktime-1 select_list no-shadow t-bg">
                                                                <div data-start-time="3:00 pm" data-end-time="3:30 pm"><?php echo esc_html("3:00 pm - 3:30 pm", "bookingor"); ?></div>
                                                            </li>
                                                            <li class="select-picktime-1 select_list no-shadow t-bg">
                                                                <div data-start-time="3:30 pm" data-end-time="4:00 pm"><?php echo esc_html("3:30 pm - 4:00 pm", "bookingor"); ?></div>
                                                            </li>
                                                            <li class="select-picktime-1 select_list no-shadow t-bg">
                                                                <div data-start-time="4:00 pm" data-end-time="4:30 pm"><?php echo esc_html("4:00 pm - 4:30 pm", "bookingor"); ?></div>
                                                            </li>
                                                            <li class="select-picktime-1 select_list no-shadow t-bg">
                                                                <div data-start-time="4:30 pm" data-end-time="5:00 pm"><?php echo esc_html("4:30 pm - 5:00 pm", "bookingor"); ?></div>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="b_kings_pro">
                                                <div class="mt-3  ">
                                                    <button type="button" class="btn bt js-open-popup bookingor-cont-btn bookingor-button" data-target="custom-popup" id="chk-validation"><?php esc_html_e('Book', 'bookingor'); ?></button>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- Modal -->
                                        <div class="custom-popup js-custom-popup bookingor-d-none" data-popup="custom-popup">
                                            <div class="custom-popup__holder js-custom-popup-holder bookingor-d-flex">
                                                <div class="bookingor-my-model">
                                                    <div class="custom-popup__close js-close-popup mb-2 bookingor-d-none"></div>
                                                    N
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                        <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-12 bookingor-col-xxl-2 bookingor-tab-v-ordr bookingor-d-flex justify-content-end">
                            <div class="align-items-start">
                                <div class="nav flex-row flex-xxl-column nav-pills" id="v-pills-tab" role="tablist" aria-orientation="vertical">
                                    <button class="nav-link active" id="pills-colors-n-fonts-tab" data-bs-toggle="pill" data-bs-target="#pills-colors-n-fonts" type="button" role="tab" aria-controls="pills-colors-n-fonts" aria-selected="true"><?php echo esc_html("Color Scheme & Fonts", "bookingor"); ?></button>
                                    <button class="nav-link" id="v-pills-category-services-tab" data-bs-toggle="pill" data-bs-target="#v-pills-category-services" type="button" role="tab" aria-controls="v-pills-category-services" aria-selected="true"><?php echo esc_html("Category| Services | Staff | Time", "bookingor"); ?></button>
                                    <button class="nav-link" id="v-pills-extras-five-tab" data-bs-toggle="pill" data-bs-target="#v-pills-extras-five" type="button" role="tab" aria-controls="v-pills-extras-five" aria-selected="false"><?php echo esc_html("Extra", "bookingor"); ?></button>
                                    <button class="nav-link" id="v-pills-customer-info-tab" data-bs-toggle="pill" data-bs-target="#v-pills-customer-info" type="button" role="tab" aria-controls="v-pills-customer-info" aria-selected="false"><?php echo esc_html("Customer Information", "bookingor"); ?></button>
                                    <button class="nav-link" id="v-pills-payment-tab" data-bs-toggle="pill" data-bs-target="#v-pills-payment" type="button" role="tab" aria-controls="v-pills-payment" aria-selected="false"><?php echo esc_html("Payment", "bookingor"); ?></button>
                                    <button class="nav-link" id="v-pills-final-done-tab" data-bs-toggle="pill" data-bs-target="#v-pills-final-done" type="button" role="tab" aria-controls="v-pills-final-done" aria-selected="false"><?php echo esc_html("Done", "bookingor"); ?></button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form>
</div>