<?php

use Bookingor\Helper\HelperControl;
use Bookingor\Routes\AdminRoute;

// 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="3" />
        <div class="bookingor-d-flex justify-content-between mb-2">
            <div>
                <h3><?php esc_html_e('Edit Template 3', '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" id="bookingor-design-3">
            <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-xl-12 main-top bookingor-d-none">
                    <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  bookingor-set-sidebar  bookingor-set-sidebar  bookingor-set-sidebar">
                                        <div class="bookingor-col-xl-12 bookingor-g-0">
                                            <div class="main-bd">
                                                <h6 class="h-ct"><?php esc_html_e('Sidebar', 'bookingor'); ?></h6>
                                                <div class="row pt-2 pb-2">
                                                    <div>
                                                        <div class=" 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 lft bookingor-f-13"><?php esc_html_e('Sidebar 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_sidebar" value="<?php echo esc_attr(get_option('bookingor_settings_color_sidebar')); ?>">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <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 lft bookingor-f-13"><?php esc_html_e('Sidebar 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_sidebar_text" value="<?php echo esc_attr(get_option('bookingor_settings_color_sidebar_text')); ?>">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <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 lft bookingor-f-13"><?php esc_html_e('Active 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="settings_status_active_text_color" value="<?php echo esc_attr(get_option('bookingor_settings_status_active_text_color')); ?>">
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <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 lft bookingor-f-13"><?php esc_html_e('Completed 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="settings_status_completed_text_color" value="<?php echo esc_attr(get_option('bookingor_settings_status_completed_text_color')); ?>">
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <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 lft bookingor-f-13"><?php esc_html_e('Progress 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="settings_status_progress_bar_background_color" value="<?php echo esc_attr(get_option('bookingor_settings_status_progress_bar_background_color')); ?>">
                                                            </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 lft 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 lft 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 lft 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('Background', 'bookingor'); ?></h6>
                                            <div class="row pt-2 pb-2">
                                                <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-8 bookingor-col-xl-8 pd-1 bookingor-g-0">
                                                        <label class="h-l-n lft bookingor-f-13"><?php esc_html_e('Background Border Radius', 'bookingor'); ?></label>
                                                    </div>
                                                    <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-5 bookingor-col-lg-4 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_background_radius_design_3" tabindex="0" id="setting-background-radius" value="<?php echo esc_attr(str_replace('px', '', get_option('bookingor_settings_background_radius_design_3'))); ?>">
                                                            <div><?php esc_html_e('px', 'bookingor'); ?></div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class=" row align-items-top bdr-b">
                                                    <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-7 bookingor-col-lg-8 bookingor-col-xl-8 pd-1 bookingor-g-0">
                                                        <label class="h-l-n lft bookingor-f-13"><?php esc_html_e('Background Border', 'bookingor'); ?></label>
                                                    </div>
                                                    <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-5 bookingor-col-lg-4 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_background_border_active_design_3" tabindex="0" id="setting-background-border-active" value="<?php echo esc_attr(str_replace('px', '', get_option('bookingor_settings_background_border_active_design_3'))); ?>">
                                                            <input type="color" class="w-100" name="settings_background_border_color_design_3" value="<?php echo esc_attr(get_option('bookingor_settings_background_border_color_design_3')); ?>">
                                                        </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 lft 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 lft 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 lft 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 lft 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 lft 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 lft 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 lft 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 lft 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 lft 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-12 bookingor-col-md-1 bookingor-col-sm-12 bookingor-col-12">
                                        <div class="bookingor-col-xl-12 bookingor-col-lg-12 bookingor-col-md-12 bookingor-col-sm-12 bookingor-col-12 bookingor-set-sidebar  bookingor-set-sidebar  bookingor-set-sidebar " 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 class="form-group row align-items-center mb-2 mt-2 bookingor-d-none">
                                                        <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('Category Images/Icons', 'bookingor'); ?></label>
                                                        </div>
                                                        <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-12">
                                                            <div class="bookingor-d-flex bookingor-gap-10 bookingor-prv-radio">
                                                                <div>
                                                                    <input type="radio" id="bookingor-category-images-show" name="settings_category_images_icons" value="bookingor-category-images-show" <?php echo get_option('bookingor_settings_category_images_icons') === 'bookingor-category-images-show' ? 'checked' : ''; ?>>
                                                                    <label for="bookingor-category-images-show" class="bookingor-f-13">
                                                                        <img class="bookingor-p-img-ic-view" src="<?php echo  esc_url(AdminRoute::$edit_img); ?>" alt="">

                                                                    </label>
                                                                </div>
                                                                <div>
                                                                    <input type="radio" id="bookingor-category-icons-show" name="settings_category_images_icons" value="bookingor-category-icons-show" <?php echo get_option('bookingor_settings_category_images_icons') === 'bookingor-category-icons-show' ? 'checked' : ''; ?>>
                                                                    <label for="bookingor-category-icons-show" class="bookingor-f-13">
                                                                        <img class="bookingor-p-img-ic-view" src="<?php echo esc_url(AdminRoute::$edit_icon); ?>" alt="">
                                                                    </label>
                                                                </div>
                                                            </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 bookingor-set-sidebar  bookingor-set-sidebar " 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 Description 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_description_show" tabindex="0" id="setting-service-description-show" value="<?php echo esc_attr(get_option('bookingor_settings_service_description_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 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 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-6 bookingor-col-xl-12 pd-1">
                                                                    <label class="h-l-n bookingor-f-13"><?php esc_html_e('Service Images/Icons', 'bookingor'); ?></label>
                                                                </div>
                                                                <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-6 bookingor-col-xl-12">
                                                                    <div class="bookingor-d-flex bookingor-gap-10 bookingor-prv-radio">
                                                                        <div>
                                                                            <input type="radio" id="bookingor-service-images-show" name="settings_service_images_icons" value="bookingor-service-images-show" <?php echo get_option('bookingor_settings_service_images_icons') === 'bookingor-service-images-show' ? 'checked' : ''; ?>>
                                                                            <label for="bookingor-service-images-show" class="bookingor-f-13">
                                                                                <img class="bookingor-p-img-ic-view" src="<?php echo  esc_url(AdminRoute::$edit_img); ?>" alt="">

                                                                            </label>
                                                                        </div>
                                                                        <div>
                                                                            <input type="radio" id="bookingor-service-icons-show" name="settings_service_images_icons" value="bookingor-service-icons-show" <?php echo get_option('bookingor_settings_service_images_icons') === 'bookingor-service-icons-show' ? 'checked' : ''; ?>>
                                                                            <label for="bookingor-service-icons-show" class="bookingor-f-13">
                                                                                <img class="bookingor-p-img-ic-view" src="<?php echo esc_url(AdminRoute::$edit_icon); ?>" alt="">
                                                                            </label>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>

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



                                        </div>
                                    </div>

                                </div>
                            </div>
                            <div class="tab-pane fade" id="v-pills-extras" role="tabpanel" aria-labelledby="v-pills-extras-tab">
                                <div class="row bookingor-required-license">
                                    <div class="bookingor-col-xl-12 bookingor-col-lg-12 bookingor-col-md-12 bookingor-col-sm-12 bookingor-col-12 bookingor-set-sidebar  bookingor-set-sidebar  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>
                            </div>
                            <div class="tab-pane fade" id="v-pills-staff" role="tabpanel" aria-labelledby="v-pills-staff-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">
                                        <div class="bookingor-col-xl-12 bookingor-col-lg-12 bookingor-col-md-12 bookingor-col-sm-12 bookingor-col-12 bookingor-set-sidebar  bookingor-set-sidebar  bookingor-set-sidebar " id="staff-setting-active">
                                            <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-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('Staff 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_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-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('Staff 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_staff_name" tabindex="0" id="setting-staff-name" value="<?php echo esc_attr(get_option('bookingor_settings_staff_name')); ?>">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

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


                                        <div class="bookingor design-3 bookingor-design-6 bookingor-d-flex justify-content-center">
                                            <div class="bookingor-container w-100 f-h bookingor-g-0 bookingor-flex flex-column">

                                                <div class="bookingor-side-bar-status    h-100">
                                                    <div class="sidebar-1 bookingor-flex flex-column j-width bookingor-g-0 bookingor-col-12 bookingor-sm-12 bookingor-md-12">
                                                        <div class="card-body flex-fill">
                                                            <div class="sidebar-category-2 bookingor-flex  flex-fill">
                                                                <div class="select-status">
                                                                    <div class="line-with-cricle">
                                                                        <div class="bookingor-status-circle cr-1 bookingor-status-inactive-line bookingor-status-active-line">
                                                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="completed-status">
                                                                                <path fill="none" d="M0 0h24v24H0V0z"></path>
                                                                                <path d="M9 16.17L5.53 12.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41l4.18 4.18c.39.39 1.02.39 1.41 0L20.29 7.71c.39-.39.39-1.02 0-1.41-.39-.39-1.02-.39-1.41 0L9 16.17z"></path>
                                                                            </svg>
                                                                        </div>
                                                                        <div class="bookingor-g-line line-1 active-line bookingor-active-h-line ">

                                                                        </div>
                                                                    </div>
                                                                    <div class="bookingor-flex bookingor-w-100 align-items-center justify-content-between">
                                                                        <div class="bookingor-status-head live-service"><?php echo esc_html(get_option('bookingor_settings_service_name')); ?></div>
                                                                    </div>
                                                                </div>
                                                                <div class="select-status" data-extra-show="0">
                                                                    <div class="line-with-cricle">
                                                                        <div class="bookingor-status-circle cr-1 bookingor-status-inactive-line bookingor-status-active-line">
                                                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="completed-status">
                                                                                <path fill="none" d="M0 0h24v24H0V0z"></path>
                                                                                <path d="M9 16.17L5.53 12.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41l4.18 4.18c.39.39 1.02.39 1.41 0L20.29 7.71c.39-.39.39-1.02 0-1.41-.39-.39-1.02-.39-1.41 0L9 16.17z"></path>
                                                                            </svg>
                                                                        </div>
                                                                        <div class="bookingor-g-line line-1 active-line bookingor-active-h-line ">

                                                                        </div>
                                                                    </div>
                                                                    <div class="bookingor-flex bookingor-w-100 align-items-center justify-content-between">
                                                                        <div class="bookingor-status-head extra-editing-both"><?php echo esc_html(get_option('bookingor_settings_extra_name')); ?></div>
                                                                    </div>
                                                                </div>
                                                                <div class="select-status">
                                                                    <div class="line-with-cricle ">
                                                                        <div class="bookingor-status-circle cr-1 bookingor-status-inactive-line bookingor-status-active-curernt-cricle"></div>
                                                                        <div class="bookingor-g-line line-1 active-line"></div>
                                                                    </div>
                                                                    <div class="bookingor-flex bookingor-w-100 align-items-center justify-content-between">
                                                                        <div class="bookingor-status-head "><?php echo esc_html(get_option('bookingor_settings_staff_name')); ?></div>
                                                                    </div>
                                                                </div>

                                                                <div class="select-status">
                                                                    <div class="line-with-cricle">
                                                                        <div class="bookingor-status-circle cr-1 bookingor-status-inactive-line"></div>
                                                                        <div class="bookingor-g-line line-1 active-line"></div>
                                                                    </div>
                                                                    <div class="bookingor-flex bookingor-w-100 align-items-center justify-content-between">
                                                                        <div class="bookingor-status-head "><?php echo esc_html(get_option('bookingor_settings_location_name')); ?></div>
                                                                    </div>
                                                                </div>

                                                                <div class="select-status">
                                                                    <div class="line-with-cricle ">
                                                                        <div class="bookingor-status-circle bookingor-w-100 cr-1 bookingor-status-inactive-line"></div>
                                                                        <div class="bookingor-g-line line-1 active-line"></div>
                                                                    </div>
                                                                    <div class="bookingor-flex bookingor-w-100 align-items-center justify-content-between">
                                                                        <div class="bookingor-status-head "><?php echo esc_html(get_option('bookingor_settings_date_time_name')); ?></div>
                                                                    </div>
                                                                </div>


                                                                <div class="select-status">
                                                                    <div class="line-with-cricle ">
                                                                        <div class="bookingor-status-circle cr-1 bookingor-status-inactive-line"></div>
                                                                        <div class="bookingor-g-line line-1 active-line"></div>
                                                                    </div>
                                                                    <div class="bookingor-flex bookingor-w-100 align-items-center justify-content-between">
                                                                        <div class="bookingor-status-head "><?php echo esc_html(get_option('bookingor_settings_customer_book_name')); ?></div>
                                                                    </div>
                                                                </div>
                                                                <div class="select-status">
                                                                    <div class="line-with-cricle">
                                                                        <div class="bookingor-status-circle cr-1 bookingor-status-inactive-line"></div>
                                                                        <div class="bookingor-g-line line-1 active-line"></div>
                                                                    </div>
                                                                    <div class="bookingor-flex bookingor-w-100 align-items-center justify-content-between">
                                                                        <div class="bookingor-status-head "><?php echo esc_html(get_option('bookingor_settings_customer_payment_name')); ?></div>
                                                                    </div>
                                                                </div>
                                                                <div class="select-status">
                                                                    <div class="line-with-cricle">
                                                                        <div class="bookingor-status-circle cr-1 bookingor-status-inactive-line"></div>
                                                                    </div>
                                                                    <div class="bookingor-flex bookingor-w-100 align-items-center justify-content-between">
                                                                        <div class="bookingor-status-head "><?php esc_html_e('Done', 'bookingor'); ?></div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="bookingor-grid-design-6 bookingor-col-12 bookingor-sm-12 bookingor-md-12">
                                                        <div id="second-book" class="bookingor-ft flex-fill g-0 f-height ">
                                                            <div class="row bookingor-g-0 f-height">
                                                                <div class="bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-12  bookingor-flex j-width bookingor-g-0 bookingor-flex j-width flex-column ">
                                                                    <div class="card-body">
                                                                        <div class="sidebar_container bookingor-flex flex-column pd-serv-header">
                                                                            <div class="select">
                                                                                <div id="employeeWarning" 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 ', 'bookingor'); ?><?php echo esc_html(get_option('bookingor_settings_staff_name')); ?>
                                                                                </div>
                                                                                <div class="bookingor-flex align-items-center justify-content-between">
                                                                                    <div class="full-head-1"><?php echo esc_html(get_option('bookingor_settings_staff_name')); ?></div>
                                                                                </div>
                                                                                <div id="selectListEmployee-1" class="select-list-1">
                                                                                    <ul class="emp-g bookingor-d-flex flex-wrap gap-x-10">

                                                                                        <li data-select="select-shop" class="shop-list-1 select_list no-shadow get_all_data">
                                                                                            <div class="bookingor-flex align-items-center">
                                                                                                <div class="right bookingor-flex justify-content-start flex-column">
                                                                                                    <div class="user-avatar">
                                                                                                        <img class="memeber-ava" src="" data-avatar="Sara Doe " alt="" />

                                                                                                    </div>
                                                                                                    <div class="staff-data">
                                                                                                        <div class="staff-name"><?php echo esc_html("Sara Doe", "bookingor"); ?>
                                                                                                        </div>
                                                                                                        <div class="staff-de">
                                                                                                            <div class="staff-cl">
                                                                                                                <i class="bx bx-phone-call"></i>
                                                                                                                <span class="staff-cl"><?php echo esc_html("+1 555 555 555", "bookingor"); ?></span>
                                                                                                            </div>
                                                                                                        </div>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                        </li>
                                                                                        <li data-select="select-shop" class="shop-list-1 select_list no-shadow get_all_data">
                                                                                            <div class="bookingor-flex align-items-center">
                                                                                                <div class="right bookingor-flex justify-content-start flex-column">
                                                                                                    <div class="user-avatar">
                                                                                                        <img class="memeber-ava" src="" data-avatar="Jenifer Name" alt="" />

                                                                                                    </div>
                                                                                                    <div class="staff-data">
                                                                                                        <div class="staff-name"><?php echo esc_html("Jenifer Name", "bookingor"); ?>
                                                                                                        </div>
                                                                                                        <div class="staff-de">
                                                                                                            <div class="staff-cl">
                                                                                                                <i class="bx bx-phone-call"></i>
                                                                                                                <span class="staff-cl"><?php echo esc_html("+1 555 555 555", "bookingor"); ?></span>
                                                                                                            </div>
                                                                                                        </div>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                        </li>
                                                                                        <li data-select="select-shop" class="shop-list-1 select_list no-shadow get_all_data">
                                                                                            <div class="bookingor-flex align-items-center">
                                                                                                <div class="right bookingor-flex justify-content-start flex-column">
                                                                                                    <div class="user-avatar">
                                                                                                        <img class="memeber-ava" src="" data-avatar="Adam Name" alt="" />

                                                                                                    </div>
                                                                                                    <div class="staff-data">
                                                                                                        <div class="staff-name"><?php echo esc_html("Adam Name", "bookingor"); ?>
                                                                                                        </div>
                                                                                                        <div class="staff-de">
                                                                                                            <div class="staff-cl">
                                                                                                                <i class="bx bx-phone-call"></i>
                                                                                                                <span class="staff-cl"><?php echo esc_html("+1 555 555 555", "bookingor"); ?></span>
                                                                                                            </div>
                                                                                                        </div>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                        </li>
                                                                                        <li data-select="select-shop" class="shop-list-1 select_list no-shadow get_all_data">
                                                                                            <div class="bookingor-flex align-items-center">
                                                                                                <div class="right bookingor-flex justify-content-start flex-column">
                                                                                                    <div class="user-avatar">
                                                                                                        <img class="memeber-ava" src="" data-avatar="Noh Name 1" alt="" />

                                                                                                    </div>
                                                                                                    <div class="staff-data">
                                                                                                        <div class="staff-name"><?php echo esc_html("Noh Name", "bookingor"); ?>
                                                                                                        </div>
                                                                                                        <div class="staff-de">
                                                                                                            <div class="staff-cl">
                                                                                                                <i class="bx bx-phone-call"></i>
                                                                                                                <span class="staff-cl"><?php echo esc_html("+1 555 555 555", "bookingor"); ?></span>
                                                                                                            </div>
                                                                                                        </div>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                        </li>
                                                                                        <li data-select="select-shop" class="shop-list-1 select_list no-shadow get_all_data">
                                                                                            <div class="bookingor-flex align-items-center">
                                                                                                <div class="right bookingor-flex justify-content-start flex-column">
                                                                                                    <div class="user-avatar">
                                                                                                        <img class="memeber-ava" src="" data-avatar="Elijah Name" alt="" />

                                                                                                    </div>
                                                                                                    <div class="staff-data">
                                                                                                        <div class="staff-name"><?php echo esc_html("Elijah Name", "bookingor"); ?>
                                                                                                        </div>
                                                                                                        <div class="staff-de">
                                                                                                            <div class="staff-cl">
                                                                                                                <i class="bx bx-phone-call"></i>
                                                                                                                <span class="staff-cl"><?php echo esc_html("+1 555 555 555", "bookingor"); ?></span>
                                                                                                            </div>
                                                                                                        </div>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                        </li>
                                                                                        <li data-select="select-shop" class="shop-list-1 select_list no-shadow get_all_data">
                                                                                            <div class="bookingor-flex align-items-center">
                                                                                                <div class="right bookingor-flex justify-content-start flex-column">
                                                                                                    <div class="user-avatar">
                                                                                                        <img class="memeber-ava" src="" data-avatar="Staff Name" alt="" />

                                                                                                    </div>
                                                                                                    <div class="staff-data">
                                                                                                        <div class="staff-name"><?php echo esc_html("Alex Name", "bookingor"); ?>
                                                                                                        </div>
                                                                                                        <div class="staff-de">
                                                                                                            <div class="staff-cl">
                                                                                                                <i class="bx bx-phone-call"></i>
                                                                                                                <span class="staff-cl"><?php echo esc_html("+1 555 555 555", "bookingor"); ?></span>
                                                                                                            </div>
                                                                                                        </div>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                        </li>

                                                                                    </ul>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="main_footer d-m bookingor-d-flex align-items-center justify-content-between main_botm">
                                                                        <div class="bookingor-flex justify-content-start">
                                                                            <button type="button" id="back-employee" class="bookingor-btn_back bookingor-button"><?php echo  esc_html(get_option('bookingor_settings_back_button_text')); ?></button>
                                                                        </div>
                                                                        <div class="bookingor-flex justify-content-end">
                                                                            <button type="button" id="next-employee" 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 class="tab-pane fade" id="v-pills-location" role="tabpanel" aria-labelledby="v-pills-location-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">
                                        <div class="bookingor-col-xl-12 bookingor-col-lg-12 bookingor-col-md-12 bookingor-col-sm-12 bookingor-col-12 bookingor-set-sidebar  bookingor-set-sidebar  bookingor-set-sidebar " 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-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('Location 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_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>
                                    <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-9">

                                        <div class="bookingor design-3 bookingor-design-6 bookingor-d-flex justify-content-center">
                                            <div class="bookingor-container w-100 f-h bookingor-g-0 bookingor-flex flex-column">

                                                <div class="bookingor-side-bar-status    h-100">
                                                    <div class="sidebar-1 bookingor-flex flex-column j-width bookingor-g-0 bookingor-col-12 bookingor-sm-12 bookingor-md-12">
                                                        <div class="card-body flex-fill">
                                                            <div class="sidebar-category-2 bookingor-flex  flex-fill">
                                                                <div class="select-status">
                                                                    <div class="line-with-cricle">
                                                                        <div class="bookingor-status-circle cr-1 bookingor-status-inactive-line bookingor-status-active-line">
                                                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="completed-status">
                                                                                <path fill="none" d="M0 0h24v24H0V0z"></path>
                                                                                <path d="M9 16.17L5.53 12.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41l4.18 4.18c.39.39 1.02.39 1.41 0L20.29 7.71c.39-.39.39-1.02 0-1.41-.39-.39-1.02-.39-1.41 0L9 16.17z"></path>
                                                                            </svg>
                                                                        </div>
                                                                        <div class="bookingor-g-line line-1 active-line bookingor-active-h-line ">

                                                                        </div>
                                                                    </div>
                                                                    <div class="bookingor-flex bookingor-w-100 align-items-center justify-content-between">
                                                                        <div class="bookingor-status-head live-service"><?php echo esc_html(get_option('bookingor_settings_service_name')); ?></div>
                                                                    </div>
                                                                </div>
                                                                <div class="select-status" data-extra-show="0">
                                                                    <div class="line-with-cricle">
                                                                        <div class="bookingor-status-circle cr-1 bookingor-status-inactive-line bookingor-status-active-line">
                                                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="completed-status">
                                                                                <path fill="none" d="M0 0h24v24H0V0z"></path>
                                                                                <path d="M9 16.17L5.53 12.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41l4.18 4.18c.39.39 1.02.39 1.41 0L20.29 7.71c.39-.39.39-1.02 0-1.41-.39-.39-1.02-.39-1.41 0L9 16.17z"></path>
                                                                            </svg>
                                                                        </div>
                                                                        <div class="bookingor-g-line line-1 active-line bookingor-active-h-line ">

                                                                        </div>
                                                                    </div>
                                                                    <div class="bookingor-flex bookingor-w-100 align-items-center justify-content-between">
                                                                        <div class="bookingor-status-head extra-editing-both"><?php echo esc_html(get_option('bookingor_settings_extra_name')); ?></div>
                                                                    </div>
                                                                </div>
                                                                <div class="select-status">
                                                                    <div class="line-with-cricle">
                                                                        <div class="bookingor-status-circle cr-1 bookingor-status-inactive-line bookingor-status-active-line">
                                                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="completed-status">
                                                                                <path fill="none" d="M0 0h24v24H0V0z"></path>
                                                                                <path d="M9 16.17L5.53 12.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41l4.18 4.18c.39.39 1.02.39 1.41 0L20.29 7.71c.39-.39.39-1.02 0-1.41-.39-.39-1.02-.39-1.41 0L9 16.17z"></path>
                                                                            </svg>
                                                                        </div>
                                                                        <div class="bookingor-g-line line-1 active-line bookingor-active-h-line ">

                                                                        </div>
                                                                    </div>
                                                                    <div class="bookingor-flex bookingor-w-100 align-items-center justify-content-between">
                                                                        <div class="bookingor-status-head "><?php echo esc_html(get_option('bookingor_settings_staff_name')); ?></div>
                                                                    </div>
                                                                </div>
                                                                <div class="select-status">
                                                                    <div class="line-with-cricle">
                                                                        <div class="bookingor-status-circle cr-1 bookingor-status-inactive-line bookingor-status-active-curernt-cricle"></div>
                                                                        <div class="bookingor-g-line line-1 active-line"></div>
                                                                    </div>
                                                                    <div class="bookingor-flex bookingor-w-100 align-items-center justify-content-between">
                                                                        <div class="bookingor-status-head "><?php echo esc_html(get_option('bookingor_settings_location_name')); ?></div>
                                                                    </div>
                                                                </div>
                                                                <div class="select-status">
                                                                    <div class="line-with-cricle ">
                                                                        <div class="bookingor-status-circle cr-1 bookingor-status-inactive-line bookingor-status-active-curernt-cricle"></div>
                                                                        <div class="bookingor-g-line line-1 active-line"></div>
                                                                    </div>
                                                                    <div class="bookingor-flex bookingor-w-100 align-items-center justify-content-between">
                                                                        <div class="bookingor-status-head "><?php echo esc_html(get_option('bookingor_settings_date_time_name')); ?></div>
                                                                    </div>
                                                                </div>



                                                                <div class="select-status">
                                                                    <div class="line-with-cricle ">
                                                                        <div class="bookingor-status-circle cr-1 bookingor-status-inactive-line"></div>
                                                                        <div class="bookingor-g-line line-1 active-line"></div>
                                                                    </div>
                                                                    <div class="bookingor-flex bookingor-w-100 align-items-center justify-content-between">
                                                                        <div class="bookingor-status-head "><?php echo esc_html(get_option('bookingor_settings_customer_book_name')); ?></div>
                                                                    </div>
                                                                </div>
                                                                <div class="select-status">
                                                                    <div class="line-with-cricle">
                                                                        <div class="bookingor-status-circle cr-1 bookingor-status-inactive-line"></div>
                                                                        <div class="bookingor-g-line line-1 active-line"></div>
                                                                    </div>
                                                                    <div class="bookingor-flex bookingor-w-100 align-items-center justify-content-between">
                                                                        <div class="bookingor-status-head "><?php echo esc_html(get_option('bookingor_settings_customer_payment_name')); ?></div>
                                                                    </div>
                                                                </div>
                                                                <div class="select-status">
                                                                    <div class="line-with-cricle">
                                                                        <div class="bookingor-status-circle cr-1 bookingor-status-inactive-line"></div>
                                                                    </div>
                                                                    <div class="bookingor-flex bookingor-w-100 align-items-center justify-content-between">
                                                                        <div class="bookingor-status-head "><?php esc_html_e('Done', 'bookingor'); ?></div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="bookingor-grid-design-6 bookingor-col-12 bookingor-sm-12 bookingor-md-12">
                                                        <div id="location-book" class="bookingor-ft  flex-fill g-0 f-height cal-pick" data-location-book="">
                                                            <div class="row bookingor-g-0 f-height">
                                                                <div class="bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-12  flex-column bookingor-d-flex j-width bookingor-g-0">
                                                                    <div class="card-body">
                                                                        <div class="sidebar_container  bookingor-d-flex flex-column pd-serv-header">
                                                                            <div id="the-service-search">
                                                                                <input type="text" class="form-control bookingor-searchbar-location" autocomplete="off" id="searchLocation" placeholder="Search <?php echo esc_attr(get_option('bookingor_settings_location_name')); ?>" />
                                                                                <div class="bookingor-front-search-show pad-all-l flw-set bookingor-d-none">
                                                                                    <div id="sugg-show-all-location" class="search-show-all">
                                                                                        <div class="search-serv">
                                                                                            <div class="sug-1">
                                                                                                <div class="all-location bookingor-full-location"><?php echo esc_html("Location Dummy 1", "bookingor"); ?></div>

                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            <div id="select-Location-1" class="select-list-1">
                                                                                <div class="full-head-1"><?php echo esc_html(get_option('bookingor_settings_location_name')); ?></div>
                                                                                <ul class="bookingor-d-flex emp-g flex-wrap gap-x-10">

                                                                                    <li data-select="select-location" class="location-list bookingor-location-all no-shadow get_all_data">
                                                                                        <div class="bookingor-d-flex align-items-center">
                                                                                            <div class="bookingor-d-flex justify-content-start bookingor-my-direction">
                                                                                                <div class="location-image">
                                                                                                    <img class="location-set-image" src="<?php echo  esc_url(AdminRoute::$default_img); ?>" alt="">

                                                                                                </div>
                                                                                                <div class="location-data">
                                                                                                    <div class="location-title"><?php echo esc_html("Location Dummy 1", "bookingor"); ?></div>
                                                                                                    <div class="location-details">
                                                                                                        <div class="lc-gp mb-2  bookingor-d-flex align-items-center">
                                                                                                            <div class="bookingor-d-flex"><svg class="bookingor-location-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                                                                                                    <path d="M12 20.8995L16.9497 15.9497C19.6834 13.2161 19.6834 8.78392 16.9497 6.05025C14.2161 3.31658 9.78392 3.31658 7.05025 6.05025C4.31658 8.78392 4.31658 13.2161 7.05025 15.9497L12 20.8995ZM12 23.7279L5.63604 17.364C2.12132 13.8492 2.12132 8.15076 5.63604 4.63604C9.15076 1.12132 14.8492 1.12132 18.364 4.63604C21.8787 8.15076 21.8787 13.8492 18.364 17.364L12 23.7279ZM12 13C13.1046 13 14 12.1046 14 11C14 9.89543 13.1046 9 12 9C10.8954 9 10 9.89543 10 11C10 12.1046 10.8954 13 12 13ZM12 15C9.79086 15 8 13.2091 8 11C8 8.79086 9.79086 7 12 7C14.2091 7 16 8.79086 16 11C16 13.2091 14.2091 15 12 15Z"></path>
                                                                                                                </svg></div>
                                                                                                            <div class="location-address"><?php echo esc_html("Address, City", "bookingor"); ?></div>
                                                                                                        </div>
                                                                                                        <div class="lc-gp  bookingor-d-flex align-items-center">
                                                                                                            <div class="bookingor-d-flex">
                                                                                                                <svg class="bookingor-tele-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                                                                                                    <path d="M7 4V20H17V4H7ZM6 2H18C18.5523 2 19 2.44772 19 3V21C19 21.5523 18.5523 22 18 22H6C5.44772 22 5 21.5523 5 21V3C5 2.44772 5.44772 2 6 2ZM12 17C12.5523 17 13 17.4477 13 18C13 18.5523 12.5523 19 12 19C11.4477 19 11 18.5523 11 18C11 17.4477 11.4477 17 12 17Z"></path>
                                                                                                                </svg>
                                                                                                            </div>
                                                                                                            <span class="location-phone"><?php echo esc_html("+1 512 000 000", "bookingor"); ?></span>
                                                                                                        </div>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </li>

                                                                                </ul>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="main_footer d-m bookingor-d-flex align-items-center justify-content-between main_botm">
                                                                        <div class="bookingor-flex justify-content-start">
                                                                            <button type="button" id="back-location-btn" class="bookingor-btn_back bookingor-button"><?php echo  esc_html(get_option('bookingor_settings_back_button_text')); ?></button>
                                                                        </div>
                                                                        <div class="bookingor-flex justify-content-end">
                                                                            <button type="button" id="next-location-btn" 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 class="tab-pane fade" id="v-pills-date-time" role="tabpanel" aria-labelledby="v-pills-date-time-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">

                                        <div class=" bookingor-col-xl-12 bookingor-col-lg-12 bookingor-col-md-12 bookingor-col-sm-12 bookingor-col-12 bookingor-set-sidebar bookingor-set-sidebar bookingor-set-sidebar ">
                                            <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-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('Time 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_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-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('Time 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_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 class="bookingor-col-xl-12 bookingor-col-lg-12 bookingor-col-md-12 bookingor-col-sm-12 bookingor-col-12 bookingor-set-sidebar  bookingor-set-sidebar  bookingor-set-sidebar ">
                                            <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-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('People Text', '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_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>
                                    </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 design-3 bookingor-design-6 bookingor-d-flex justify-content-center">
                                            <div class="bookingor-container w-100 f-h bookingor-g-0 bookingor-flex flex-column">

                                                <div class="bookingor-side-bar-status    h-100">
                                                    <div class="sidebar-1 bookingor-flex flex-column j-width bookingor-g-0 bookingor-col-12 bookingor-sm-12 bookingor-md-12">
                                                        <div class="card-body flex-fill">
                                                            <div class="sidebar-category-2 bookingor-flex  flex-fill">
                                                                <div class="select-status">
                                                                    <div class="line-with-cricle">
                                                                        <div class="bookingor-status-circle cr-1 bookingor-status-inactive-line bookingor-status-active-line">
                                                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="completed-status">
                                                                                <path fill="none" d="M0 0h24v24H0V0z"></path>
                                                                                <path d="M9 16.17L5.53 12.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41l4.18 4.18c.39.39 1.02.39 1.41 0L20.29 7.71c.39-.39.39-1.02 0-1.41-.39-.39-1.02-.39-1.41 0L9 16.17z"></path>
                                                                            </svg>
                                                                        </div>
                                                                        <div class="bookingor-g-line line-1 active-line bookingor-active-h-line ">

                                                                        </div>
                                                                    </div>
                                                                    <div class="bookingor-flex bookingor-w-100 align-items-center justify-content-between">
                                                                        <div class="bookingor-status-head live-service"><?php echo esc_html(get_option('bookingor_settings_service_name')); ?></div>
                                                                    </div>
                                                                </div>
                                                                <div class="select-status" data-extra-show="0">
                                                                    <div class="line-with-cricle">
                                                                        <div class="bookingor-status-circle cr-1 bookingor-status-inactive-line bookingor-status-active-line">
                                                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="completed-status">
                                                                                <path fill="none" d="M0 0h24v24H0V0z"></path>
                                                                                <path d="M9 16.17L5.53 12.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41l4.18 4.18c.39.39 1.02.39 1.41 0L20.29 7.71c.39-.39.39-1.02 0-1.41-.39-.39-1.02-.39-1.41 0L9 16.17z"></path>
                                                                            </svg>
                                                                        </div>
                                                                        <div class="bookingor-g-line line-1 active-line bookingor-active-h-line ">

                                                                        </div>
                                                                    </div>
                                                                    <div class="bookingor-flex bookingor-w-100 align-items-center justify-content-between">
                                                                        <div class="bookingor-status-head extra-editing-both"><?php echo esc_html(get_option('bookingor_settings_extra_name')); ?></div>
                                                                    </div>
                                                                </div>
                                                                <div class="select-status">
                                                                    <div class="line-with-cricle">
                                                                        <div class="bookingor-status-circle cr-1 bookingor-status-inactive-line bookingor-status-active-line">
                                                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="completed-status">
                                                                                <path fill="none" d="M0 0h24v24H0V0z"></path>
                                                                                <path d="M9 16.17L5.53 12.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41l4.18 4.18c.39.39 1.02.39 1.41 0L20.29 7.71c.39-.39.39-1.02 0-1.41-.39-.39-1.02-.39-1.41 0L9 16.17z"></path>
                                                                            </svg>
                                                                        </div>
                                                                        <div class="bookingor-g-line line-1 active-line bookingor-active-h-line ">

                                                                        </div>
                                                                    </div>
                                                                    <div class="bookingor-flex bookingor-w-100 align-items-center justify-content-between">
                                                                        <div class="bookingor-status-head "><?php echo esc_html(get_option('bookingor_settings_staff_name')); ?></div>
                                                                    </div>
                                                                </div>
                                                                <div class="select-status">
                                                                    <div class="line-with-cricle">
                                                                        <div class="bookingor-status-circle cr-1 bookingor-status-inactive-line bookingor-status-active-line">
                                                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="completed-status">
                                                                                <path fill="none" d="M0 0h24v24H0V0z"></path>
                                                                                <path d="M9 16.17L5.53 12.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41l4.18 4.18c.39.39 1.02.39 1.41 0L20.29 7.71c.39-.39.39-1.02 0-1.41-.39-.39-1.02-.39-1.41 0L9 16.17z"></path>
                                                                            </svg>
                                                                        </div>
                                                                        <div class="bookingor-g-line line-1 active-line bookingor-active-h-line ">

                                                                        </div>
                                                                    </div>
                                                                    <div class="bookingor-flex bookingor-w-100 align-items-center justify-content-between">
                                                                        <div class="bookingor-status-head "><?php echo esc_html(get_option('bookingor_settings_location_name')); ?></div>
                                                                    </div>
                                                                </div>
                                                                <div class="select-status">
                                                                    <div class="line-with-cricle ">
                                                                        <div class="bookingor-status-circle cr-1 bookingor-status-inactive-line bookingor-status-active-curernt-cricle"></div>
                                                                        <div class="bookingor-g-line line-1 active-line"></div>
                                                                    </div>
                                                                    <div class="bookingor-flex bookingor-w-100 align-items-center justify-content-between">
                                                                        <div class="bookingor-status-head "><?php echo esc_html(get_option('bookingor_settings_date_time_name')); ?></div>
                                                                    </div>
                                                                </div>



                                                                <div class="select-status">
                                                                    <div class="line-with-cricle ">
                                                                        <div class="bookingor-status-circle cr-1 bookingor-status-inactive-line"></div>
                                                                        <div class="bookingor-g-line line-1 active-line"></div>
                                                                    </div>
                                                                    <div class="bookingor-flex bookingor-w-100 align-items-center justify-content-between">
                                                                        <div class="bookingor-status-head "><?php echo esc_html(get_option('bookingor_settings_customer_book_name')); ?></div>
                                                                    </div>
                                                                </div>
                                                                <div class="select-status">
                                                                    <div class="line-with-cricle">
                                                                        <div class="bookingor-status-circle cr-1 bookingor-status-inactive-line"></div>
                                                                        <div class="bookingor-g-line line-1 active-line"></div>
                                                                    </div>
                                                                    <div class="bookingor-flex bookingor-w-100 align-items-center justify-content-between">
                                                                        <div class="bookingor-status-head "><?php echo esc_html(get_option('bookingor_settings_customer_payment_name')); ?></div>
                                                                    </div>
                                                                </div>
                                                                <div class="select-status">
                                                                    <div class="line-with-cricle">
                                                                        <div class="bookingor-status-circle cr-1 bookingor-status-inactive-line"></div>
                                                                    </div>
                                                                    <div class="bookingor-flex bookingor-w-100 align-items-center justify-content-between">
                                                                        <div class="bookingor-status-head "><?php esc_html_e('Done', 'bookingor'); ?></div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="bookingor-grid-design-6 bookingor-col-12 bookingor-sm-12 bookingor-md-12">
                                                        <div id="bookingor-pick-date-time-book" class="bookingor-ft bookingor-ft flex-fill g-0 f-height">
                                                            <div class="row bookingor-g-0 f-height">
                                                                <div class="bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 t-b-set ">
                                                                    <div class="select bookingor-fiting">
                                                                        <div class="row bookingor-g-0 f-height ">
                                                                            
                                                                            <div class="bookingor-col-sm-12 bookingor-col-md-8 j-width bookingor-col-lg-8 bookingor-flex flex-column bk-pd-time">
                                                                                <div class="card-body">
                                                                                    <div class="bookingor-flex flex-column">
                                                                                        <div id="calendar-full-3"></div>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            <div class="bookingor-col-sm-12 bookingor-col-md-4 j-width bookingor-col-lg-4 bookingor-flex flex-column bookingor-g-0" id="time-slot-sw">
                                                                                <div class="card-body">
                                                                                    <div class="pd-l-0" id="main-time-container">
                                                                                        <div id="picktimeWarning" 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 Time', 'bookingor'); ?>
                                                                                        </div>
                                                                                        <div class="bookingor-flex align-items-center justify-content-between bk-pd-time-l">
                                                                                            <div class="full-head-1 tim-hads"><?php echo esc_html(get_option('bookingor_settings_time_name')); ?></div>
                                                                                        </div>
                                                                                        <div id="selectPickTime-1" class="select-list-1">
                                                                                            <ul class="bookingor-flex flex-wrap all-pick-time select-four max-h-156"></ul>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="main_footer d-m bookingor-d-flex align-items-center justify-content-between main_botm">
                                                                        <div class="bookingor-flex justify-content-start">
                                                                            <button type="button" id="bookingor-time-back-btn" class="bookingor-btn_back bookingor-button"><?php echo  esc_html(get_option('bookingor_settings_back_button_text')); ?></button>
                                                                        </div>
                                                                        <div class="bookingor-flex justify-content-end" id="check-repeat">
                                                                            <?php if (is_plugin_active('bookingor-recurring-appointment/bookingor-recurring-appointment.php')) { ?>
                                                                                <button type="button" id="repeat-cont" class="btn_orange bookingor-button bookingor-cont-btn ready-b"><?php echo esc_html(get_option('bookingor_settings_continue_button_text')); ?></button>
                                                                            <?php } else { ?>
                                                                                <button type="button" id="book-ready-design-2" class="btn_orange bookingor-button ready-b bookingor-cont-btn"><?php esc_html_e('Book', 'bookingor'); ?></button>
                                                                            <?php } ?>
                                                                        </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-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('Customer Details 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_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-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('Hide 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_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-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-6 pd-1 bookingor-g-0">
                                                        <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-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-6 bookingor-g-0">
                                                        <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-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('First Name', '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_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-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-6 pd-1 bookingor-g-0">
                                                        <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-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-6 bookingor-g-0">
                                                        <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-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('Last Name', '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_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-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-6 pd-1 bookingor-g-0">
                                                        <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-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-6 bookingor-g-0">
                                                        <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-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('Phone', '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_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-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-6 pd-1 bookingor-g-0">
                                                        <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-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-6 bookingor-g-0">
                                                        <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-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('Email', 'bookingor'); ?></label>
                                                    </div>

                                                </div>
                                                <div class="form-group row align-items-center">
                                                    <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-6 pd-1 bookingor-g-0">
                                                        <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-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-6 bookingor-g-0 mb-2">
                                                        <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 design-3 bookingor-design-6 bookingor-d-flex justify-content-center">
                                            <div class="bookingor-container w-100 f-h bookingor-g-0 bookingor-flex flex-column">

                                                <div class="bookingor-side-bar-status    h-100">
                                                    <div class="sidebar-1 bookingor-flex flex-column j-width bookingor-g-0 bookingor-col-12 bookingor-sm-12 bookingor-md-12">
                                                        <div class="card-body flex-fill">
                                                            <div class="sidebar-category-2 bookingor-flex  flex-fill">
                                                                <div class="select-status">
                                                                    <div class="line-with-cricle">
                                                                        <div class="bookingor-status-circle cr-1 bookingor-status-inactive-line bookingor-status-active-line">
                                                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="completed-status">
                                                                                <path fill="none" d="M0 0h24v24H0V0z"></path>
                                                                                <path d="M9 16.17L5.53 12.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41l4.18 4.18c.39.39 1.02.39 1.41 0L20.29 7.71c.39-.39.39-1.02 0-1.41-.39-.39-1.02-.39-1.41 0L9 16.17z"></path>
                                                                            </svg>
                                                                        </div>
                                                                        <div class="bookingor-g-line line-1 active-line bookingor-active-h-line ">

                                                                        </div>
                                                                    </div>
                                                                    <div class="bookingor-flex bookingor-w-100 align-items-center justify-content-between">
                                                                        <div class="bookingor-status-head live-service"><?php echo esc_html(get_option('bookingor_settings_service_name')); ?></div>
                                                                    </div>
                                                                </div>
                                                                <div class="select-status" data-extra-show="0">
                                                                    <div class="line-with-cricle">
                                                                        <div class="bookingor-status-circle cr-1 bookingor-status-inactive-line bookingor-status-active-line">
                                                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="completed-status">
                                                                                <path fill="none" d="M0 0h24v24H0V0z"></path>
                                                                                <path d="M9 16.17L5.53 12.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41l4.18 4.18c.39.39 1.02.39 1.41 0L20.29 7.71c.39-.39.39-1.02 0-1.41-.39-.39-1.02-.39-1.41 0L9 16.17z"></path>
                                                                            </svg>
                                                                        </div>
                                                                        <div class="bookingor-g-line line-1 active-line bookingor-active-h-line ">

                                                                        </div>
                                                                    </div>
                                                                    <div class="bookingor-flex bookingor-w-100 align-items-center justify-content-between">
                                                                        <div class="bookingor-status-head extra-editing-both"><?php echo esc_html(get_option('bookingor_settings_extra_name')); ?></div>
                                                                    </div>
                                                                </div>
                                                                <div class="select-status">
                                                                    <div class="line-with-cricle">
                                                                        <div class="bookingor-status-circle cr-1 bookingor-status-inactive-line bookingor-status-active-line">
                                                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="completed-status">
                                                                                <path fill="none" d="M0 0h24v24H0V0z"></path>
                                                                                <path d="M9 16.17L5.53 12.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41l4.18 4.18c.39.39 1.02.39 1.41 0L20.29 7.71c.39-.39.39-1.02 0-1.41-.39-.39-1.02-.39-1.41 0L9 16.17z"></path>
                                                                            </svg>
                                                                        </div>
                                                                        <div class="bookingor-g-line line-1 active-line bookingor-active-h-line ">

                                                                        </div>
                                                                    </div>
                                                                    <div class="bookingor-flex bookingor-w-100 align-items-center justify-content-between">
                                                                        <div class="bookingor-status-head "><?php echo esc_html(get_option('bookingor_settings_staff_name')); ?></div>
                                                                    </div>
                                                                </div>
                                                                <div class="select-status">
                                                                    <div class="line-with-cricle">
                                                                        <div class="bookingor-status-circle cr-1 bookingor-status-inactive-line bookingor-status-active-line">
                                                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="completed-status">
                                                                                <path fill="none" d="M0 0h24v24H0V0z"></path>
                                                                                <path d="M9 16.17L5.53 12.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41l4.18 4.18c.39.39 1.02.39 1.41 0L20.29 7.71c.39-.39.39-1.02 0-1.41-.39-.39-1.02-.39-1.41 0L9 16.17z"></path>
                                                                            </svg>
                                                                        </div>
                                                                        <div class="bookingor-g-line line-1 active-line bookingor-active-h-line ">

                                                                        </div>
                                                                    </div>
                                                                    <div class="bookingor-flex bookingor-w-100 align-items-center justify-content-between">
                                                                        <div class="bookingor-status-head "><?php echo esc_html(get_option('bookingor_settings_location_name')); ?></div>
                                                                    </div>
                                                                </div>
                                                                <div class="select-status">
                                                                    <div class="line-with-cricle">
                                                                        <div class="bookingor-status-circle cr-1 bookingor-status-inactive-line bookingor-status-active-line">
                                                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="completed-status">
                                                                                <path fill="none" d="M0 0h24v24H0V0z"></path>
                                                                                <path d="M9 16.17L5.53 12.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41l4.18 4.18c.39.39 1.02.39 1.41 0L20.29 7.71c.39-.39.39-1.02 0-1.41-.39-.39-1.02-.39-1.41 0L9 16.17z"></path>
                                                                            </svg>
                                                                        </div>
                                                                        <div class="bookingor-g-line line-1 active-line bookingor-active-h-line ">

                                                                        </div>
                                                                    </div>
                                                                    <div class="bookingor-flex bookingor-w-100 align-items-center justify-content-between">
                                                                        <div class="bookingor-status-head "><?php echo esc_html(get_option('bookingor_settings_date_time_name')); ?></div>
                                                                    </div>
                                                                </div>
                                                                <div class="select-status">
                                                                    <div class="line-with-cricle ">
                                                                        <div class="bookingor-status-circle cr-1 bookingor-status-inactive-line bookingor-status-active-curernt-cricle"></div>
                                                                        <div class="bookingor-g-line line-1 active-line"></div>
                                                                    </div>
                                                                    <div class="bookingor-flex bookingor-w-100 align-items-center justify-content-between">
                                                                        <div class="bookingor-status-head "><?php echo esc_html(get_option('bookingor_settings_customer_book_name')); ?></div>
                                                                    </div>
                                                                </div>

                                                                <div class="select-status">
                                                                    <div class="line-with-cricle">
                                                                        <div class="bookingor-status-circle cr-1 bookingor-status-inactive-line"></div>
                                                                        <div class="bookingor-g-line line-1 active-line"></div>
                                                                    </div>
                                                                    <div class="bookingor-flex bookingor-w-100 align-items-center justify-content-between">
                                                                        <div class="bookingor-status-head "><?php echo esc_html(get_option('bookingor_settings_customer_payment_name')); ?></div>
                                                                    </div>
                                                                </div>

                                                                <div class="select-status">
                                                                    <div class="line-with-cricle">
                                                                        <div class="bookingor-status-circle cr-1 bookingor-status-inactive-line"></div>
                                                                    </div>
                                                                    <div class="bookingor-flex bookingor-w-100 align-items-center justify-content-between">
                                                                        <div class="bookingor-status-head "><?php esc_html_e('Done', 'bookingor'); ?></div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="bookingor-grid-design-6 bookingor-col-12 bookingor-sm-12 bookingor-md-12">
                                                        <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">
                                                                                <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 form-control-sm" 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 form-control-sm" 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 form-control-sm" 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"><?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" 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>
                                                                        <?php if (get_option('bookingor_settings_woocommcerce_payment_active') === 'on') { ?>
                                                                            <button type="button" id="customer-woocommcerce-cont" class="btn_orange bookingor-button bookingor-woocommcerce bookingor-cont-btn">Confirm
                                                                            <?php } else { ?>
                                                                                <button type="button" id="customer-design-cont" class="btn_orange bookingor-button bookingor-cont-btn"><?php esc_html_e('Confirm Book', 'bookingor'); ?></button>
                                                                            <?php } ?>
                                                                    </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 design-3 bookingor-design-6 bookingor-d-flex justify-content-center">
                                            <div class="bookingor-container w-100 f-h bookingor-g-0 bookingor-flex flex-column">

                                                <div class="bookingor-side-bar-status    h-100">
                                                    <div class="sidebar-1 bookingor-flex flex-column j-width bookingor-g-0 bookingor-col-12 bookingor-sm-12 bookingor-md-12">
                                                        <div class="card-body flex-fill">
                                                            <div class="sidebar-category-2 bookingor-flex  flex-fill">
                                                                <div class="select-status">
                                                                    <div class="line-with-cricle">
                                                                        <div class="bookingor-status-circle cr-1 bookingor-status-inactive-line bookingor-status-active-line">
                                                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="completed-status">
                                                                                <path fill="none" d="M0 0h24v24H0V0z"></path>
                                                                                <path d="M9 16.17L5.53 12.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41l4.18 4.18c.39.39 1.02.39 1.41 0L20.29 7.71c.39-.39.39-1.02 0-1.41-.39-.39-1.02-.39-1.41 0L9 16.17z"></path>
                                                                            </svg>
                                                                        </div>
                                                                        <div class="bookingor-g-line line-1 active-line bookingor-active-h-line ">

                                                                        </div>
                                                                    </div>
                                                                    <div class="bookingor-flex bookingor-w-100 align-items-center justify-content-between">
                                                                        <div class="bookingor-status-head live-service"><?php echo esc_html(get_option('bookingor_settings_service_name')); ?></div>
                                                                    </div>
                                                                </div>
                                                                <div class="select-status" data-extra-show="0">
                                                                    <div class="line-with-cricle">
                                                                        <div class="bookingor-status-circle cr-1 bookingor-status-inactive-line bookingor-status-active-line">
                                                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="completed-status">
                                                                                <path fill="none" d="M0 0h24v24H0V0z"></path>
                                                                                <path d="M9 16.17L5.53 12.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41l4.18 4.18c.39.39 1.02.39 1.41 0L20.29 7.71c.39-.39.39-1.02 0-1.41-.39-.39-1.02-.39-1.41 0L9 16.17z"></path>
                                                                            </svg>
                                                                        </div>
                                                                        <div class="bookingor-g-line line-1 active-line bookingor-active-h-line ">

                                                                        </div>
                                                                    </div>
                                                                    <div class="bookingor-flex bookingor-w-100 align-items-center justify-content-between">
                                                                        <div class="bookingor-status-head extra-editing-both"><?php echo esc_html(get_option('bookingor_settings_extra_name')); ?></div>
                                                                    </div>
                                                                </div>
                                                                <div class="select-status">
                                                                    <div class="line-with-cricle">
                                                                        <div class="bookingor-status-circle cr-1 bookingor-status-inactive-line bookingor-status-active-line">
                                                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="completed-status">
                                                                                <path fill="none" d="M0 0h24v24H0V0z"></path>
                                                                                <path d="M9 16.17L5.53 12.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41l4.18 4.18c.39.39 1.02.39 1.41 0L20.29 7.71c.39-.39.39-1.02 0-1.41-.39-.39-1.02-.39-1.41 0L9 16.17z"></path>
                                                                            </svg>
                                                                        </div>
                                                                        <div class="bookingor-g-line line-1 active-line bookingor-active-h-line ">

                                                                        </div>
                                                                    </div>
                                                                    <div class="bookingor-flex bookingor-w-100 align-items-center justify-content-between">
                                                                        <div class="bookingor-status-head "><?php echo esc_html(get_option('bookingor_settings_staff_name')); ?></div>
                                                                    </div>
                                                                </div>
                                                                <div class="select-status">
                                                                    <div class="line-with-cricle">
                                                                        <div class="bookingor-status-circle cr-1 bookingor-status-inactive-line bookingor-status-active-line">
                                                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="completed-status">
                                                                                <path fill="none" d="M0 0h24v24H0V0z"></path>
                                                                                <path d="M9 16.17L5.53 12.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41l4.18 4.18c.39.39 1.02.39 1.41 0L20.29 7.71c.39-.39.39-1.02 0-1.41-.39-.39-1.02-.39-1.41 0L9 16.17z"></path>
                                                                            </svg>
                                                                        </div>
                                                                        <div class="bookingor-g-line line-1 active-line bookingor-active-h-line ">

                                                                        </div>
                                                                    </div>
                                                                    <div class="bookingor-flex bookingor-w-100 align-items-center justify-content-between">
                                                                        <div class="bookingor-status-head "><?php echo esc_html(get_option('bookingor_settings_location_name')); ?></div>
                                                                    </div>
                                                                </div>
                                                                <div class="select-status">
                                                                    <div class="line-with-cricle">
                                                                        <div class="bookingor-status-circle cr-1 bookingor-status-inactive-line bookingor-status-active-line">
                                                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="completed-status">
                                                                                <path fill="none" d="M0 0h24v24H0V0z"></path>
                                                                                <path d="M9 16.17L5.53 12.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41l4.18 4.18c.39.39 1.02.39 1.41 0L20.29 7.71c.39-.39.39-1.02 0-1.41-.39-.39-1.02-.39-1.41 0L9 16.17z"></path>
                                                                            </svg>
                                                                        </div>
                                                                        <div class="bookingor-g-line line-1 active-line bookingor-active-h-line ">

                                                                        </div>
                                                                    </div>
                                                                    <div class="bookingor-flex bookingor-w-100 align-items-center justify-content-between">
                                                                        <div class="bookingor-status-head "><?php echo esc_html(get_option('bookingor_settings_date_time_name')); ?></div>
                                                                    </div>
                                                                </div>
                                                                <div class="select-status">
                                                                    <div class="line-with-cricle">
                                                                        <div class="bookingor-status-circle cr-1 bookingor-status-inactive-line bookingor-status-active-line">
                                                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="completed-status">
                                                                                <path fill="none" d="M0 0h24v24H0V0z"></path>
                                                                                <path d="M9 16.17L5.53 12.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41l4.18 4.18c.39.39 1.02.39 1.41 0L20.29 7.71c.39-.39.39-1.02 0-1.41-.39-.39-1.02-.39-1.41 0L9 16.17z"></path>
                                                                            </svg>
                                                                        </div>
                                                                        <div class="bookingor-g-line line-1 active-line bookingor-active-h-line ">

                                                                        </div>
                                                                    </div>
                                                                    <div class="bookingor-flex bookingor-w-100 align-items-center justify-content-between">
                                                                        <div class="bookingor-status-head "><?php echo esc_html(get_option('bookingor_settings_customer_book_name')); ?></div>
                                                                    </div>
                                                                </div>
                                                                <div class="select-status">
                                                                    <div class="line-with-cricle">
                                                                        <div class="bookingor-status-circle cr-1 bookingor-status-inactive-line bookingor-status-active-curernt-cricle"></div>
                                                                        <div class="bookingor-g-line line-1 active-line"></div>
                                                                    </div>
                                                                    <div class="bookingor-flex bookingor-w-100 align-items-center justify-content-between">
                                                                        <div class="bookingor-status-head "><?php echo esc_html(get_option('bookingor_settings_customer_payment_name')); ?></div>
                                                                    </div>
                                                                </div>
                                                                <div class="select-status">
                                                                    <div class="line-with-cricle">
                                                                        <div class="bookingor-status-circle cr-1 bookingor-status-inactive-line"></div>
                                                                    </div>
                                                                    <div class="bookingor-flex bookingor-w-100 align-items-center justify-content-between">
                                                                        <div class="bookingor-status-head "><?php esc_html_e('Done', 'bookingor'); ?></div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="bookingor-grid-design-6 bookingor-col-12 bookingor-sm-12 bookingor-md-12">
                                                        <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 bookingor-payment-editing-6"><?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" 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 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 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-lg-12 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 bookingor-set-sidebar  bookingor-set-sidebar  bookingor-set-sidebar ">
                                            <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-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('show Cart', '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_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-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('Booking Confirm 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">
                                                            <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 design-3 bookingor-design-6 bookingor-d-flex justify-content-center">
                                            <div class="bookingor-container w-100 f-h bookingor-g-0 bookingor-flex flex-column">

                                                <div class="bookingor-side-bar-status    h-100">
                                                    <div class="sidebar-1 bookingor-flex flex-column j-width bookingor-g-0 bookingor-col-12 bookingor-sm-12 bookingor-md-12">
                                                        <div class="card-body flex-fill">
                                                            <div class="sidebar-category-2 bookingor-flex  flex-fill">
                                                                <div class="select-status">
                                                                    <div class="line-with-cricle">
                                                                        <div class="bookingor-status-circle cr-1 bookingor-status-inactive-line bookingor-status-active-line">
                                                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="completed-status">
                                                                                <path fill="none" d="M0 0h24v24H0V0z"></path>
                                                                                <path d="M9 16.17L5.53 12.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41l4.18 4.18c.39.39 1.02.39 1.41 0L20.29 7.71c.39-.39.39-1.02 0-1.41-.39-.39-1.02-.39-1.41 0L9 16.17z"></path>
                                                                            </svg>
                                                                        </div>
                                                                        <div class="bookingor-g-line line-1 active-line bookingor-active-h-line ">

                                                                        </div>
                                                                    </div>
                                                                    <div class="bookingor-flex bookingor-w-100 align-items-center justify-content-between">
                                                                        <div class="bookingor-status-head live-service"><?php echo esc_html(get_option('bookingor_settings_service_name')); ?></div>
                                                                    </div>
                                                                </div>
                                                                <div class="select-status" data-extra-show="0">
                                                                    <div class="line-with-cricle">
                                                                        <div class="bookingor-status-circle cr-1 bookingor-status-inactive-line bookingor-status-active-line">
                                                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="completed-status">
                                                                                <path fill="none" d="M0 0h24v24H0V0z"></path>
                                                                                <path d="M9 16.17L5.53 12.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41l4.18 4.18c.39.39 1.02.39 1.41 0L20.29 7.71c.39-.39.39-1.02 0-1.41-.39-.39-1.02-.39-1.41 0L9 16.17z"></path>
                                                                            </svg>
                                                                        </div>
                                                                        <div class="bookingor-g-line line-1 active-line bookingor-active-h-line ">

                                                                        </div>
                                                                    </div>
                                                                    <div class="bookingor-flex bookingor-w-100 align-items-center justify-content-between">
                                                                        <div class="bookingor-status-head extra-editing-both"><?php echo esc_html(get_option('bookingor_settings_extra_name')); ?></div>
                                                                    </div>
                                                                </div>
                                                                <div class="select-status">
                                                                    <div class="line-with-cricle">
                                                                        <div class="bookingor-status-circle cr-1 bookingor-status-inactive-line bookingor-status-active-line">
                                                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="completed-status">
                                                                                <path fill="none" d="M0 0h24v24H0V0z"></path>
                                                                                <path d="M9 16.17L5.53 12.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41l4.18 4.18c.39.39 1.02.39 1.41 0L20.29 7.71c.39-.39.39-1.02 0-1.41-.39-.39-1.02-.39-1.41 0L9 16.17z"></path>
                                                                            </svg>
                                                                        </div>
                                                                        <div class="bookingor-g-line line-1 active-line bookingor-active-h-line ">

                                                                        </div>
                                                                    </div>
                                                                    <div class="bookingor-flex bookingor-w-100 align-items-center justify-content-between">
                                                                        <div class="bookingor-status-head "><?php echo esc_html(get_option('bookingor_settings_staff_name')); ?></div>
                                                                    </div>
                                                                </div>
                                                                <div class="select-status">
                                                                    <div class="line-with-cricle">
                                                                        <div class="bookingor-status-circle cr-1 bookingor-status-inactive-line bookingor-status-active-line">
                                                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="completed-status">
                                                                                <path fill="none" d="M0 0h24v24H0V0z"></path>
                                                                                <path d="M9 16.17L5.53 12.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41l4.18 4.18c.39.39 1.02.39 1.41 0L20.29 7.71c.39-.39.39-1.02 0-1.41-.39-.39-1.02-.39-1.41 0L9 16.17z"></path>
                                                                            </svg>
                                                                        </div>
                                                                        <div class="bookingor-g-line line-1 active-line bookingor-active-h-line ">

                                                                        </div>
                                                                    </div>
                                                                    <div class="bookingor-flex bookingor-w-100 align-items-center justify-content-between">
                                                                        <div class="bookingor-status-head "><?php echo esc_html(get_option('bookingor_settings_location_name')); ?></div>
                                                                    </div>
                                                                </div>
                                                                <div class="select-status">
                                                                    <div class="line-with-cricle">
                                                                        <div class="bookingor-status-circle cr-1 bookingor-status-inactive-line bookingor-status-active-line">
                                                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="completed-status">
                                                                                <path fill="none" d="M0 0h24v24H0V0z"></path>
                                                                                <path d="M9 16.17L5.53 12.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41l4.18 4.18c.39.39 1.02.39 1.41 0L20.29 7.71c.39-.39.39-1.02 0-1.41-.39-.39-1.02-.39-1.41 0L9 16.17z"></path>
                                                                            </svg>
                                                                        </div>
                                                                        <div class="bookingor-g-line line-1 active-line bookingor-active-h-line ">

                                                                        </div>
                                                                    </div>
                                                                    <div class="bookingor-flex bookingor-w-100 align-items-center justify-content-between">
                                                                        <div class="bookingor-status-head "><?php echo esc_html(get_option('bookingor_settings_date_time_name')); ?></div>
                                                                    </div>
                                                                </div>
                                                                <div class="select-status">
                                                                    <div class="line-with-cricle">
                                                                        <div class="bookingor-status-circle cr-1 bookingor-status-inactive-line bookingor-status-active-line">
                                                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="completed-status">
                                                                                <path fill="none" d="M0 0h24v24H0V0z"></path>
                                                                                <path d="M9 16.17L5.53 12.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41l4.18 4.18c.39.39 1.02.39 1.41 0L20.29 7.71c.39-.39.39-1.02 0-1.41-.39-.39-1.02-.39-1.41 0L9 16.17z"></path>
                                                                            </svg>
                                                                        </div>
                                                                        <div class="bookingor-g-line line-1 active-line bookingor-active-h-line ">

                                                                        </div>
                                                                    </div>
                                                                    <div class="bookingor-flex bookingor-w-100 align-items-center justify-content-between">
                                                                        <div class="bookingor-status-head "><?php echo esc_html(get_option('bookingor_settings_customer_book_name')); ?></div>
                                                                    </div>
                                                                </div>
                                                                <div class="select-status">
                                                                    <div class="line-with-cricle">
                                                                        <div class="bookingor-status-circle cr-1 bookingor-status-inactive-line bookingor-status-active-line">
                                                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="completed-status">
                                                                                <path fill="none" d="M0 0h24v24H0V0z"></path>
                                                                                <path d="M9 16.17L5.53 12.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41l4.18 4.18c.39.39 1.02.39 1.41 0L20.29 7.71c.39-.39.39-1.02 0-1.41-.39-.39-1.02-.39-1.41 0L9 16.17z"></path>
                                                                            </svg>
                                                                        </div>
                                                                        <div class="bookingor-g-line line-1 active-line bookingor-active-h-line ">

                                                                        </div>
                                                                    </div>
                                                                    <div class="bookingor-flex bookingor-w-100 align-items-center justify-content-between">
                                                                        <div class="bookingor-status-head "><?php echo esc_html(get_option('bookingor_settings_customer_payment_name')); ?></div>
                                                                    </div>
                                                                </div>
                                                                <div class="select-status">
                                                                    <div class="line-with-cricle">
                                                                        <div class="bookingor-status-circle cr-1 bookingor-status-inactive-line bookingor-status-active-line">
                                                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="completed-status">
                                                                                <path fill="none" d="M0 0h24v24H0V0z"></path>
                                                                                <path d="M9 16.17L5.53 12.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41l4.18 4.18c.39.39 1.02.39 1.41 0L20.29 7.71c.39-.39.39-1.02 0-1.41-.39-.39-1.02-.39-1.41 0L9 16.17z"></path>
                                                                            </svg>
                                                                        </div>

                                                                    </div>
                                                                    <div class="bookingor-flex bookingor-w-100 align-items-center justify-content-between">
                                                                        <div class="bookingor-status-head "><?php esc_html_e('Done', 'bookingor'); ?></div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="bookingor-grid-design-6 bookingor-col-12 bookingor-sm-12 bookingor-md-12">
                                                        <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 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 design-3 bookingor-design-6 bookingor-d-flex justify-content-center">
                                <div class="bookingor-container w-100 f-h bookingor-g-0 bookingor-flex flex-column">

                                    <div class="bookingor-side-bar-status    h-100">
                                        <div class="sidebar-1 bookingor-flex flex-column j-width bookingor-g-0 bookingor-col-12 bookingor-sm-12 bookingor-md-12">
                                            <div class="card-body flex-fill">
                                                <div class="sidebar-category-2 bookingor-flex  flex-fill">
                                                    <div class="select-status ">
                                                        <div class="line-with-cricle service-ine">
                                                            <div class="bookingor-status-circle cr-1 bookingor-status-inactive-line"></div>
                                                            <div class="bookingor-g-line line-1 active-line"></div>
                                                        </div>
                                                        <div class="bookingor-flex bookingor-w-100 align-items-center justify-content-between">
                                                            <div class="bookingor-status-head live-service boookingor-status-active-text"><?php echo esc_html(get_option('bookingor_settings_service_name')); ?></div>
                                                        </div>
                                                    </div>
                                                    <div class="select-status " data-extra-show="0">
                                                        <div class="line-with-cricle extra-ine">
                                                            <div class="bookingor-status-circle cr-1 bookingor-status-inactive-line"></div>
                                                            <div class="bookingor-g-line line-1 active-line"></div>
                                                        </div>
                                                        <div class="bookingor-flex bookingor-w-100 align-items-center justify-content-between">
                                                            <div class="bookingor-status-head extra-editing-both"><?php echo esc_html(get_option('bookingor_settings_extra_name')); ?></div>
                                                        </div>
                                                    </div>

                                                    <div class="select-status">
                                                        <div class="line-with-cricle ">
                                                            <div class="bookingor-status-circle  cr-1 bookingor-status-inactive-line"></div>
                                                            <div class="bookingor-g-line line-1 active-line"></div>
                                                        </div>
                                                        <div class="bookingor-flex bookingor-w-100 align-items-center justify-content-between">
                                                            <div class="bookingor-status-head "><?php echo esc_html(get_option('bookingor_settings_staff_name')); ?></div>
                                                        </div>
                                                    </div>

                                                    <div class="select-status">
                                                        <div class="line-with-cricle">
                                                            <div class="bookingor-status-circle cr-1 bookingor-status-inactive-line"></div>
                                                            <div class="bookingor-g-line line-1 active-line"></div>
                                                        </div>
                                                        <div class="bookingor-flex bookingor-w-100 align-items-center justify-content-between">
                                                            <div class="bookingor-status-head "><?php echo esc_html(get_option('bookingor_settings_location_name')); ?></div>
                                                        </div>
                                                    </div>

                                                    <div class="select-status">
                                                        <div class="line-with-cricle ">
                                                            <div class="bookingor-status-circle bookingor-w-100 cr-1 bookingor-status-inactive-line"></div>
                                                            <div class="bookingor-g-line line-1 active-line"></div>
                                                        </div>
                                                        <div class="bookingor-flex bookingor-w-100 align-items-center justify-content-between">
                                                            <div class="bookingor-status-head "><?php echo esc_html(get_option('bookingor_settings_date_time_name')); ?></div>
                                                        </div>
                                                    </div>


                                                    <div class="select-status">
                                                        <div class="line-with-cricle ">
                                                            <div class="bookingor-status-circle cr-1 bookingor-status-inactive-line"></div>
                                                            <div class="bookingor-g-line line-1 active-line"></div>
                                                        </div>
                                                        <div class="bookingor-flex bookingor-w-100 align-items-center justify-content-between">
                                                            <div class="bookingor-status-head "><?php echo esc_html(get_option('bookingor_settings_customer_book_name')); ?></div>
                                                        </div>
                                                    </div>
                                                    <div class="select-status">
                                                        <div class="line-with-cricle">
                                                            <div class="bookingor-status-circle cr-1 bookingor-status-inactive-line"></div>
                                                            <div class="bookingor-g-line line-1 active-line"></div>
                                                        </div>
                                                        <div class="bookingor-flex bookingor-w-100 align-items-center justify-content-between">
                                                            <div class="bookingor-status-head "><?php echo esc_html(get_option('bookingor_settings_customer_payment_name')); ?></div>
                                                        </div>
                                                    </div>
                                                    <div class="select-status">
                                                        <div class="line-with-cricle">
                                                            <div class="bookingor-status-circle cr-1 bookingor-status-inactive-line"></div>
                                                        </div>
                                                        <div class="bookingor-flex bookingor-w-100 align-items-center justify-content-between">
                                                            <div class="bookingor-status-head "><?php esc_html_e('Done', 'bookingor'); ?></div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="bookingor-grid-design-6 bookingor-col-12 bookingor-sm-12 bookingor-md-12">
                                            <div id="main-book" class="bookingor-ft flex-fill">
                                                <div class="row bookingor-g-0 f-height">
                                                    <div id="bookingor-service" 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 class="card-body">
                                                            <div class="main-services">
                                                                <div class="main_top align-items-center justify-content-between pd-serv-header mb-2">
                                                                    <div class="row bookingor-g-0 align-content-center">
                                                                        <div class="bookingor-col-12 bookingor-col-sm-12 j-width bookingor-col-md-12 bookingor-col-lg-9 bookingor-col-xl-9">
                                                                            <div class="bookingor-my-grid bookingor-grid-t-column bookingor-gap-5">
                                                                                <div id="the-category-select-3">
                                                                                    <select class="form-select" id="bookingor-6-category">
                                                                                        <option value=""><?php esc_html_e('Select ', 'bookingor'); ?><?php echo esc_html(get_option('bookingor_settings_category_name')); ?></option>
                                                                                        <option><?php echo esc_html("Category Dummy 1", "bookingor"); ?></option>
                                                                                    </select>
                                                                                </div>
                                                                                <div id="the-services-search">
                                                                                    <div class="bookingor-searchbar-show-now">
                                                                                        <input type="text" class="form-control bookingor-searchbar-2" autocomplete="off" id="searchService-1" placeholder="Search <?php echo esc_attr(get_option('bookingor_settings_service_name')); ?>" />
                                                                                    </div>
                                                                                    <div class="bookingor-front-search-show pad-all-l flw-set bookingor-d-none">
                                                                                        <div id="sugg-show-all-service" class="search-show-all">
                                                                                            <div class="search-serv">
                                                                                                <div class="sug-1">

                                                                                                    <div class="bookingor-search-all-service s-label widget-location">
                                                                                                        Service Dummy Name
                                                                                                    </div>

                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        <div class="bookingor-gap-5 bookingor-col-12 j-width bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-3 bookingor-col-xl-3 left bookingor-flex align-items-center justify-content-end">
                                                                            <div>
                                                                                <div class="btn-group">
                                                                                    <div class="left bookingor-flex align-items-center dropdown bookingor-btn dropdown-toggle" id="dropdownMenuClickableInside" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false" role="button"><?php echo esc_html("Price", "bookingor"); ?></div>
                                                                                    <div class="price-abs-menu dropdown-menu dropdown-menu-end" aria-labelledby="dropdownMenuClickableInside">
                                                                                        <div id="slider-range"></div>
                                                                                        <div class="price-inputs bookingor-flex align-items-center justify-content-between">
                                                                                            <div>
                                                                                                <label><?php esc_html_e('min', 'bookingor'); ?></label>
                                                                                                <span><?php echo esc_html(get_option('bookingor_settings_currency_symbol')); ?></span><input type="number" min="0" class="form-control" id="minPrice" />
                                                                                            </div>
                                                                                            <div>
                                                                                                <label><?php esc_html_e('max', 'bookingor'); ?></label>
                                                                                                <span><?php echo esc_html(get_option('bookingor_settings_currency_symbol')); ?></span><input type="number" min="0" class="form-control" id="maxPrice" />
                                                                                            </div>
                                                                                        </div>
                                                                                        <div id="applyBtn"><?php esc_html_e('Apply', 'bookingor'); ?></div>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            <div class="bookingor-grid-list-hide">
                                                                                <div class="bookingor-gap-5 view_icons bookingor-flex align-items-center">
                                                                                    <div class="bookingor-grid-icons">
                                                                                        <img id="gridView" src="<?php echo esc_attr(plugin_dir_url(dirname(dirname(__FILE__))) . 'assets/images/design-svg/grid-view.svg'); ?> " alt="" />
                                                                                    </div>
                                                                                    <div class="bookingor-grid-icons">
                                                                                        <img id="listView" src="<?php echo esc_attr(plugin_dir_url(dirname(dirname(__FILE__))) . 'assets/images/design-svg/list-view.svg'); ?>" alt="" />
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="select">
                                                                    <div class="bookingor-flex gap-5">
                                                                        <div class="live-service full-head-1 pd-l-o"><?php echo esc_html(get_option('bookingor_settings_service_name')); ?></div>
                                                                        <div id="serviceWarning" class="align-items-center justify-content-center">
                                                                            <span class="select_warning align-items-center bookingor-d-none justify-content-center"><?php esc_html_e('Select a ', 'bookingor'); ?><?php echo esc_html(get_option('bookingor_settings_service_name')); ?></span>
                                                                            <span class="blank_wraing bookingor-d-none"><?php esc_html_e('No ', 'bookingor'); ?><?php echo esc_html(get_option('bookingor_settings_service_name')); ?><?php esc_html_e('Try Another. Services Not Found', 'bookingor'); ?></span>
                                                                        </div>
                                                                    </div>
                                                                    <div id="selectService-3" class="select-list-1">
                                                                        <ul class="main-carousel all-services-shw row">

                                                                            <li class="full-service-2 bookingor-full-services-3 get_all_data select_list">
                                                                                <div class="list-f-srvs">
                                                                                    <div class="f-service-image <?php echo esc_attr(get_option('bookingor_settings_service_images_icons')); ?>">
                                                                                        <img class="serv-icon" src="<?php echo  esc_url(AdminRoute::$default_img); ?>" alt="" />
                                                                                    </div>
                                                                                    <div class="bookingor-f-category-name"><?php echo esc_html("Category Name", "bookingor"); ?></div>
                                                                                    <div class="service-card-contents">
                                                                                        <div class="service-heading-1"><?php echo esc_html("Service Dummy Name", "bookingor"); ?></div>

                                                                                        <div class="bookingor-f-content bookingor-line-h"><?php echo esc_html("Service Dummy description here to show you how it works", "bookingor"); ?></div>

                                                                                    </div>
                                                                                    <div>
                                                                                        <div class="bookingor-d-flex align-items-center bookingor-gap-5">

                                                                                            <div class="service-duration">
                                                                                                <div class="bookingor-d-flex gap-1">
                                                                                                    <div class="bookingor-d-flex"><svg xmlns="http://www.w3.org/2000/svg" class="bookingor-icon-duration" viewBox="0 0 24 24" fill="currentColor">
                                                                                                            <path d="M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM13 12H17V14H11V7H13V12Z"></path>
                                                                                                        </svg></div>
                                                                                                    <div class="bookingor-f-13"><?php echo esc_html(HelperControl::convert_duration(30)); ?></div>
                                                                                                </div>
                                                                                            </div>

                                                                                            <div class="service-capacity ">
                                                                                                <div class="bookingor-d-flex align-items-center">
                                                                                                    <div class="bookingor-d-flex gap-1">
                                                                                                        <svg class="bookingor-icon-capacity" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                                                                                                            <path fill-rule="evenodd" clip-rule="evenodd" d="M8 9C8 6.79086 9.79086 5 12 5C14.2091 5 16 6.79086 16 9C16 11.2091 14.2091 13 12 13C9.79086 13 8 11.2091 8 9ZM15.8243 13.6235C17.1533 12.523 18 10.8604 18 9C18 5.68629 15.3137 3 12 3C8.68629 3 6 5.68629 6 9C6 10.8604 6.84668 12.523 8.17572 13.6235C4.98421 14.7459 3 17.2474 3 20C3 20.5523 3.44772 21 4 21C4.55228 21 5 20.5523 5 20C5 17.7306 7.3553 15 12 15C16.6447 15 19 17.7306 19 20C19 20.5523 19.4477 21 20 21C20.5523 21 21 20.5523 21 20C21 17.2474 19.0158 14.7459 15.8243 13.6235Z" fill="#000000" />
                                                                                                        </svg>
                                                                                                    </div>
                                                                                                    <div class="bookingor-f-13">
                                                                                                        5
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>

                                                                                        </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><?php echo esc_html("15", "bookingor"); ?></div>
                                                                                            </div>
                                                                                        </div>

                                                                                        <div class="service-location">
                                                                                            <div class="bookingor-d-flex">
                                                                                                <div class="bookingor-f-13"><?php echo esc_html("Address", "bookingor"); ?></div>
                                                                                                <div class="bookingor-f-13"><?php echo esc_html(", City", "bookingor"); ?></div>
                                                                                            </div>

                                                                                        </div>

                                                                                    </div>
                                                                                </div>
                                                                            </li>
                                                                            <li class="full-service-2 bookingor-full-services-3 get_all_data select_list">
                                                                                <div class="list-f-srvs">
                                                                                    <div class="f-service-image <?php echo esc_attr(get_option('bookingor_settings_service_images_icons')); ?>">
                                                                                        <img class="serv-icon" src="<?php echo  esc_url(AdminRoute::$default_img); ?>" alt="" />
                                                                                    </div>
                                                                                    <div class="bookingor-f-category-name"><?php echo esc_html("Category Name", "bookingor"); ?></div>
                                                                                    <div class="service-card-contents">
                                                                                        <div class="service-heading-1"><?php echo esc_html("Service Dummy Name", "bookingor"); ?></div>
                                                                                        <div class="bookingor-f-content bookingor-line-h"><?php echo esc_html("Service Dummy description here to show you how it works", "bookingor"); ?></div>
                                                                                    </div>
                                                                                    <div>
                                                                                        <div class="bookingor-d-flex align-items-center bookingor-gap-5">

                                                                                            <div class="service-duration">
                                                                                                <div class="bookingor-d-flex gap-1">
                                                                                                    <div class="bookingor-d-flex"><svg xmlns="http://www.w3.org/2000/svg" class="bookingor-icon-duration" viewBox="0 0 24 24" fill="currentColor">
                                                                                                            <path d="M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM13 12H17V14H11V7H13V12Z"></path>
                                                                                                        </svg></div>
                                                                                                    <div class="bookingor-f-13"><?php echo esc_html(HelperControl::convert_duration(30)); ?></div>
                                                                                                </div>
                                                                                            </div>

                                                                                            <?php if (get_option('bookingor_settings_service_capacity_show') === 'on') { ?>
                                                                                                <div class="service-capacity ">
                                                                                                    <div class="bookingor-d-flex align-items-center">
                                                                                                        <div class="bookingor-d-flex gap-1">
                                                                                                            <svg class="bookingor-icon-capacity" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                                                                                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M8 9C8 6.79086 9.79086 5 12 5C14.2091 5 16 6.79086 16 9C16 11.2091 14.2091 13 12 13C9.79086 13 8 11.2091 8 9ZM15.8243 13.6235C17.1533 12.523 18 10.8604 18 9C18 5.68629 15.3137 3 12 3C8.68629 3 6 5.68629 6 9C6 10.8604 6.84668 12.523 8.17572 13.6235C4.98421 14.7459 3 17.2474 3 20C3 20.5523 3.44772 21 4 21C4.55228 21 5 20.5523 5 20C5 17.7306 7.3553 15 12 15C16.6447 15 19 17.7306 19 20C19 20.5523 19.4477 21 20 21C20.5523 21 21 20.5523 21 20C21 17.2474 19.0158 14.7459 15.8243 13.6235Z" fill="#000000" />
                                                                                                            </svg>
                                                                                                        </div>
                                                                                                        <div class="bookingor-f-13">
                                                                                                            5
                                                                                                        </div>
                                                                                                    </div>
                                                                                                </div>
                                                                                            <?php } ?>
                                                                                        </div>
                                                                                        <?php if (get_option('bookingor_settings_service_price_show') === 'on') { ?>
                                                                                            <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><?php echo esc_html("15", "bookingor"); ?></div>
                                                                                                </div>
                                                                                            </div>
                                                                                        <?php } ?>
                                                                                        <?php if (get_option('bookingor_settings_location_active') === 'on') { ?>
                                                                                            <div class="service-location">
                                                                                                <div class="bookingor-d-flex">
                                                                                                    <div class="bookingor-f-13"><?php echo esc_html("Address", "bookingor"); ?></div>
                                                                                                    <div class="bookingor-f-13"><?php echo esc_html(", City", "bookingor"); ?></div>
                                                                                                </div>
                                                                                            </div>
                                                                                        <?php } ?>
                                                                                    </div>
                                                                                </div>
                                                                            </li>
                                                                            <li class="full-service-2 bookingor-full-services-3 get_all_data select_list">
                                                                                <div class="list-f-srvs">
                                                                                    <div class="f-service-image <?php echo esc_attr(get_option('bookingor_settings_service_images_icons')); ?>">
                                                                                        <img class="serv-icon" src="<?php echo  esc_url(AdminRoute::$default_img); ?>" alt="" />
                                                                                    </div>
                                                                                    <div class="bookingor-f-category-name"><?php echo esc_html("Category Name", "bookingor"); ?></div>
                                                                                    <div class="service-card-contents">
                                                                                        <div class="service-heading-1"><?php echo esc_html("Service Dummy Name", "bookingor"); ?></div>
                                                                                        <div class="bookingor-f-content bookingor-line-h"><?php echo esc_html("Service Dummy description here to show you how it works", "bookingor"); ?></div>

                                                                                    </div>
                                                                                    <div>
                                                                                        <div class="bookingor-d-flex align-items-center bookingor-gap-5">
                                                                                            <div class="service-duration">
                                                                                                <div class="bookingor-d-flex gap-1">
                                                                                                    <div class="bookingor-d-flex"><svg xmlns="http://www.w3.org/2000/svg" class="bookingor-icon-duration" viewBox="0 0 24 24" fill="currentColor">
                                                                                                            <path d="M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM13 12H17V14H11V7H13V12Z"></path>
                                                                                                        </svg></div>
                                                                                                    <div class="bookingor-f-13"><?php echo esc_html(HelperControl::convert_duration(30)); ?></div>
                                                                                                </div>
                                                                                            </div>

                                                                                            <div class="service-capacity ">
                                                                                                <div class="bookingor-d-flex align-items-center">
                                                                                                    <div class="bookingor-d-flex gap-1">
                                                                                                        <svg class="bookingor-icon-capacity" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                                                                                                            <path fill-rule="evenodd" clip-rule="evenodd" d="M8 9C8 6.79086 9.79086 5 12 5C14.2091 5 16 6.79086 16 9C16 11.2091 14.2091 13 12 13C9.79086 13 8 11.2091 8 9ZM15.8243 13.6235C17.1533 12.523 18 10.8604 18 9C18 5.68629 15.3137 3 12 3C8.68629 3 6 5.68629 6 9C6 10.8604 6.84668 12.523 8.17572 13.6235C4.98421 14.7459 3 17.2474 3 20C3 20.5523 3.44772 21 4 21C4.55228 21 5 20.5523 5 20C5 17.7306 7.3553 15 12 15C16.6447 15 19 17.7306 19 20C19 20.5523 19.4477 21 20 21C20.5523 21 21 20.5523 21 20C21 17.2474 19.0158 14.7459 15.8243 13.6235Z" fill="#000000" />
                                                                                                        </svg>
                                                                                                    </div>
                                                                                                    <div class="bookingor-f-13">
                                                                                                        5
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>

                                                                                        </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><?php echo esc_html("15", "bookingor"); ?></div>
                                                                                            </div>
                                                                                        </div>

                                                                                        <div class="service-location">
                                                                                            <div class="bookingor-d-flex">
                                                                                                <div class="bookingor-f-13"><?php echo esc_html("Address", "bookingor"); ?></div>
                                                                                                <div class="bookingor-f-13"><?php echo esc_html(", City", "bookingor"); ?></div>
                                                                                            </div>
                                                                                        </div>

                                                                                    </div>
                                                                                </div>
                                                                            </li>
                                                                            <li class="full-service-2 bookingor-full-services-3 get_all_data select_list">
                                                                                <div class="list-f-srvs">
                                                                                    <div class="f-service-image <?php echo esc_attr(get_option('bookingor_settings_service_images_icons')); ?>">
                                                                                        <img class="serv-icon" src="<?php echo  esc_url(AdminRoute::$default_img); ?>" alt="" />
                                                                                    </div>
                                                                                    <div class="bookingor-f-category-name"><?php echo esc_html("Category Name", "bookingor"); ?></div>
                                                                                    <div class="service-card-contents">
                                                                                        <div class="service-heading-1"><?php echo esc_html("Service Dummy Name", "bookingor"); ?></div>
                                                                                        <div class="bookingor-f-content bookingor-line-h"><?php echo esc_html("Service Dummy description here to show you how it works", "bookingor"); ?></div>

                                                                                    </div>
                                                                                    <div>
                                                                                        <div class="bookingor-d-flex align-items-center bookingor-gap-5">
                                                                                            <div class="service-duration">
                                                                                                <div class="bookingor-d-flex gap-1">
                                                                                                    <div class="bookingor-d-flex"><svg xmlns="http://www.w3.org/2000/svg" class="bookingor-icon-duration" viewBox="0 0 24 24" fill="currentColor">
                                                                                                            <path d="M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM13 12H17V14H11V7H13V12Z"></path>
                                                                                                        </svg></div>
                                                                                                    <div class="bookingor-f-13"><?php echo esc_html(HelperControl::convert_duration(30)); ?></div>
                                                                                                </div>
                                                                                            </div>


                                                                                            <div class="service-capacity ">
                                                                                                <div class="bookingor-d-flex align-items-center">
                                                                                                    <div class="bookingor-d-flex gap-1">
                                                                                                        <svg class="bookingor-icon-capacity" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                                                                                                            <path fill-rule="evenodd" clip-rule="evenodd" d="M8 9C8 6.79086 9.79086 5 12 5C14.2091 5 16 6.79086 16 9C16 11.2091 14.2091 13 12 13C9.79086 13 8 11.2091 8 9ZM15.8243 13.6235C17.1533 12.523 18 10.8604 18 9C18 5.68629 15.3137 3 12 3C8.68629 3 6 5.68629 6 9C6 10.8604 6.84668 12.523 8.17572 13.6235C4.98421 14.7459 3 17.2474 3 20C3 20.5523 3.44772 21 4 21C4.55228 21 5 20.5523 5 20C5 17.7306 7.3553 15 12 15C16.6447 15 19 17.7306 19 20C19 20.5523 19.4477 21 20 21C20.5523 21 21 20.5523 21 20C21 17.2474 19.0158 14.7459 15.8243 13.6235Z" fill="#000000" />
                                                                                                        </svg>
                                                                                                    </div>
                                                                                                    <div class="bookingor-f-13">
                                                                                                        5
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>

                                                                                        </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><?php echo esc_html("15", "bookingor"); ?></div>
                                                                                            </div>
                                                                                        </div>

                                                                                        <div class="service-location">
                                                                                            <div class="bookingor-d-flex">
                                                                                                <div class="bookingor-f-13"><?php echo esc_html("Address", "bookingor"); ?></div>
                                                                                                <div class="bookingor-f-13"><?php echo esc_html(", City", "bookingor"); ?></div>
                                                                                            </div>
                                                                                        </div>

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

                                                                        </ul>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="main_footer main_botm bookingor-d-flex align-items-center justify-content-end">
                                                            <div class="bookingor-flex justify-content-end">
                                                                <button type="button" id="ctBtn" 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 class="bookingor-tab-v-ordr bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-2 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("Services", "bookingor"); ?></button>
                                    <button class="nav-link" id="v-pills-extras-tab" data-bs-toggle="pill" data-bs-target="#v-pills-extras" type="button" role="tab" aria-controls="v-pills-extras" aria-selected="false"><?php echo esc_html("Extra", "bookingor"); ?></button>
                                    <button class="nav-link" id="v-pills-staff-tab" data-bs-toggle="pill" data-bs-target="#v-pills-staff" type="button" role="tab" aria-controls="v-pills-staff" aria-selected="false"><?php echo esc_html("Staff", "bookingor"); ?></button>
                                    <button class="nav-link" id="v-pills-location-tab" data-bs-toggle="pill" data-bs-target="#v-pills-location" type="button" role="tab" aria-controls="v-pills-location" aria-selected="false"><?php echo esc_html("Location", "bookingor"); ?></button>
                                    <button class="nav-link" id="v-pills-date-time-tab" data-bs-toggle="pill" data-bs-target="#v-pills-date-time" type="button" role="tab" aria-controls="v-pills-date-time" aria-selected="false"><?php echo esc_html("Date and Time", "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>