<?php

use Bookingor\Routes\AdminRoute;
use Bookingor\Helper\HelperControl;
use Bookingor\Backend\Controller\Staff\StaffControl;
use Bookingor\Backend\Controller\Service\ServiceControl;
use Bookingor\Backend\Controller\Location\LocationControl;
use Bookingor\Integrations\WooCommerce\WooCommercePaymentService;

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

<div class="wrap bookingor">
    <form id="bp-add-services">
        <div class="main">
            <div class="row bookingor-g-0">
                <div class="bookingor-col-xl-12 main-top">
                    <div class="row align-content-center mb-3">
                        <div
                            class="bkinz-m-0 p-r up-heading mt-3 mb-3 bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-2 bookingor-col-xl-2 bookingor-col-xxl-2">
                            <?php esc_html_e("Add Services", "bookingor"); ?></div>

                        <div
                            class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-10 bookingor-col-xl-10 bookingor-col-xxl-10 ">
                            <div class="main-top-content bookingor-flex justify-content-end">
                                <div class="right btn-top bookingor-gap-10">
                                    <input type="hidden" name="status" id="service-status" value="0" />
                                    <button type="submit" name="status"
                                        class="main-top-buttons status btn_gray"><?php esc_html_e("Draft", "bookingor"); ?></button>
                                    <button type="submit"
                                        class="status main-top-buttons btn_blue ml-2 valid"><?php esc_html_e("Publish", "bookingor"); ?></button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row justify-content-between top-reverse bookingor-g-0">
                        <div
                            class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-12 bookingor-col-xxl-8 ">
                            <div class="row bookingor-g-0">
                                <div
                                    class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-4  mb-3">
                                    <div class="row form-group bookingor-flex align-items-top">
                                        <div
                                            class="bookingor-col-12 bookingor-col-sm-3 bookingor-col-md-12 bookingor-col-lg-2 bookingor-col-xl-4 align-self-center">
                                            <label class="h-l-n"><?php esc_html_e("Category", "bookingor"); ?></label>
                                        </div>
                                        <div
                                            class="bookingor-col-12 bookingor-col-sm-9 bookingor-col-md-12 bookingor-col-lg-10 bookingor-col-xl-7">
                                            <div class="form-control-select">
                                                <select class="form-control" name="service_get_category_id"
                                                    id="service-get-category">
                                                    <option value="">
                                                        <?php esc_html_e("Select Category", "bookingor"); ?></option>
                                                    <?php foreach (
                            ServiceControl::bp_get_category_for_services() as $key =>
                            $row
                          ) { ?>
                                                    <option value="<?php echo esc_attr($row->category_id); ?>"
                                                        data-id="<?php echo esc_attr($row->category_id); ?>">
                                                        <?php echo esc_html($row->category_name); ?></option>
                                                    <?php } ?>
                                                </select>
                                            </div>
                                            <div class="ad-valid"></div>
                                        </div>
                                    </div>
                                </div>
                                <?php
                if (class_exists('Bookingor\Frontend\Controller\ServiceSubcategory\ServiceSubcategoryControl')) {
                  require_once wp_normalize_path(WP_PLUGIN_DIR . '/bookingor-subcategory-addon/app/Backend/View/Subcategory/service-subcategory-create.php');
                ?>
                                <?php } ?>
                                <div
                                    class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-4 mb-3">
                                    <div class="row form-group bookingor-flex align-items-top mb-3">
                                        <div
                                            class="bookingor-col-12 bookingor-col-sm-3 bookingor-col-md-12 bookingor-col-lg-2 bookingor-col-xl-4  align-self-center">
                                            <label class="h-l-n"><?php esc_html_e("Assignee", "bookingor"); ?></label>
                                        </div>
                                        <div
                                            class="bookingor-col-12 bookingor-col-sm-9 bookingor-col-md-12 bookingor-col-lg-10 bookingor-col-xl-7 bookingor-col-xxl-7">

                                            <select class="form-select slt2-assign-staff align-self-start"
                                                name="assign_staff_in_service[]" id="select-employees-in-service"
                                                multiple="multiple">
                                                <?php
                        foreach (
                          StaffControl::bp_view_staff() as $key =>
                          $value
                        ) {
                        ?>
                                                <option
                                                    value="<?php echo esc_attr($value->staff_first_name . ' ' . $value->staff_last_name); ?>"
                                                    data-staff-id="<?php echo esc_attr($value->staff_id); ?>">
                                                    <?php echo esc_html($value->staff_first_name . ' ' . $value->staff_last_name); ?>
                                                </option>
                                                <?php }
                        ?>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
            <div class="main-content row">
                <div
                    class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-3 bookingor-col-xxl-2 left-f mb-2">
                    <ul class="nav nav-pills bookingor-flex" id="myTab" role="tablist" aria-orientation="vertical">
                        <li class="nav-item" role="presentation">
                            <a class="nav-link" id="basic-tab" data-bs-toggle="pill" href="#basic" role="tab"
                                aria-controls="basic" aria-selected="true">
                                <svg xmlns="http://www.w3.org/2000/svg" class="bookingor-back-icons"
                                    viewBox="0 0 16 16">
                                    <path fill="#000"
                                        d="M8 .5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1H11v14h1.5a.5.5 0 0 1 0 1h-4a.5.5 0 0 1 0-1H10V1H8.5A.5.5 0 0 1 8 .5" />
                                    <path fill="#000" fill-rule="evenodd"
                                        d="M5.46 4.31a.501.501 0 0 0-.924 0l-2.5 6a.5.5 0 0 0 .923.385l.705-1.69h2.67l.705 1.69a.5.5 0 0 0 .923-.385l-2.5-6zM4.998 5.8L5.915 8h-1.83l.917-2.2z"
                                        clip-rule="evenodd" />
                                    <path fill="#000"
                                        d="M8.5 3a.5.5 0 0 0 0-1H4.8c-1.68 0-2.52 0-3.16.327a3.02 3.02 0 0 0-1.31 1.31c-.327.642-.327 1.48-.327 3.16v2.4c0 1.68 0 2.52.327 3.16a3.02 3.02 0 0 0 1.31 1.31c.642.327 1.48.327 3.16.327h3.7a.5.5 0 0 0 0-1H4.8c-.857 0-1.44 0-1.89-.038c-.438-.035-.663-.1-.819-.18a2 2 0 0 1-.874-.874c-.08-.156-.145-.38-.18-.819c-.037-.45-.038-1.03-.038-1.89v-2.4c0-.857.001-1.44.038-1.89c.036-.438.101-.663.18-.819c.192-.376.498-.682.874-.874c.156-.08.381-.145.819-.18c.45-.036 1.03-.037 1.89-.037h3.7zm4 10a.506.506 0 0 0-.496.504c0 .278.226.503.504.496c.863-.02 1.41-.09 1.86-.318a3 3 0 0 0 1.31-1.31c.327-.642.327-1.48.327-3.16v-2.4c0-1.68 0-2.52-.327-3.16a3 3 0 0 0-1.31-1.31c-.449-.229-.995-.298-1.86-.318a.494.494 0 0 0-.504.496c0 .275.222.497.496.504q.333.007.592.029c.438.035.663.1.819.18c.376.192.682.498.874.874c.08.156.145.38.18.819c.037.45.038 1.03.038 1.89v2.4c0 .857-.001 1.44-.038 1.89c-.036.438-.101.663-.18.819a2 2 0 0 1-.874.874c-.156.08-.381.145-.819.18q-.26.02-.592.028z" />
                                </svg>
                                <?php esc_html_e("Basic", "bookingor"); ?></a>
                            <div class="adm-valid-basic-tabs-txt"></div>
                        </li>
                        <li class="nav-item" role="presentation">
                            <a class="nav-link" id="service-price-tab" data-bs-toggle="pill" href="#service-price"
                                role="tab" aria-controls="service-price" aria-selected="false">
                                <svg xmlns="http://www.w3.org/2000/svg" class="bookingor-back-icons"
                                    viewBox="0 0 2048 2048">
                                    <path fill="#000"
                                        d="M1792 993q60 41 107 93t81 114t50 131t18 141q0 119-45 224t-124 183t-183 123t-224 46q-91 0-176-27t-156-78t-126-122t-85-157H128V128h256V0h128v128h896V0h128v128h256zM256 256v256h1408V256h-128v128h-128V256H512v128H384V256zm643 1280q-3-31-3-64q0-86 24-167t73-153h-97v-128h128v86q41-51 91-90t108-67t121-42t128-15q100 0 192 33V640H256v896zm573 384q93 0 174-35t142-96t96-142t36-175q0-93-35-174t-96-142t-142-96t-175-36q-93 0-174 35t-142 96t-96 142t-36 175q0 93 35 174t96 142t142 96t175 36m64-512h192v128h-320v-384h128zM384 1024h128v128H384zm256 0h128v128H640zm0-256h128v128H640zm-256 512h128v128H384zm256 0h128v128H640zm384-384H896V768h128zm256 0h-128V768h128zm256 0h-128V768h128z" />
                                </svg>
                                <?php esc_html_e("Price & Duration", "bookingor"); ?></a>
                            <div class="adm-valid-duration-tabs-txt"></div>
                        </li>
                        <!-- tire pricing -->
                        <li class="nav-item" role="presentation">
                            <a class="nav-link" id="add-extra-tab" data-bs-toggle="pill" href="#add-extra" role="tab"
                                aria-controls="add-extra" aria-selected="false">
                                <svg xmlns="http://www.w3.org/2000/svg" class="bookingor-back-icons"
                                    viewBox="0 0 14 14">
                                    <g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round"
                                        stroke-width="1">
                                        <path
                                            d="M9.5 3.5h-8a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-8a1 1 0 0 0-1-1" />
                                        <path d="M3.5.5h9a1 1 0 0 1 1 1v9M5.5 6v5M8 8.5H3" />
                                    </g>
                                </svg>
                                <?php esc_html_e("Add Extra's", "bookingor"); ?></a>
                            <div class="adm-valid-extra-tabs-txt"></div>
                        </li>
                        <!-- timesheet -->
                        <?php
            if (class_exists('Bookingor\Backend\Controller\ServiceTimeSheet\ServiceTimeSheetControl')) {
              require_once wp_normalize_path(WP_PLUGIN_DIR . '/bookingor-service-schedule/app/Backend/View/ServiceTimeSheet/service-timesheet-tab.php');
            ?>
                        <?php } ?>
                        <li class="nav-item" role="presentation">
                            <a class="nav-link" id="service-advance-tab" data-bs-toggle="pill" href="#service-advance"
                                role="tab" aria-controls="service-advance" aria-selected="false">
                                <svg xmlns="http://www.w3.org/2000/svg" class="bookingor-back-icons"
                                    viewBox="0 0 24 24">
                                    <path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round"
                                        stroke-width="1.5"
                                        d="M7.05 6.462a2 2 0 0 0 2.63-1.519l.32-1.72a9 9 0 0 1 3.998 0l.322 1.72a2 2 0 0 0 2.63 1.519l1.649-.58a9 9 0 0 1 2.001 3.46l-1.33 1.14a2 2 0 0 0 0 3.037l1.33 1.139a9 9 0 0 1-2.001 3.46l-1.65-.58a2 2 0 0 0-2.63 1.519L14 20.777a9 9 0 0 1-3.998 0l-.322-1.72a2 2 0 0 0-2.63-1.519l-1.649.58a9 9 0 0 1-2.001-3.46l1.33-1.14a2 2 0 0 0 0-3.036L3.4 9.342a9 9 0 0 1 2-3.46zM12 9a3 3 0 1 1 0 6a3 3 0 0 1 0-6"
                                        clip-rule="evenodd" />
                                </svg>
                                <?php esc_html_e("Advance Settings", "bookingor"); ?></a>
                        </li>
                        <li class="nav-item" role="presentation">
                            <a class="nav-link" id="service-location-tab" data-bs-toggle="pill" href="#service-location"
                                role="tab" aria-controls="service-location" aria-selected="false">
                                <svg xmlns="http://www.w3.org/2000/svg" class="bookingor-back-icons"
                                    viewBox="0 0 24 24">
                                    <g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round"
                                        stroke-width="1.5" color="#000">
                                        <path
                                            d="M13.618 21.367A2.37 2.37 0 0 1 12 22a2.37 2.37 0 0 1-1.617-.633C6.412 17.626 1.09 13.447 3.685 7.38C5.09 4.1 8.458 2 12.001 2s6.912 2.1 8.315 5.38c2.592 6.06-2.717 10.259-6.698 13.987" />
                                        <path d="M15.5 11a3.5 3.5 0 1 1-7 0a3.5 3.5 0 0 1 7 0" />
                                    </g>
                                </svg>
                                <?php esc_html_e("Location", "bookingor"); ?>
                            </a>
                        </li>
                    </ul>
                </div>
                <div
                    class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-9 bookingor-col-xxl-6 ">
                    <div class="tab-content">
                        <div class="tab-pane" id="basic" role="tabpanel" aria-labelledby="basic-tab">
                            <div
                                class="card bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-12">
                                <div class="card-header mt-0 p-4">
                                    <h3><?php esc_html_e("ADD Service", "bookingor"); ?></h3>
                                </div>
                                <div class="card-body ">
                                    <div class="two-sides-container-service-service">
                                        <div
                                            class="bookingor-col-12 bookingor-col-sm-10 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-12">
                                            <div class="row form-group bookingor-flex align-items-top mb-3">
                                                <div
                                                    class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-4 bookingor-col-lg-4 bookingor-col-xl-3 ">
                                                    <label
                                                        class="h-l-n"><?php esc_html_e("Service Name", "bookingor"); ?></label>
                                                    <span
                                                        class="info-detail pd-b-1"><?php esc_html_e("Only add one Service Name", "bookingor"); ?></span>
                                                </div>
                                                <div
                                                    class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-8 bookingor-col-lg-8 bookingor-col-xl-9">
                                                    <input type="text" name="service_name"
                                                        class="form-control align-self-start service-name"
                                                        id="service-name-input" placeholder="Health Checkup, Doctor" />
                                                    <div class="ad-valid"></div>
                                                    <section class="section-helper box-shadow-z4 title-helper">
                                                        <div class="hover-bridge"></div>
                                                        <header>
                                                            <h6>
                                                                <span
                                                                    class="helper-heading"><?php esc_html_e("Service Title", "bookingor"); ?></span>
                                                            </h6>
                                                        </header>
                                                        <div class="helper-text">
                                                            <p class="co-text-medium">
                                                                <?php esc_html_e("Service Title display on the booking form where customer can able to book service", "bookingor"); ?>
                                                            </p>
                                                            <div class="co-text-medium">
                                                            </div>
                                                        </div>
                                                    </section>
                                                </div>
                                            </div>
                                            <div class="row form-group bookingor-flex align-items-top mb-3">
                                                <div
                                                    class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-4 bookingor-col-lg-4 bookingor-col-xl-3 ">
                                                    <label
                                                        class="h-l-n"><?php esc_html_e("Service Description", "bookingor"); ?></label>
                                                </div>
                                                <div
                                                    class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-8 bookingor-col-lg-8 bookingor-col-xl-9">
                                                    <textarea name="service_description"
                                                        class="form-control align-self-start service-description"
                                                        id="service-description-input"
                                                        placeholder="Services description"></textarea>
                                                    <span
                                                        class="info-detail pd-b-1"><?php esc_html_e("Write some info about Services", "bookingor"); ?></span>
                                                    <section class="section-helper box-shadow-z4 description-helper">
                                                        <div class="hover-bridge"></div>
                                                        <header>
                                                            <h6>
                                                                <span
                                                                    class="helper-heading"><?php esc_html_e("Service Description", "bookingor"); ?></span>
                                                            </h6>
                                                        </header>
                                                        <div class="helper-text">
                                                            <p class="co-text-medium">
                                                                <?php esc_html_e("Service Description is a small text that display on blow in service Title.", "bookingor"); ?>
                                                            </p>
                                                        </div>
                                                    </section>
                                                </div>
                                            </div>
                                        </div>
                                        <div
                                            class="bookingor-col-12 bookingor-col-sm-10 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-12">
                                            <div class="row form-group bookingor-flex align-items-top mb-3">
                                                <div
                                                    class="bookingor-col-12 bookingor-col-sm-6 bookingor-col-md-4 bookingor-col-lg-4 bookingor-col-xl-4">
                                                    <label
                                                        class="h-l-n"><?php esc_html_e("Service Icon", "bookingor"); ?></label>
                                                </div>
                                            </div>
                                            <div
                                                class="bookingor-col-12 bookingor-col-sm-10 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-6">
                                                <div class="bookingor-c-set">
                                                    <div class="bookingor-circle">
                                                        <img id="bkinz-service-icon-add" class="bp-icons del-icon"
                                                            src="<?php echo esc_attr(AdminRoute::$default_img ? AdminRoute::$default_img :  wp_get_attachment_url($value->service_icon)); ?>"
                                                            alt="" />
                                                        <input type="hidden" name="service_icon_id" id="service-icon-id"
                                                            class="check_validation" value="" />
                                                    </div>
                                                    <div class="p-image">
                                                        <button type="button"
                                                            class="bookingor-btn bookingor-btn-primary"
                                                            id="bp-service-icon"><?php esc_html_e("Upload", "bookingor"); ?></button>
                                                        <div class="remove_icon" id="service-upload-icon"
                                                            data-id="vali_icon" aria-hidden="true"></div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane" id="service-price" role="tabpanel" aria-labelledby="service-price-tab">
                            <div
                                class="card bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-12 bookingor-col-xl-12">
                                <div class="card-header mt-0 p-4">
                                    <h3><?php esc_html_e("Price and Duration", "bookingor"); ?></h3>
                                </div>
                                <div class="card-body service-single-price">
                                    <div class="two-sides-container-service">
                                        <div
                                            class="bookingor-col-12 bookingor-col-sm-10 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-12">
                                            <div class="row form-group bookingor-flex align-items-top mb-3">
                                                <div
                                                    class="bookingor-col-12 bookingor-col-sm-4 bookingor-col-md-4 bookingor-col-lg-4 bookingor-col-xl-4 ">
                                                    <label
                                                        class="h-l-n lft"><?php esc_html_e("Cost", "bookingor"); ?></label>
                                                    <span
                                                        class="info-detail pd-b-1"><?php esc_html_e("cost of services", "bookingor"); ?></span>
                                                </div>
                                                <div
                                                    class="bookingor-col-12 bookingor-col-sm-8 bookingor-col-md-8 bookingor-col-lg-8 bookingor-col-xl-8">
                                                    <div class="bookingor-flex">
                                                        <div
                                                            class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-8 bookingor-col-lg-4 bookingor-col-xl-12">
                                                            <div class="form-control-wrap">
                                                                <div class="input-group flex-nowrap">
                                                                    <span class="input-group-text"
                                                                        id="basic-addon1"><?php echo esc_html(get_option("bookingor_settings_currency_symbol")); ?></span>
                                                                    <input type="number" step="any" name="service_cost"
                                                                        id="services-cost" class="form-control"
                                                                        placeholder="00.00" />
                                                                    <section
                                                                        class="section-helper box-shadow-z4 service-cost-helper">
                                                                        <div class="hover-bridge"></div>
                                                                        <header>
                                                                            <h6>
                                                                                <span
                                                                                    class="helper-heading"><?php esc_html_e("Service Cost", "bookingor"); ?></span>
                                                                            </h6>
                                                                        </header>
                                                                        <div class="helper-text">
                                                                            <div class="co-text-medium">
                                                                                <?php esc_html_e("Fixed Cost of your service that you are offering.if you want to change the currency or symbol goto settings or link on blow", "bookingor"); ?>
                                                                            </div>
                                                                            <div class="co-text-medium">
                                                                                <a href="<?php ?>admin.php?page=bookingor-settings"
                                                                                    target="_blank"><?php esc_html_e("Change Currency", "bookingor"); ?></a>
                                                                            </div>
                                                                        </div>
                                                                    </section>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- deposit code here -->
                                            <?php
                      if (is_plugin_active('bookingor-deposit-payment/bookingor-deposit-payment.php')) {
                        require_once wp_normalize_path(WP_PLUGIN_DIR . '/bookingor-deposit-payment/app/Backend/View/ServiceDeposit/service-deposit-create.php');
                      ?>
                                            <?php } ?>
                                            <div
                                                class="row form-group bookingor-flex align-items-center mb-4 bookingor-required-license ">
                                                <div
                                                    class="bookingor-col-12 bookingor-col-sm-4 bookingor-col-md-4 bookingor-col-lg-4 bookingor-col-xl-4 ">
                                                    <label
                                                        class="h-l-n lft"><?php esc_html_e("Tax", "bookingor"); ?></label>
                                                </div>
                                                <div
                                                    class="bookingor-col-12 bookingor-col-sm-8 bookingor-col-md-8 bookingor-col-lg-4 bookingor-col-xl-3">
                                                    <div class="form-control-wrap">
                                                        <div class="input-group flex-nowrap">
                                                            <span
                                                                class="input-group-text"><?php echo esc_html(get_option("bookingor_settings_currency_symbol")); ?></span>
                                                            <input value="" type="number" step="any" name="service_tax"
                                                                id="services-tax" class="form-control align-self-start"
                                                                placeholder="0.0" />
                                                        </div>
                                                    </div>
                                                    <section class="section-helper box-shadow-z4 service-tax-helper">
                                                        <div class="hover-bridge"></div>
                                                        <header>
                                                            <h6>
                                                                <span
                                                                    class="helper-heading"><?php esc_html_e("Service Tax", "bookingor"); ?></span>
                                                            </h6>
                                                        </header>
                                                        <div class="helper-text">
                                                            <div class="co-text-medium">
                                                                <?php esc_html_e("Add taxes to your service By default tax is off", "bookingor"); ?>
                                                            </div>
                                                        </div>
                                                    </section>
                                                </div>
                                            </div>
                                            <div
                                                class="row form-group bookingor-flex align-items-top mb-3 bookingor-required-license">
                                                <div
                                                    class="bookingor-col-12 bookingor-col-sm-6 bookingor-col-md-4 bookingor-col-lg-4 bookingor-col-xl-4 ">
                                                    <label
                                                        class="h-l-n lft"><?php esc_html_e("Set Service Capacity Limit", "bookingor"); ?></label>
                                                    <span
                                                        class="info-detail pd-b-1"><?php esc_html_e("Set a limit of space/size can book this service", "bookingor"); ?></span>
                                                </div>
                                                <div
                                                    class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-8 bookingor-col-lg-8 bookingor-col-xl-8">
                                                    <div
                                                        class="bookingor-col-12 bookingor-col-sm-6 bookingor-col-md-4 bookingor-col-lg-4 bookingor-col-xl-7">
                                                        <div class="service-capacity-toggle">
                                                            <label class="switch">
                                                                <input type="checkbox" class="form-check-input"
                                                                    name="service_space_toggle" tabindex="0"
                                                                    id="capacity-services" />
                                                                <span class="slider round"></span>
                                                            </label>
                                                            <span
                                                                class="switch-text"><?php esc_html_e("Single", "bookingor"); ?></span>
                                                        </div>
                                                    </div>
                                                    <div class="capacity-add">
                                                        <div class="row bookingo-g-0 bookingor-gap-5 ">
                                                            <div
                                                                class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-8 bookingor-col-lg-8 bookingor-col-xl-3">
                                                                <span
                                                                    class="info-detail pd-b-1"><?php esc_html_e("Minimum Limit", "bookingor"); ?></span>
                                                                <input type="number" name="service_min_capacity"
                                                                    id="service-min-capacity"
                                                                    class="form-control align-self-start"
                                                                    placeholder="0" value="1" />
                                                            </div>
                                                            <div
                                                                class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-8 bookingor-col-lg-8 bookingor-col-xl-3">
                                                                <span
                                                                    class="info-detail pd-b-1"><?php esc_html_e("Maximum Limit", "bookingor"); ?></span>
                                                                <input type="number" name="service_max_capacity"
                                                                    id="service-max-capacity"
                                                                    class="form-control align-self-start"
                                                                    placeholder="0" value="1" />
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <section
                                                        class="section-helper box-shadow-z4 service-capacity-helper">
                                                        <div class="hover-bridge"></div>
                                                        <header>
                                                            <h6>
                                                                <span
                                                                    class="helper-heading"><?php esc_html_e("Capacity Limit", "bookingor"); ?></span>
                                                            </h6>
                                                        </header>
                                                        <div class="helper-text">
                                                            <div class="co-text-medium">
                                                                <div>
                                                                    <?php esc_html_e("Set How many people can book the same time", "bookingor"); ?>
                                                                </div>
                                                                <div><?php esc_html_e("Usage:", "bookingor"); ?></div>
                                                                <ul>
                                                                    <li><?php esc_html_e("Group Booking", "bookingor"); ?>
                                                                    </li>
                                                                    <li><?php esc_html_e("Session Group", "bookingor"); ?>
                                                                    </li>
                                                                    <li><?php esc_html_e("Seats Limit Booking", "bookingor"); ?>
                                                                    </li>
                                                                </ul>
                                                                <div><?php esc_html_e("Note", "bookingor"); ?></div>
                                                                <div>
                                                                    <?php esc_html_e("Group Capacity based on Time Slots per Day e.g: set capacity 2 12:00 pm customer can book max 2 slots", "bookingor"); ?>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </section>
                                                </div>
                                            </div>
                                            <div style="display:none !important;">
                                                <div
                                                    class="bookingor-col-12 bookingor-col-sm-6 bookingor-col-md-4 bookingor-col-lg-4 bookingor-col-xl-4">
                                                    <label
                                                        class="h-l-n lft"><?php esc_html_e("Conditional Cost Calculation", "bookingor"); ?></label>
                                                </div>
                                                <div class="row form-group bookingor-flex align-items-top mb-3">
                                                    <div
                                                        class="bookingor-col-12 bookingor-col-sm-6 bookingor-col-md-4 bookingor-col-lg-4 bookingor-col-xl-4 ">
                                                        <label
                                                            class="h-l-n lft"><?php esc_html_e("Cost Base on Number of Person Group", "bookingor"); ?></label>
                                                    </div>
                                                    <div id="add-more-person-group"
                                                        class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-8 bookingor-col-lg-8 bookingor-col-xl-8">
                                                        <div
                                                            class="bookingor-col-12 bookingor-col-sm-6 bookingor-col-md-4 bookingor-col-lg-4 bookingor-col-xl-7">
                                                            <div class="service-cost-by-person-toggle">
                                                                <label class="switch">
                                                                    <input type="checkbox" class="form-check-input"
                                                                        name="service_cost_by_person_toggle"
                                                                        tabindex="0" id="cost-by-person-services" />
                                                                    <span class="slider round"></span>
                                                                </label>
                                                                <span
                                                                    class="switch-text"><?php esc_html_e("OFF", "bookingor"); ?></span>
                                                            </div>
                                                        </div>
                                                        <div class="person-cost-add">
                                                            <div class="row bookingor-g-3">
                                                                <div
                                                                    class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-8 bookingor-col-lg-12 bookingor-col-xl-3">
                                                                    <label
                                                                        class="above-label pd-b-1"><?php esc_html_e("From", "bookingor"); ?></label>
                                                                    <select class="form-control required"
                                                                        name="service_group_person_before"
                                                                        id="service-group-person-before">
                                                                        <option value="1">1</option>
                                                                    </select>
                                                                </div>
                                                                <div
                                                                    class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-8 bookingor-col-lg-12 bookingor-col-xl-3">
                                                                    <label
                                                                        class="above-label pd-b-1"><?php esc_html_e("To", "bookingor"); ?></label>
                                                                    <select
                                                                        class="form-control required services-group-person-after disable-last-opt"
                                                                        name="service_group_person_after"
                                                                        id="service-group-person-after">
                                                                        <option value="1">1</option>
                                                                    </select>
                                                                </div>
                                                                <div
                                                                    class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-8 bookingor-col-lg-12 bookingor-col-xl-4 align-self-end">
                                                                    <div class="input-group flex-nowrap">
                                                                        <span class="input-group-text"
                                                                            id="basic-addon1"><?php echo esc_html(get_option("bookingor_settings_currency_symbol")); ?></span>
                                                                        <input type="number" step="0.01"
                                                                            name="service_cost" id="services-cost"
                                                                            class="form-control" placeholder="00.00" />
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="person-cost-add">
                                                            <div class="row bookingor-g-3">
                                                                <div
                                                                    class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-8 bookingor-col-lg-12 bookingor-col-xl-3">
                                                                    <label
                                                                        class="above-label pd-b-1"><?php esc_html_e("From", "bookingor"); ?></label>
                                                                    <select class="form-control required"
                                                                        name="service_group_person_before"
                                                                        id="service-group-person-before">
                                                                        <option value="2">2</option>
                                                                    </select>
                                                                </div>
                                                                <div
                                                                    class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-8 bookingor-col-lg-12 bookingor-col-xl-3">
                                                                    <label
                                                                        class="above-label pd-b-1"><?php esc_html_e("To", "bookingor"); ?></label>
                                                                    <select
                                                                        class="form-control required services-group-person-after group-person-ending-check"
                                                                        name="service_group_person_after"
                                                                        id="service-group-person-after">
                                                                        <option value="1">1</option>
                                                                        <option value="2">2</option>
                                                                    </select>
                                                                </div>
                                                                <div
                                                                    class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-8 bookingor-col-lg-12 bookingor-col-xl-4 align-self-end">
                                                                    <div class="input-group flex-nowrap">
                                                                        <span class="input-group-text"
                                                                            id="basic-addon1"><?php echo esc_html(get_option("bookingor_settings_currency_symbol")); ?></span>
                                                                        <input type="number" step="0.01"
                                                                            name="service_cost" id="services-cost"
                                                                            class="form-control" placeholder="00.00" />
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div
                                            class="bookingor-col-12 bookingor-col-sm-10 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-12">
                                            <div class="row form-group bookingor-flex align-items-top mb-3"
                                                id="helper-duration">
                                                <div
                                                    class="bookingor-col-12 bookingor-col-sm-6 bookingor-col-md-4 bookingor-col-lg-4 bookingor-col-xl-4 ">
                                                    <label
                                                        class="h-l-n lft"><?php esc_html_e("Total Service Duration", "bookingor"); ?></label>
                                                </div>
                                                <div
                                                    class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-8 bookingor-col-lg-8 bookingor-col-xl-8">
                                                    <div class="row bookingor-g-0" id="adding-multiple-duration">
                                                        <div
                                                            class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-10 bookingor-col-lg-9 bookingor-col-xl-9">
                                                            <div class="row ">
                                                                <div
                                                                    class="bookingor-col-12 bookingor-col-sm-4 bookingor-col-md-4 bookingor-col-lg-3 bookingor-col-xl-3 bookingor-g-0 mb-2">
                                                                    <div class="form-control-wrap">
                                                                        <div
                                                                            class="input-group add-duration bookingor-gap-2">
                                                                            <input type="number"
                                                                                class="form-control align-self-start"
                                                                                id="new_Day" id="add-duration-h-m"
                                                                                id="add-duration-text" type="text"
                                                                                name="service_duration" value=""
                                                                                placeholder="00:00" />
                                                                        </div>
                                                                        <div
                                                                            class="input-group add-duration-count bookingor-gap-2">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div
                                                                    class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-9 bookingor-col-lg-9 bookingor-col-xl-9">
                                                                    <div class="form-control-select" id="slot-change"
                                                                        data-slot-change="<?php echo  esc_attr(get_option('bpro_settings_default_time_slot')); ?>">
                                                                        <select class="form-control change-duration"
                                                                            id="service-duration-ch"
                                                                            name="duration_type">
                                                                            <?php
                                      foreach (HelperControl::$service_duration_select  as $key => $value_select) {
                                      ?>
                                                                            <option
                                                                                value="<?php echo esc_attr(esc_attr($key)); ?>">
                                                                                <?php echo esc_html($value_select); ?>
                                                                            </option>
                                                                            <?php
                                      } ?>
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="add-duration-type"></div>
                                                            <span
                                                                class="info-detail pd-b-1 price-tab-info"><?php esc_html_e("Add time in minutes or hours", "bookingor"); ?></span>
                                                        </div>
                                                    </div>
                                                    <section
                                                        class="section-helper box-shadow-z4 service-duration-helper">
                                                        <div class="hover-bridge"></div>
                                                        <header>
                                                            <h6>
                                                                <span
                                                                    class="helper-heading"><?php esc_html_e("Pick Service Duration", "bookingor"); ?></span>
                                                            </h6>
                                                        </header>
                                                        <div class="helper-text">
                                                            <p class="co-text-medium">
                                                                <?php esc_html_e("Choose service duration type:", "bookingor"); ?>
                                                            </p>
                                                            <ul class="co-text-medium"
                                                                style="list-style-type: disc; padding-left: 20px; margin-top: 5px;">
                                                                <li><b><?php esc_html_e("Minute/Hour:", "bookingor"); ?></b>
                                                                    <?php esc_html_e("Standard fixed duration.", "bookingor"); ?>
                                                                </li>
                                                                <li><b><?php esc_html_e("Day/Week/Monthly Full:", "bookingor"); ?></b>
                                                                    <?php esc_html_e("Duration covers the full period from start to end base on schedule", "bookingor"); ?>
                                                                </li>
                                                                <li><b><?php esc_html_e("Day/Week/Monthly with Slots:", "bookingor"); ?></b>
                                                                    <?php esc_html_e("Duration period contains bookable time slots.", "bookingor"); ?>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </section>
                                                </div>
                                            </div>
                                            <div class="row form-group bookingor-flex align-items-top mb-4 bookingor-required-license"
                                                id="time-slot-helper">
                                                <div
                                                    class="bookingor-col-12 bookingor-col-sm-6 bookingor-col-md-4 bookingor-col-lg-4 bookingor-col-xl-4 ">
                                                    <label
                                                        class="h-l-n lft"><?php esc_html_e("Start Time Slot Increments", "bookingor"); ?></label>
                                                    <span
                                                        class="info-detail pd-b-1"><?php esc_html_e("Time slot space of service is total number of slots available", "bookingor"); ?></span>
                                                </div>
                                                <div
                                                    class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-8 bookingor-col-lg-8 bookingor-col-xl-8">
                                                    <div class="row bookingor-g-0">
                                                        <div
                                                            class="bookingor-col-12 bookingor-col-sm-6 bookingor-col-md-4 bookingor-col-lg-4 bookingor-col-xl-3">
                                                            <div class="service-t-slot-toggle">
                                                                <label class="switch">
                                                                    <input type="checkbox" class="form-check-input"
                                                                        name="service_slot_available" value="0"
                                                                        tabindex="0" id="TimeSlot-ON" />
                                                                    <span class="slider round"></span>
                                                                </label>
                                                                <span
                                                                    class="switch-text"><?php esc_html_e("OFF", "bookingor"); ?></span>
                                                            </div>
                                                        </div>
                                                        <div
                                                            class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-8 bookingor-col-lg-4 bookingor-col-xl-8">
                                                            <div class="form-control-wrap">
                                                                <div class="input-group">
                                                                    <div id="get_duration"
                                                                        class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-8 bookingor-col-lg-4 bookingor-col-xl-12 mrgn-r-3">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div
                                                            class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-8 bookingor-col-lg-8 bookingor-col-xl-12">
                                                            <div class="row start-end bookingor-g-0">
                                                                <div
                                                                    class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-8 bookingor-col-lg-4 bookingor-col-xl-5 ">
                                                                    <div class="form-control-wrap">
                                                                        <label><?php esc_html_e("Time Slot After Every", "bookingor"); ?></label>
                                                                    </div>
                                                                </div>
                                                                <div
                                                                    class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-8 bookingor-col-lg-6 bookingor-col-xl-5">
                                                                    <div class="form-control-wrap">
                                                                        <div class="input-group">
                                                                            <select id="input_time_slot_length"
                                                                                class="form-control required"
                                                                                name="service_time_slot">
                                                                                <?php
                                        foreach (
                                          HelperControl::slot_24_hours() as $key =>
                                          $value_select
                                        ) { ?>
                                                                                <option
                                                                                    value="<?php echo esc_attr($value_select[0]); ?>">
                                                                                    <?php echo esc_html(HelperControl::convert_duration_to_twenty_four_hours($value_select[0])); ?>
                                                                                </option>
                                                                                <?php
                                        } ?>
                                                                            </select>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <section class="section-helper box-shadow-z4 service-time-slot-helper">
                                                    <div class="hover-bridge"></div>
                                                    <header>
                                                        <h6>
                                                            <span
                                                                class="helper-heading"><?php esc_html_e("Time Slot Increment", "bookingor"); ?></span>
                                                        </h6>
                                                    </header>
                                                    <div class="helper-text">
                                                        <p class="co-text-medium">
                                                            <?php esc_html_e("Time Slot increment base on duration that you set in above", "bookingor"); ?>
                                                        </p>
                                                    </div>
                                                </section>
                                            </div>
                                            <div class="row form-group bookingor-flex align-items-top mb-3 bookingor-required-license"
                                                id="buffer-helper">
                                                <div
                                                    class="bookingor-col-12 bookingor-col-sm-6 bookingor-col-md-4 bookingor-col-lg-4 bookingor-col-xl-4 ">
                                                    <label
                                                        class="h-l-n lft"><?php esc_html_e("Buffer Time", "bookingor"); ?></label>
                                                    <span
                                                        class="info-detail pd-b-1"><?php esc_html_e("Service Duration time period between the start Service and the finished.", "bookingor"); ?></span>
                                                </div>
                                                <div
                                                    class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-8 bookingor-col-lg-8 bookingor-col-xl-6 ">
                                                    <div class="row gap-input bookingor-g-0">
                                                        <div
                                                            class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-8 bookingor-col-lg-12 bookingor-col-xl-12">
                                                            <label
                                                                class="above-label pd-b-1"><?php esc_html_e("Before Buffer Time", "bookingor"); ?></label>
                                                            <select class="form-control required"
                                                                name="service_padding_before"
                                                                id="service-padding-before">
                                                                <?php
                                foreach (
                                  HelperControl::buffer_select()  as $key =>
                                  $value_select
                                ) { ?>
                                                                <option
                                                                    value="<?php echo esc_attr($value_select[0]); ?>">
                                                                    <?php echo esc_html(HelperControl::convert_duration($value_select[0])); ?>
                                                                </option>
                                                                <?php
                                }
                                ?>
                                                            </select>
                                                        </div>
                                                        <div
                                                            class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-8 bookingor-col-lg-12 bookingor-col-xl-12">
                                                            <label
                                                                class="above-label pd-b-1"><?php esc_html_e("After Buffer Time", "bookingor"); ?></label>
                                                            <select class="form-control required"
                                                                name="service_padding_after" id="service-padding-after">
                                                                <?php
                                foreach (
                                  HelperControl::buffer_select()  as $key =>
                                  $value_select
                                ) { ?>
                                                                <option
                                                                    value="<?php echo esc_attr($value_select[0]); ?>">
                                                                    <?php echo esc_html(HelperControl::convert_duration($value_select[0])); ?>
                                                                </option>
                                                                <?php
                                }
                                ?>
                                                            </select>
                                                        </div>
                                                    </div>
                                                </div>
                                                <section class="section-helper box-shadow-z4 service-buffer-helper">
                                                    <div class="hover-bridge"></div>
                                                    <header>
                                                        <h6>
                                                            <span
                                                                class="helper-heading"><?php esc_html_e("Service Buffer Time", "bookingor"); ?></span>
                                                        </h6>
                                                    </header>
                                                    <div class="helper-text">
                                                        <p class="co-text-medium">
                                                            <?php esc_html_e("Buffer is padding time allow space time before and after service", "bookingor"); ?>
                                                        </p>
                                                    </div>
                                                </section>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane" id="add-extra" role="tabpanel" aria-labelledby="add-extra-tab">
                            <div
                                class="card bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-12">
                                <div class="card-header mt-0 p-4">
                                    <h3><?php esc_html_e("Add Extra's", "bookingor"); ?></h3>
                                </div>
                                <div class="card-body bookingor-required-license">
                                    <div class="extra-insert"></div>
                                    <div class="add-extra">
                                        <div class="extra">
                                            <div class="bookingor-btn bookingor-btn-primary add-extras">
                                                <?php esc_html_e("Add Extra", "bookingor"); ?></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- time sheet -->
                        <?php
            if (class_exists('Bookingor\Backend\Controller\ServiceTimeSheet\ServiceTimeSheetControl')) {
              require_once wp_normalize_path(WP_PLUGIN_DIR . '/bookingor-service-schedule/app/Backend/View/ServiceTimeSheet/service-timesheet-create.php');
            ?>
                        <?php } ?>
                        <div class="tab-pane" id="service-advance" role="tabpanel" aria-labelledby="service-advance">
                            <div
                                class="card bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-12">
                                <div class="card-header mt-0 p-4">
                                    <h3><?php esc_html_e("Advance Service Settings", "bookingor"); ?></h3>
                                </div>
                                <div class="card-body ">
                                    <div class="two-sides-container-service">
                                        <div
                                            class="bookingor-col-12 bookingor-col-sm-10 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-12 mb-2">
                                            <?php if (is_plugin_active('woocommerce/woocommerce.php') && get_option("bookingor_settings_woocommcerce_payment_active") === "on") { ?>
                                            <div class="row form-group row bookingor-flex align-items-top ">
                                                <div
                                                    class="bookingor-col-12 bookingor-col-sm-6 bookingor-col-md-4 bookingor-col-lg-4 bookingor-col-xl-4 ">
                                                    <label
                                                        class="h-l-n lft"><?php esc_html_e("WooCommerce Product Name ", "bookingor"); ?></label>
                                                    <span
                                                        class="info-detail pd-b-1"><?php esc_html_e("Add WooCommerce product name to use WooCommerce payment", "bookingor"); ?></span>
                                                </div>
                                                <div
                                                    class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-4 bookingor-col-lg-8 bookingor-col-xl-8">
                                                    <div class="mb-3">
                                                        <select class="form-select" name="bookingor_woocommerce_product"
                                                            id="bookingor-woo-product">
                                                            <option value="">
                                                                <?php echo esc_html__('Select a product', 'bookingor'); ?>
                                                            </option>
                                                            <?php foreach (WooCommercePaymentService::get_all_wooCommerce_products() as $key => $value) { ?>
                                                            <option value="<?php echo esc_attr($value->id); ?>">
                                                                <?php echo esc_html($value->name); ?></option>
                                                            <?php  } ?>
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>
                                            <?php  } ?>
                                            <div
                                                class="row form-group bookingor-flex align-items-top bookingor-required-license">
                                                <div
                                                    class="bookingor-col-12 bookingor-col-sm-6 bookingor-col-md-4 bookingor-col-lg-4 bookingor-col-xl-6 ">
                                                    <label
                                                        class="h-l-n lft"><?php esc_html_e("Minimum Time Required Before Book", "bookingor"); ?></label>
                                                    <span
                                                        class="info-detail pd-b-1"><?php esc_html_e("Set Minimum time for customer to book before the booking time near to Start", "bookingor"); ?></span>
                                                </div>
                                                <div
                                                    class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-5 bookingor-col-lg-3 bookingor-col-xl-3">
                                                    <div class="form-control-select">
                                                        <select class="form-control"
                                                            name="service_advance[min_book_time]"
                                                            id="service-setting-allowed-time">

                                                        </select>
                                                    </div>
                                                </div>
                                            </div>
                                            <div
                                                class="row form-group bookingor-flex align-items-top bookingor-required-license">
                                                <div
                                                    class="bookingor-col-12 bookingor-col-sm-6 bookingor-col-md-4 bookingor-col-lg-4 bookingor-col-xl-6 ">
                                                    <label
                                                        class="h-l-n lft"><?php esc_html_e("Minimum Time Required Before Cancel Booking", "bookingor"); ?></label>
                                                    <span
                                                        class="info-detail pd-b-1"><?php esc_html_e("Set time for a Customer to cancel the booking before start", "bookingor"); ?></span>
                                                </div>
                                                <div
                                                    class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-8 bookingor-col-lg-3 bookingor-col-xl-3">
                                                    <div class="form-control-select">
                                                        <select class="form-control"
                                                            name="service_advance[cancel_booking]">

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

                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane" id="service-location" role="tabpanel"
                            aria-labelledby="service-location-tab">
                            <div
                                class="card bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-12">
                                <div class="card-header mt-0 p-4">
                                    <h3><?php esc_html_e("Location", "bookingor"); ?></h3>
                                </div>
                                <div class="card-body ">
                                    <div class="two-sides-container-service">
                                        <div
                                            class="bookingor-col-12 bookingor-col-sm-10 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-12">
                                            <div class="row form-group bookingor-flex align-items-top">
                                                <div
                                                    class="bookingor-col-12 bookingor-col-sm-6 bookingor-col-md-4 bookingor-col-lg-4 bookingor-col-xl-4 ">
                                                    <label
                                                        class="h-l-n lft"><?php esc_html_e("Location", "bookingor"); ?></label>
                                                    <span
                                                        class="info-detail pd-b-1"><?php esc_html_e("Add service location for service", "bookingor"); ?></span>
                                                </div>
                                                <div
                                                    class="bookingor-col-12 bookingor-col-sm-6 bookingor-col-md-12 bookingor-col-lg-7 bookingor-col-xl-7 bookingor-col-xxl-8">
                                                    <div class="form-control-select">
                                                        <select class="form-control" name="service_get_location_id[]"
                                                            id="service-get-location" multiple="multiple">
                                                            <option value="">
                                                                <?php esc_html_e("Select Category", "bookingor"); ?>
                                                            </option>
                                                            <?php foreach (LocationControl::$location_get_data as $key => $row) { ?>
                                                            <option value="<?php echo esc_attr($row->location_id); ?>"
                                                                data-location-id="<?php echo esc_attr($row->location_id); ?>">
                                                                <?php echo esc_html($row->location_address); ?></option>
                                                            <?php } ?>
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form>
</div>