<?php

use Bookingor\Routes\AdminRoute;
use Bookingor\Backend\Controller\Staff\StaffControl;
use Bookingor\Backend\Controller\Location\LocationControl;
use Bookingor\Backend\Controller\Service\ServiceControl;

// Exit if accessed directly
if (! defined('ABSPATH')) exit; ?>
<div class="wrap bookingor">
  <form id="bp-add-staff" class="">
    <div class="main">
      <div class="row justify-content-between mb-3 align-items-center">
        <div class="bookingor-m-0 up-heading bookingor-col-xl-8 p-r"><?php esc_html_e("Add Staff", "bookingor"); ?></div>
        <div class="bookingor-col-md-12 bookingor-col-12 bookingor-col-xl-4">
          <div class="main-top-content bookingor-flex justify-content-end">
            <div class="right btn-top">
              <input type="hidden" name="status" id="staff-status" value="0" />
              <button type="submit" class="status main-top-buttons btn_blue ml-2"><?php esc_html_e("Publish", "bookingor"); ?></button>
            </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-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 active" 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 Detail", "bookingor"); ?>
              </a>
            </li>
            <li class="nav-item" role="presentation">
              <a class="nav-link" id="weekly-time-tab" data-bs-toggle="pill" href="#weekly-time" role="tab" aria-controls="weekly-time" 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="M8.376 3q-.322.12-.631.261m12.973 13.04q.153-.332.282-.676m-2.501 3.74q.258-.24.497-.499m-3.727 2.506q.291-.11.573-.237m-3.686.859q-.346.012-.694 0m-3.675-.854q.272.123.551.228m-3.665-2.447q.204.217.423.422m-2.463-3.678q.113.296.243.583m-.871-3.743a10 10 0 0 1 0-.626m.62-3.142q.111-.293.24-.577m1.791-2.68q.217-.232.449-.449M13.5 12a1.5 1.5 0 1 1-1.5-1.5m1.5 1.5a1.5 1.5 0 0 0-1.5-1.5m1.5 1.5H16m-4-1.5V6m10 6c0-5.523-4.477-10-10-10" color="#000" />
                </svg>
                <?php esc_html_e("Working Hours", "bookingor"); ?></a>
            </li>
            <li class="nav-item" role="presentation">
              <a class="nav-link" id="special-day-tab" data-bs-toggle="pill" href="#special-day" role="tab" aria-controls="special-day" aria-selected="false">
                <svg xmlns="http://www.w3.org/2000/svg" class="bookingor-back-icons" viewBox="0 0 24 24">
                  <path fill="#000" d="M22 4H10a2 2 0 0 0-2 2v4l-2 2l2 2v4a2 2 0 0 0 2 2h12c1.11 0 2-.89 2-2V6c0-1.11-.89-2-2-2m0 14H10V6h12zM4 8H2V2h2zm-2 8h2v6H2zm3-4c0 1.11-.89 2-2 2a2 2 0 1 1 2-2m10 3.08l-2.75-3l1.16-1.16L15 12.5l3.59-3.58l1.16 1.41z" />
                </svg>
                <?php esc_html_e("Special Days", "bookingor"); ?>
              </a>
            </li>
            <li class="nav-item" role="presentation">
              <a class="nav-link" id="add-holiday-tab" data-bs-toggle="pill" href="#add-holiday" role="tab" aria-controls="add-holiday" aria-selected="false">
                <svg xmlns="http://www.w3.org/2000/svg" class="bookingor-back-icons" viewBox="0 0 20 20">
                  <g fill="#000">
                    <g fill-rule="evenodd" clip-rule="evenodd">
                      <path d="M5.955 5.805a5.94 5.94 0 0 0-1.736 4.87a1 1 0 0 1-1.99.21a7.94 7.94 0 0 1 2.322-6.504c3.136-3.092 8.19-3.04 11.289.102s3.081 8.198-.054 11.29a7.92 7.92 0 0 1-5.44 2.286a8 8 0 0 1-2.283-.29a1 1 0 1 1 .533-1.927a6 6 0 0 0 1.714.217a5.92 5.92 0 0 0 4.071-1.71c2.343-2.31 2.365-6.099.035-8.461s-6.118-2.393-8.46-.083" />
                      <path d="M3.967 11.695a1 1 0 0 1-1.412.082l-1.72-1.53a1 1 0 0 1 1.33-1.494l1.72 1.53a1 1 0 0 1 .082 1.412" />
                      <path d="M2.42 11.6a1 1 0 0 0 1.4.2l2-1.5a1 1 0 0 0-1.2-1.6l-2 1.5a1 1 0 0 0-.2 1.4M10 6a1 1 0 0 1 1 1v3.5a1 1 0 1 1-2 0V7a1 1 0 0 1 1-1" />
                      <path d="M14 10.5a1 1 0 0 1-1 1h-3a1 1 0 1 1 0-2h3a1 1 0 0 1 1 1" />
                    </g>
                    <path d="M1.293 2.707a1 1 0 0 1 1.414-1.414l16 16a1 1 0 0 1-1.414 1.414z" />
                  </g>
                </svg>
                <?php esc_html_e("Holidays", "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-10">
          <div class="tab-content">
            <div class="tab-pane active" 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 Staff", "bookingor"); ?></h3>
                </div>
                <div class="card-body">
                  <div class="row">
                    <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-6">
                      <div class="form-group row align-items-center mb-3">
                        <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-4 bookingor-col-lg-4 bookingor-col-xl-4 pd-1">
                          <label class="h-l-n"><?php esc_html_e("Staff First Name", "bookingor"); ?></label>
                        </div>
                        <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-8 bookingor-col-lg-8 bookingor-col-xl-7">
                          <input type="text" name="staff_first_name" class="form-control align-self-start" id="staff-first-name" placeholder="First Name Staff" required />
                        </div>
                      </div>
                      <div class="form-group row align-items-center mb-3">
                        <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-4 bookingor-col-lg-4 bookingor-col-xl-4 pd-1">
                          <label class="h-l-n"><?php esc_html_e("Staff Last Name", "bookingor"); ?></label>
                        </div>
                        <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-8 bookingor-col-lg-8 bookingor-col-xl-7">
                          <input type="text" name="staff_last_name" class="form-control align-self-start" id="staff-last-name" placeholder="Last Name Staff" required />
                        </div>
                      </div>
                      <div class="form-group row align-items-center mb-3">
                        <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-4 bookingor-col-lg-4 bookingor-col-xl-4 pd-1">
                          <label class="h-l-n"><?php esc_html_e("Phone", "bookingor"); ?></label>
                        </div>
                        <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-8 bookingor-col-lg-8 bookingor-col-xl-7">
                          <input type="text" name="staff_phone" class="form-control align-self-start" id="staff-phone" placeholder="+00 000 000" />
                        </div>
                      </div>
                      <div class="form-group row align-items-center mb-3">
                        <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-4 bookingor-col-lg-4 bookingor-col-xl-4 pd-1">
                          <label class="h-l-n"><?php esc_html_e("Email", "bookingor"); ?></label>
                        </div>
                        <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-8 bookingor-col-lg-8 bookingor-col-xl-7">
                          <input type="email" name="staff_email" class="form-control align-self-start" id="staff-email" placeholder="me@gmail.com" required />
                        </div>
                      </div>
                      <div class="form-group row align-items-top mb-4">
                        <div class="bookingor-col-12 bookingor-col-sm-6 bookingor-col-md-4 bookingor-col-lg-4 bookingor-col-xl-4 pd-1">
                          <label class="h-l-n"><?php esc_html_e("Assign Service", "bookingor"); ?></label>
                        </div>
                        <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-8 bookingor-col-lg-8 bookingor-col-xl-7">
                          <div class="form-control-select">
                            <select class="form-control staff-assign-data" name="assign_services_in_staff[]" id="staff-get-service" multiple>
                              <?php foreach (
                                ServiceControl::bp_view_service() as $key =>
                                $value
                              ) { ?>
                                <option data-service-id="<?php echo esc_attr($value->service_id); ?>"><?php echo esc_html($value->service_name); ?></option>
                              <?php }
                              ?>
                            </select>
                          </div>
                        </div>
                      </div>
                      <div class="form-group row align-items-top mb-4">
                        <div class="bookingor-col-12 bookingor-col-sm-6 bookingor-col-md-4 bookingor-col-lg-4 bookingor-col-xl-4 pd-1">
                          <label class="h-l-n"><?php esc_html_e("Location", "bookingor"); ?></label>
                        </div>
                        <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-8 bookingor-col-lg-8 bookingor-col-xl-7">
                          <div class="form-control-select">
                            <select class="form-control staff-location-data" name="assign_locations_in_staff[]" id="staff-get-location" multiple>
                              <?php foreach (
                                LocationControl::bp_get_location_view() as $key =>
                                $value
                              ) { ?>
                                <option data-location-id="<?php echo esc_attr($value->location_id); ?>"><?php echo esc_html($value->location_address); ?></option>
                              <?php }
                              ?>
                            </select>
                          </div>
                        </div>
                      </div>
                      <div class="form-group row align-items-center mb-4 bookingor-required-license">
                        <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-4 bookingor-col-lg-4 bookingor-col-xl-4 pd-1">
                          <label class="h-l-n"><?php esc_html_e("Wordpress Login:", "bookingor"); ?></label>
                        </div>
                        <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-8 bookingor-col-lg-8 bookingor-col-xl-7 bookingor-flex align-items-center">
                          <div>
                            <label class="switch">
                              <input type="checkbox" name="bp_new_user_create" tabindex="0" id="wp-user-create" />
                              <span class="slider round"></span>
                            </label>
                          </div>
                          <div>
                            <span class="switch-text"><?php esc_html_e("OFF", "bookingor"); ?></span>
                          </div>
                        </div>
                      </div>
                      <div class="user-n">
                        <div class="form-group row align-items-center bookingor-flex">
                          <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-4 bookingor-col-lg-4 bookingor-col-xl-4 pd-1">
                            <label class="h-l-n"><?php esc_html_e("Password", "bookingor"); ?></label>
                          </div>
                          <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-8 bookingor-col-lg-8 bookingor-col-xl-7">
                            <input type="password" name="staff_wp_password" class="form-control align-self-start" id="staff-password" placeholder="" />
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-6">
                      <div class="form-group bookingor-column align-items-center">
                        <div class="bookingor-col-12 bookingor-col-sm-6 bookingor-col-md-4 bookingor-col-lg-4 bookingor-col-xl-12">
                          <label class="h-l-n"><?php esc_html_e("Add Staff Image", "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-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="staff_image" id="staff-image-id" class="check_validation" value="" />
                            </div>
                            <div class="p-image">
                              <button type="button" class="bookingor-btn bookingor-btn-primary" id="staff-image"><?php esc_html_e("Upload", "bookingor"); ?></button>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="form-group row align-items-center mb-3 mt-3 bookingor-required-license">
                        <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-4 bookingor-col-lg-3 bookingor-col-xl-3 pd-1">
                          <label class="h-l-n"><?php esc_html_e("Tag Line", "bookingor"); ?></label>
                        </div>
                        <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-8 bookingor-col-lg-9 bookingor-col-xl-9">
                          <input type="text" name="staff_tag_line" class="form-control align-self-start" id="staff-tag-line" placeholder="Software Developer , Doctor , Staff" />
                        </div>
                      </div>
                      <div class="form-group row align-items-center mb-3 bookingor-required-license">
                        <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-4 bookingor-col-lg-3 bookingor-col-xl-3 pd-1">
                          <label class="h-l-n"><?php esc_html_e("About", "bookingor"); ?></label>
                        </div>
                        <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-8 bookingor-col-lg-9 bookingor-col-xl-9">
                          <textarea name="bookingor_staff_about" class="form-control w-100"></textarea>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="tab-pane" id="weekly-time" role="tabpanel" aria-labelledby="weekly-time-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("Working Hour Schedule", "bookingor"); ?></h3>
                </div>
                <div>
                  <div class="wek-sh bookingor-required-license">
                    <div class="row">
                      <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-12 set-p">
                        <div class="row">
                          <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-2 g-0">
                            <label class="h-l-n"><?php esc_html_e("Monday", "bookingor"); ?></label>
                          </div>
                          <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-8 bookingor-col-lg-9 bookingor-col-xl-7 staff-week-day" data-day="Monday">
                            <div class="myday align-items-center g-0">
                              <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-12">
                                <div class="bookingor-flex">
                                  <div class="wkly-time">
                                    <input class="form-control time day-start" value="09:00" type="text" />
                                  </div>
                                  <span class="time-space">—</span>
                                  <div class="wkly-time">
                                    <input class="form-control time day-end" value="17:00" type="text" />
                                  </div>
                                </div>
                              </div>
                              <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-12 bookingor-flex">
                                <div class="row">
                                  <div class="bookingor-col-12 g-0">
                                    <div class="bk-pd">
                                      <a class="adding-b break-time" name="monday_add_break">+ <?php esc_html_e("Add Break Time", "bookingor"); ?></a>
                                    </div>
                                  </div>
                                  <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-12 pr-1">
                                    <div class="insert-break bookingor-gap-5"></div>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                          <div class="bookingor-col-4 bookingor-col-sm-3 bookingor-col-md-3 bookingor-col-lg-3 bookingor-col-xl-3 pd-tb-1 bookingor-flex">
                            <div>
                              <label class="switch">
                                <input type="checkbox" name="staff_off_day" tabindex="0" class="removeDay on-days" value="0" />
                                <span class="slider round"></span>
                              </label>
                            </div>
                            <div class="switch-txt">
                              <span class="switch-text"><?php esc_html_e("Available", "bookingor"); ?></span>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-12 set-p">
                        <div class="row">
                          <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-2 g-0">
                            <label class="h-l-n"><?php esc_html_e("Tuesday", "bookingor"); ?></label>
                          </div>
                          <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-8 bookingor-col-lg-9 bookingor-col-xl-7 staff-week-day" data-day="tuesday">
                            <div class="myday align-items-center g-0">
                              <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-12">
                                <div class="bookingor-flex">
                                  <div class="wkly-time">
                                    <input class="form-control time day-start" value="09:00" type="text" />
                                  </div>
                                  <span class="time-space">—</span>
                                  <div class="wkly-time">
                                    <input class="form-control time day-end" value="17:00" type="text" />
                                  </div>
                                </div>
                              </div>
                              <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-12 bookingor-flex">
                                <div class="row">
                                  <div class="bookingor-col-12 g-0">
                                    <div class="bk-pd">
                                      <a class="adding-b break-time" name="tues_add_break">+ <?php esc_html_e("Add Break Time", "bookingor"); ?></a>
                                    </div>
                                  </div>
                                  <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-12 pr-1">
                                    <div class="insert-break bookingor-gap-5"></div>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                          <div class="bookingor-col-4 bookingor-col-sm-3 bookingor-col-md-3 bookingor-col-lg-3 bookingor-col-xl-3 pd-tb-1 bookingor-flex">
                            <div>
                              <label class="switch">
                                <input type="checkbox" name="staff_off_day" tabindex="0" class="removeDay on-days" value="0" />
                                <span class="slider round"></span>
                              </label>
                            </div>
                            <div class="switch-txt">
                              <span class="switch-text"><?php esc_html_e("Available", "bookingor"); ?></span>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-12 set-p">
                        <div class="row">
                          <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-2 g-0">
                            <label class="h-l-n"><?php esc_html_e("Wednesday", "bookingor"); ?></label>
                          </div>
                          <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-8 bookingor-col-lg-9 bookingor-col-xl-7 staff-week-day" data-day="wednesday">
                            <div class="myday align-items-center g-0">
                              <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-12">
                                <div class="bookingor-flex">
                                  <div class="wkly-time">
                                    <input class="form-control time day-start" value="09:00" type="text" />
                                  </div>
                                  <span class="time-space">—</span>
                                  <div class="wkly-time">
                                    <input class="form-control time day-end" value="17:00" type="text" />
                                  </div>
                                </div>
                              </div>
                              <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-12 bookingor-flex">
                                <div class="row">
                                  <div class="bookingor-col-12 g-0">
                                    <div class="bk-pd">
                                      <a class="adding-b break-time" name="wed_add_break">+ <?php esc_html_e("Add Break Time", "bookingor"); ?></a>
                                    </div>
                                  </div>
                                  <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-12 pr-1">
                                    <div class="insert-break bookingor-gap-5"></div>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                          <div class="bookingor-col-4 bookingor-col-sm-3 bookingor-col-md-3 bookingor-col-lg-3 bookingor-col-xl-3 pd-tb-1 bookingor-flex">
                            <div>
                              <label class="switch">
                                <input type="checkbox" name="staff_off_day" tabindex="0" class="removeDay on-days" value="0" />
                                <span class="slider round"></span>
                              </label>
                            </div>
                            <div class="switch-txt">
                              <span class="switch-text"><?php esc_html_e("Available", "bookingor"); ?></span>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-12 set-p">
                        <div class="row">
                          <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-2 g-0">
                            <label class="h-l-n"><?php esc_html_e("Thursday", "bookingor"); ?></label>
                          </div>
                          <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-8 bookingor-col-lg-9 bookingor-col-xl-7 staff-week-day" data-day="thursday">
                            <div class="myday align-items-center g-0">
                              <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-12">
                                <div class="bookingor-flex">
                                  <div class="wkly-time">
                                    <input class="form-control time day-start" value="09:00" type="text" />
                                  </div>
                                  <span class="time-space">—</span>
                                  <div class="wkly-time">
                                    <input class="form-control time day-end" value="17:00" type="text" />
                                  </div>
                                </div>
                              </div>
                              <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-12 bookingor-flex">
                                <div class="row">
                                  <div class="bookingor-col-12 g-0">
                                    <div class="bk-pd">
                                      <a class="adding-b break-time" name="monday_add_break">+ <?php esc_html_e("Add Break Time", "bookingor"); ?></a>
                                    </div>
                                  </div>
                                  <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-12 pr-1">
                                    <div class="insert-break bookingor-gap-5"></div>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                          <div class="bookingor-col-4 bookingor-col-sm-3 bookingor-col-md-3 bookingor-col-lg-3 bookingor-col-xl-3 pd-tb-1 bookingor-flex">
                            <div>
                              <label class="switch">
                                <input type="checkbox" name="staff_off_day" tabindex="0" class="removeDay on-days" value="0" />
                                <span class="slider round"></span>
                              </label>
                            </div>
                            <div class="switch-txt">
                              <span class="switch-text"><?php esc_html_e("Available", "bookingor"); ?></span>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-12 set-p">
                        <div class="row">
                          <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-2 g-0">
                            <label class="h-l-n"><?php esc_html_e("Friday", "bookingor"); ?></label>
                          </div>
                          <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-8 bookingor-col-lg-9 bookingor-col-xl-7 staff-week-day" data-day="friday">
                            <div class="myday align-items-center g-0">
                              <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-12">
                                <div class="bookingor-flex">
                                  <div class="wkly-time">
                                    <input class="form-control time day-start" value="09:00" type="text" />
                                  </div>
                                  <span class="time-space">—</span>
                                  <div class="wkly-time">
                                    <input class="form-control time day-end" value="17:00" type="text" />
                                  </div>
                                </div>
                              </div>
                              <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-12 bookingor-flex">
                                <div class="row">
                                  <div class="bookingor-col-12 g-0">
                                    <div class="bk-pd">
                                      <a class="adding-b break-time" name="monday_add_break">+ <?php esc_html_e("Add Break Time", "bookingor"); ?></a>
                                    </div>
                                  </div>
                                  <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-12 pr-1">
                                    <div class="insert-break bookingor-gap-5"></div>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                          <div class="bookingor-col-4 bookingor-col-sm-3 bookingor-col-md-3 bookingor-col-lg-3 bookingor-col-xl-3 pd-tb-1 bookingor-flex">
                            <div>
                              <label class="switch">
                                <input type="checkbox" name="staff_off_day" tabindex="0" class="removeDay on-days" value="0" />
                                <span class="slider round"></span>
                              </label>
                            </div>
                            <div class="switch-txt">
                              <span class="switch-text"><?php esc_html_e("Available", "bookingor"); ?></span>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-12 set-p">
                        <div class="row">
                          <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-2 g-0">
                            <label class="h-l-n"><?php esc_html_e("Saturday", "bookingor"); ?></label>
                          </div>
                          <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-8 bookingor-col-lg-9 bookingor-col-xl-7 staff-week-day" data-day="saturday">
                            <div class="myday align-items-center g-0">
                              <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-12">
                                <div class="bookingor-flex">
                                  <div class="wkly-time">
                                    <input class="form-control time day-start" value="09:00" type="text" />
                                  </div>
                                  <span class="time-space">—</span>
                                  <div class="wkly-time">
                                    <input class="form-control time day-end" value="17:00" type="text" />
                                  </div>
                                </div>
                              </div>
                              <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-12 bookingor-flex">
                                <div class="row">
                                  <div class="bookingor-col-12 g-0">
                                    <div class="bk-pd">
                                      <a class="adding-b break-time" name="monday_add_break">+ <?php esc_html_e("Add Break Time", "bookingor"); ?></a>
                                    </div>
                                  </div>
                                  <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-12 pr-1">
                                    <div class="insert-break bookingor-gap-5"></div>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                          <div class="bookingor-col-4 bookingor-col-sm-3 bookingor-col-md-3 bookingor-col-lg-3 bookingor-col-xl-3 pd-tb-1 bookingor-flex">
                            <div>
                              <label class="switch">
                                <input type="checkbox" name="staff_off_day" tabindex="0" class="removeDay on-days" value="0" />
                                <span class="slider round"></span>
                              </label>
                            </div>
                            <div class="switch-txt">
                              <span class="switch-text"><?php esc_html_e("Available", "bookingor"); ?></span>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-12 set-p">
                        <div class="row">
                          <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-2 g-0">
                            <label class="h-l-n"><?php esc_html_e("Sunday", "bookingor"); ?></label>
                          </div>
                          <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-8 bookingor-col-lg-9 bookingor-col-xl-7 staff-week-day" data-day="sunday">
                            <div class="myday sun align-items-center g-0 row">
                              <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-12">
                                <div class="bookingor-flex">
                                  <div class="wkly-time">
                                    <input class="form-control time day-start" value="09:00" type="text" />
                                  </div>
                                  <span class="time-space">—</span>
                                  <div class="wkly-time">
                                    <input class="form-control time day-end" value="17:00" type="text" />
                                  </div>
                                </div>
                              </div>
                              <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-12 bookingor-flex">
                                <div class="row">
                                  <div class="bookingor-col-12 g-0">
                                    <div class="bk-pd">
                                      <a class="adding-b break-time" name="monday_add_break">+ <?php esc_html_e("Add Break Time", "bookingor"); ?></a>
                                    </div>
                                  </div>
                                  <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-12 pr-1">
                                    <div class="insert-break bookingor-gap-5"></div>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                          <div class="bookingor-col-4 bookingor-col-sm-3 bookingor-col-md-3 bookingor-col-lg-3 bookingor-col-xl-3 pd-tb-1 bookingor-flex">
                            <div>
                              <label class="switch">
                                <input type="checkbox" name="sun_off" value="1" tabindex="0" class="removeDay off_sunday" />
                                <span class="slider round"></span>
                              </label>
                            </div>
                            <div class="switch-txt">
                              <span class="switch-text"><?php esc_html_e("OFF", "bookingor"); ?></span>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="tab-pane" id="special-day" role="tabpanel" aria-labelledby="special-day-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("Special Day", "bookingor"); ?></h3>
                </div>
                <div class="card-body bookingor-required-license">
                  <div class="insert-special-day staff-sp-day"></div>
                  <div class="bookingor-col-12 bookingor-col-sm-12 bookingor-col-md-12 bookingor-col-lg-12 bookingor-col-xl-12">
                    <a class="bookingor-btn bookingor-btn-primary add-special-day adding-spl-break" id="add-special-day"><?php esc_html_e("Add Special Days", "bookingor"); ?></a>
                  </div>
                </div>
              </div>
            </div>
            <div class="tab-pane" id="add-holiday" role="tabpanel" aria-labelledby="add-holiday-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("Holiday", "bookingor"); ?></h3>
                </div>
                <div class="card-body">

                  <div id="calendar" class="calendar bookingor-required-license"></div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </form>
</div>