<?php
// Exit if accessed directly
if (! defined('ABSPATH')) exit; ?>
<div id="customer-book" class="bookingor-ft bookingor-d-none  ">
    <div class="t-b-set">
        <div class="customer-book-details bk-pd-all f-height">
            <div id="front-customer-info">
                <div class="frm-details-h full-head-1 mb-2 bookingor-cart-heading"><?php echo esc_html(get_option('bookingor_settings_customer_book_name')); ?></div>
                <div class="mb-5 low-mb">
                    <div class="row">
                        <div class="bookingor-customer-first-name-active bookingor-col-sm-6 bookingor-col-md-6 bookingor-col-xl-6 bookingor-col-12 mb-3">
                            <label class="bookingor-first-name-label form-label bk-front-lbl bookingor-f-14"><?php echo esc_html(get_option('bookingor_settings_customer_first_name_label')); ?></label>
                            <input type="text" class="form-control" name="customer_first_name" id="customer-first-name" placeholder="<?php echo esc_html(get_option('bookingor_settings_customer_first_name_label')); ?>" value="<?php if (is_user_logged_in()) {
                                                                                                                                                                                                                                        echo esc_attr(wp_get_current_user()->first_name);
                                                                                                                                                                                                                                    } ?>" />
                            <span class="cs-vali"></span>
                        </div>
                        <div class="bookingor-customer-last-name-active bookingor-col-sm-6 bookingor-col-md-6 bookingor-col-xl-6 bookingor-col-12 mb-3">
                            <label for="customer-last-name" class="bookingor-last-name-label form-label bk-front-lbl bookingor-f-14"><?php echo esc_html(get_option('bookingor_settings_customer_last_name_label')); ?></label>
                            <input type="text" class="form-control" name="customer_last_name" id="customer-last-name" placeholder="<?php echo esc_html(get_option('bookingor_settings_customer_last_name_label')); ?>" value="<?php if (is_user_logged_in()) {
                                                                                                                                                                                                                                    echo esc_attr(wp_get_current_user()->last_name);
                                                                                                                                                                                                                                } ?>" />
                            <span class="cs-vali"></span>
                        </div>
                        <?php if (!is_user_logged_in()) { ?>
                            <div class="bookingor-col-12 mb-3 bookingor-email-active">
                                <label for="customer-email-address" class="bookingor-email-label form-label bk-front-lbl bookingor-f-14"><?php echo esc_html(get_option('bookingor_settings_customer_email_label')); ?></label>
                                <input type="email" class="form-control" name="customer_email_address" id="customer-email-address" placeholder="you@your.com" value="<?php if (is_user_logged_in()) {
                                                                                                                                                                            echo esc_attr(wp_get_current_user()->user_email);
                                                                                                                                                                        } ?>" />
                                <span class="cs-vali"></span>
                            </div>
                        <?php } else { ?>
                            <div class="bookingor-col-12 mb-3 bookingor-email-active">
                                <label for="customer-email-address" class="bookingor-email-label form-label bk-front-lbl bookingor-f-14"><?php echo esc_html(get_option('bookingor_settings_customer_email_label')); ?></label>
                                <input type="email" class="form-control" name="customer_email_address" id="customer-email-address" placeholder="you@your.com" value="<?php echo esc_attr(wp_get_current_user()->user_email); ?>" />
                                <span class="cs-vali"></span>
                            </div>
                        <?php } ?>
                        <div class="bookingor-col-12 bookingor-phone-active">
                            <div>
                                <label class="bookingor-phone-label form-label bk-front-lbl bookingor-f-14"><?php echo esc_html(get_option('bookingor_settings_customer_phone_label')); ?></label>
                            </div>
                            <input type="tel" name="customer_phone" class="form-control" id="customer-phone" placeholder="000 000 000" value="<?php if (is_user_logged_in()) {
                                                                                                                                                    echo esc_attr(wp_get_current_user()->user_phone);
                                                                                                                                                } ?>" />

                            <span class="cs-vali"></span>
                        </div>
                    </div>
                </div>
            </div>
            <div id="front-customer-comp">
                <div id="get-customer-cpy" class="mbg g-0">
                    <div class="main-sl">
                        <div class="mb-1 g-0">
                            <div>
                                <div id="cs-get-service-n-img">
                                    <div id="customer-get-service-image"></div>
                                    <div>
                                        <div id="customer-sel-service" class="customer-selected-details csd"></div>
                                    </div>
                                </div>
                            </div>
                            <?php 
                             if (get_option('bookingor_settings_location_active') === "on") { ?>
                                <div class="c-h flex-column" id="cs-selected-location">
                                    <label class="checkout-lbl-fw"><?php echo esc_html(get_option('bookingor_settings_location_name')); ?></label>
                                    <div class="csd" id="customer-sel-location"><?php esc_html_e("New York", "bookingor"); ?></div>
                                </div>
                            <?php }  
                            if (get_option('bookingor_settings_staff_active') === "on") { ?>
                                <div class="c-h" id="cs-selected-employee">
                                    <label class="checkout-lbl-fw"><?php echo esc_html(get_option('bookingor_settings_staff_name')); ?></label>
                                    <div class="csd" id="customer-sel-employee"><?php esc_html_e("Jhon Doe", "bookingor"); ?></div>
                                </div>
                            <?php } ?>
                            <div class="c-h" id="cs-selected-date">
                                <label class="checkout-lbl-fw"><?php esc_html_e("Date", "bookingor"); ?></label>
                                <div id="customer-sel-date"></div>
                            </div>
                            <div class="c-h" id="cs-selected-time">
                                <label class="checkout-lbl-fw"><?php echo esc_html(get_option('bookingor_settings_time_name')); ?></label>
                                <div id="customer-sel-time">01:00 PM</div>
                            </div>
                            <div class="c-h" id="cs-selected-service">
                                <div>
                                    <label class="checkout-lbl-fw"><?php echo esc_html(get_option('bookingor_settings_service_name')); ?></label>
                                </div>
                                <div class="service-price">
                                    <div class="<?php echo esc_attr(get_option('bookingor_currency_position_change')); ?> bookingor-flex">
                                        <div class="<?php echo esc_attr(get_option('bookingor_currency_position_change')); ?>"><?php echo esc_html(get_option("bookingor_settings_currency_symbol")); ?></div>
                                        <div class="csd" id="customer-service-price">00.00</div>
                                    </div>
                                </div>
                            </div>
                            <!-- </*?php if (get_option('bookingor_settings_extra_active') === "on") { ?> -->
                            <div class="pt-1" id="shw-extra-in-customer">
                                <div class="c-h-e ckt-pt-1" id="cs-selected-extra">
                                    <div class="checkout-lbl-fw ">
                                        <label class="checkout-lbl-fw"><?php echo esc_html(get_option('bookingor_settings_extra_name')); ?></label>
                                    </div>
                                    <div id="customer-add-extra-details"></div>
                                </div>
                            </div>
                            <!-- </*?php } ?> -->
                            <div class="c-h" id="shw-selected-recurring"></div>
                        </div>
                        <div class="pt-2 ckt-pt-1">
                            <div class="mb-2">
                                <div class="mt bookingor-flex mb-3">
                                    <input type="text" name="customer_coupans" class="form-control customer-coupan" placeholder="Coupon Code" />
                                    <button type="button" class="btn-coupon"><?php esc_html_e("ADD", "bookingor"); ?></button>
                                </div>
                                <div class="sub-price">
                                    <div><?php esc_html_e("SubTotal", "bookingor"); ?></div>
                                    <div class="service-sub-price">
                                        <div class="<?php echo esc_attr(get_option('bookingor_currency_position_change')); ?> bookingor-flex">
                                            <div class="<?php echo esc_attr(get_option('bookingor_currency_position_change')); ?>">
                                                <?php echo esc_html(get_option("bookingor_settings_currency_symbol")); ?>
                                            </div>
                                            <div id="subtotal-cost">00.00</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="discount-price">
                                    <div><?php esc_html_e("Discount", "bookingor"); ?></div>
                                    <div>
                                        <div class="<?php echo esc_attr(get_option('bookingor_currency_position_change')); ?> bookingor-flex">
                                            <div class="<?php echo esc_attr(get_option('bookingor_currency_position_change')); ?>">
                                                <?php echo esc_html(get_option("bookingor_settings_currency_symbol")); ?>
                                            </div>
                                            <div id="service-discount-price">00.00</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="tax-price">
                                    <div><?php esc_html_e("VAT(TAX)", "bookingor"); ?></div>
                                    <div>
                                        <div class="<?php echo esc_attr(get_option('bookingor_currency_position_change')); ?> bookingor-flex">
                                            <div class="<?php echo esc_attr(get_option('bookingor_currency_position_change')); ?>">
                                                <?php echo esc_html(get_option("bookingor_settings_currency_symbol")); ?>
                                            </div>
                                            <div id="service-vat-cost">00.00</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="total-price">
                                    <div><?php esc_html_e("Total", "bookingor"); ?></div>
                                    <div class="total-price">
                                        <div class="<?php echo esc_attr(get_option('bookingor_currency_position_change')); ?> bookingor-flex">
                                            <div class="<?php echo esc_attr(get_option('bookingor_currency_position_change')); ?>">
                                                <?php echo esc_html(get_option("bookingor_settings_currency_symbol")); ?>
                                            </div>
                                            <div id="total-calc-cost">00.00</div>
                                        </div>
                                    </div>
                                </div>
                                <?php if (is_plugin_active('bookingor-recurring-appointment/bookingor-recurring-appointment.php')) { ?>
                                    <div id="repeat-paying-now">
                                        <div><?php esc_html_e("Pay", "bookingor"); ?></div>
                                        <div>
                                            <div class="<?php echo esc_attr(get_option('bookingor_currency_position_change')); ?> bookingor-flex">
                                                <div class="<?php echo esc_attr(get_option('bookingor_currency_position_change')); ?>">
                                                    <?php echo esc_html(get_option("bookingor_settings_currency_symbol")); ?>
                                                </div>
                                                <div id="repeat-pay-each-book">00.00</div>
                                            </div>
                                        </div>
                                    </div>
                                <?php }
                                if (is_plugin_active('bookingor-deposit-payment/bookingor-deposit-payment.php')) { ?>
                                    <div id="partial-pay">
                                        <div class="deposit-price">
                                            <div><?php esc_html_e("Deposit Amount", "bookingor"); ?></div>
                                            <div class="total-price">
                                                <div class="<?php echo esc_attr(get_option('bookingor_currency_position_change')); ?> bookingor-flex">
                                                    <div class="<?php echo esc_attr(get_option('bookingor_currency_position_change')); ?>">
                                                        <?php echo esc_html(get_option("bookingor_settings_currency_symbol")); ?>
                                                    </div>
                                                    <div id="deposit-cost">00.00</div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="due-amount">
                                            <div><?php esc_html_e("Due Amount", "bookingor"); ?></div>
                                            <div class="total-price">
                                                <div class="<?php echo esc_attr(get_option('bookingor_currency_position_change')); ?> bookingor-flex">
                                                    <div class="<?php echo esc_attr(get_option('bookingor_currency_position_change')); ?>">
                                                        <?php echo esc_html(get_option("bookingor_settings_currency_symbol")); ?>
                                                    </div>
                                                    <div id="due-remaining-cost">00.00</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                <?php } ?>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="two-tbs main_botm progress-bar-to-show">
            <div class="bookingor-flex justify-content-between">
                <button type="button" id="customer-back-main" class="bookingor-btn_back bookingor-button"><?php echo esc_html(get_option("bookingor_settings_back_button_text")); ?></button>
                <?php if (get_option('bookingor_settings_woocommcerce_payment_active') === 'on') { ?>
                    <button type="button" id="customer-woocommcerce-cont" class="btn_orange bookingor-button bookingor-woocommcerce bookingor-cont-btn">Confirm
                    <?php } else { ?>
                        <button type="button" class="customer-design-cont btn_orange bookingor-button bookingor-cont-btn"><?php esc_html_e("Confirm Book", "bookingor"); ?></button>
                    <?php } ?>
            </div>
        </div>
    </div>
</div>