You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
915 lines
53 KiB
915 lines
53 KiB
<?php
|
|
$data = array();
|
|
$query_args = array();
|
|
$taxArr = array(
|
|
'pa_pr_type',
|
|
'pa_taste',
|
|
'pa_ves-upakovki',
|
|
'pa_brend',
|
|
'pa_razmer-sobaki',
|
|
'pa_reproduktivnyj-status',
|
|
'pa_tip-aksessuara',
|
|
'pa_vozrast-koshki',
|
|
'pa_vozrast-sobaki'
|
|
);
|
|
$widthArr = array(
|
|
'pa_ves-upakovki',
|
|
'pa_vozrast-koshki',
|
|
'pa_vozrast-sobaki',
|
|
'pa_reproduktivnyj-status',
|
|
'pa_razmer-sobaki'
|
|
);
|
|
$radioArr = array(
|
|
'pa_dlya-kogo'
|
|
);
|
|
if(is_archive()){
|
|
$object = get_queried_object();
|
|
$category_slug = $object->slug;
|
|
$query_args = array(
|
|
'status' => 'publish',
|
|
'limit' => -1,
|
|
'category' => array( $category_slug ),
|
|
);
|
|
}
|
|
if(is_shop()){
|
|
$query_args = array(
|
|
'status' => 'publish',
|
|
'limit' => -1,
|
|
);
|
|
$taxArr = array(
|
|
'pa_dlya-kogo',
|
|
'pa_pr_type',
|
|
'pa_taste',
|
|
'pa_ves-upakovki'
|
|
);
|
|
}
|
|
foreach( wc_get_products($query_args) as $product ){
|
|
foreach( $product->get_attributes() as $taxonomy => $attribute ){
|
|
$attribute_name = wc_attribute_label( $taxonomy );
|
|
// $attribute_name = get_taxonomy( $taxonomy )->labels->singular_name;
|
|
foreach ( $attribute->get_terms() as $term ){
|
|
if(in_array($taxonomy, $taxArr)) {
|
|
$data[$taxonomy][$term->slug] = $term->name;
|
|
}
|
|
// $data[$attribute_name][$term->term_id] = $term->name;
|
|
}
|
|
}
|
|
}
|
|
?>
|
|
<div class="modal">
|
|
<aside class="modal__aside">
|
|
<form class="modal__item modal__filter" id="ajaxform">
|
|
<button type="button" class="modal__close">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/core/img/svg/main/black-x.svg" alt="">
|
|
</button>
|
|
<input type="hidden" name="action" value="ajaxfilter">
|
|
<input type="hidden" name="category" value="<?= $object->term_id; ?>"/>
|
|
<div class="modal__header --nb">
|
|
<p class="modal__title">Filters</p>
|
|
<div class="modal__content">
|
|
<?php
|
|
foreach($data as $taxonomy=>$terms):
|
|
if(count($terms) > 1):
|
|
?>
|
|
<div class="toggle">
|
|
<p class="toggle__title">
|
|
<?= pll__(get_taxonomy( $taxonomy )->labels->singular_name); ?>
|
|
</p>
|
|
<div class="toggle__block-content">
|
|
<div class="toggle__content">
|
|
<div class="toggle-content__item">
|
|
<?php foreach( $terms as $termslug=>$termname ) : $termid = get_term_by('slug', $termslug, $taxonomy)->term_id;?>
|
|
<?php if(in_array($taxonomy, $radioArr)): ?>
|
|
<div class="toggle-content__element toggle-content__element--width-perc-<?= in_array($taxonomy, $widthArr) ? '100' : '50'; ?>">
|
|
<div class="radio" id="tax_<?= $termid; ?>">
|
|
<input type="radio"
|
|
value="<?= $termslug; ?>"
|
|
name="<?= $taxonomy; ?>[]"
|
|
id="product-cat-<?= $termslug; ?>"
|
|
class="radio__input">
|
|
<label for="product-cat-<?= $termslug; ?>"
|
|
class="radio__label"><?php echo esc_html( $termname ); ?></label>
|
|
</div>
|
|
</div>
|
|
<?php else: ?>
|
|
<div class="toggle-content__element toggle-content__element--width-perc-<?= in_array($taxonomy, $widthArr) ? '100' : '50'; ?>">
|
|
<div class="checkbox" id="tax_<?= $termid; ?>">
|
|
<div class="checkbox__state"></div>
|
|
<input type="checkbox" name="<?= $taxonomy?>[]" value="<?= $termslug; ?>" class="checkbox__input">
|
|
<label class="checkbox__label"><?= esc_html( $termname ); ?></label>
|
|
</div>
|
|
</div>
|
|
<?php endif; ?>
|
|
<?php endforeach;?>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<?php endif; endforeach; ?>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal__block-button">
|
|
<div class="modal__button">
|
|
<button class="button button-submit button--gradient button--high button--100-perc">
|
|
Apply
|
|
</button>
|
|
</div>
|
|
<div class="modal__button">
|
|
<a href="<?php echo get_permalink( wc_get_page_id( 'shop' ) ) ?>"
|
|
class="to-know button--100-perc to-know--background-none button-reset">
|
|
<p>Reset filters</p>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
|
|
<div class="modal__item modal__basket woocommerce-cart-form">
|
|
<?php
|
|
|
|
get_cart_template()
|
|
|
|
?>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="modal__item modal__to-know modal__item--no-title">
|
|
<button class="modal__close">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/core/img/svg/main/black-x.svg" alt="">
|
|
</button>
|
|
<div class="modal__header --nb">
|
|
<p class="modal__small-title">Subscribe on admission</p>
|
|
<p class="modal__text">
|
|
Give us your email and we will notice you
|
|
</p>
|
|
|
|
<form action="" class="modal__form-sub">
|
|
<div class="label">
|
|
<label for="mail" class="label__title">
|
|
email
|
|
</label>
|
|
|
|
<div class="label__question">
|
|
Email
|
|
</div>
|
|
</div>
|
|
<input type="hidden" name="action" value="product_subform">
|
|
<input type="email" class="form__input" name="email" required id="mail" placeholder="Email">
|
|
<div class="checkbox checkbox--small active">
|
|
<div class="checkbox__state"></div>
|
|
<input type="checkbox" checked name="" id="" required class="checkbox__input">
|
|
<label for="" class="checkbox__label">
|
|
I read <a href="#">privacy policy</a> and <a href="#">user agreement</a>
|
|
</label>
|
|
</div>
|
|
|
|
<input type="submit" value="Оставить почту" class="button button--white button--red-48-px button--100-perc active modal-form-sub__submit">
|
|
</form>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="modal__item modal__to-know-submit modal__item--no-title" style="filter: blur(0);">
|
|
<button class="modal__close">
|
|
<img src="assets/img/svg/main/black-x.svg" alt="">
|
|
</button>
|
|
<div class="modal__header --nb">
|
|
<p class="modal__small-title">Successful subscribe!</p>
|
|
<p class="modal__text">
|
|
We will send message on your email <span id="sub-result-email"></span> when product will be available.
|
|
</p>
|
|
<button class="button button--white button--red-48-px button--100-perc active modal-form-sub__submit modal-form-sub__close">
|
|
Continue shopping
|
|
</button>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="modal__item modal__login">
|
|
<button class="modal__close">
|
|
<img src="<?php bloginfo('template_url');?>/gp-include/assets/core/img/svg/main/black-x.svg" alt="">
|
|
</button>
|
|
|
|
<div class="login_wrap login_forms">
|
|
<div class="login_inner step active">
|
|
<h2 class="login_title">Login or sign-up</h2>
|
|
<div class="login_subtitle">verify your e-mail by code from letter</div>
|
|
<div class="login_input js-input-email">
|
|
<input type="text" name="email" placeholder="example@example.com"/>
|
|
<div class="login_error"></div>
|
|
</div>
|
|
<button class="login_btn btn_gradient js-get-code">Get code</button>
|
|
<?php tgWidget(); ?>
|
|
</div>
|
|
<div class="login_inner step">
|
|
<div class="login_back">
|
|
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="32" height="32" rx="16" fill="#121212"/><path d="M8.5 16.3633H25" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.5 16.3633L14.864 22.7272" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.5 16.3633L14.864 9.99932" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
|
</div>
|
|
<h2 class="login_title">Enter the code</h2>
|
|
<div class="login_subtitle">The code wa sent tou your e-mail:<span class="sended_email"></span></div>
|
|
<div class="login_input js-input-code">
|
|
<input type="text" name="code" placeholder="0000"/>
|
|
<div class="login_error"></div>
|
|
</div>
|
|
<div class="login_timer">Request new code in: <span class="seconds">15</span> seconds</div>
|
|
<button class="login_btn btn_gradient js-repeat-code">Request new code</button>
|
|
</div>
|
|
<div class="login_privacy">
|
|
By clicking on the “Get code” button, I consent to the processing of my personal data in accordance with <a href="/privacy-policy">personal data processing policy</a>
|
|
</div>
|
|
</div>
|
|
<div class="login_wrap login_success hide">
|
|
<div class="login_inner active">
|
|
<h2 class="login_title">Thanks<br />for sign-up</h2>
|
|
<div class="login_subtitle">You can now receive promotional codes for purchases.</div>
|
|
<img src="<?php bloginfo('template_url');?>/images/people.png" alt=""/>
|
|
<a href="/my-account" class="login_btn account_link">Fill profile</a>
|
|
</div>
|
|
</div>
|
|
<div class="login_wrap login_auth hide">
|
|
<div class="login_inner active">
|
|
<h2 class="login_title --text-center">
|
|
You are logged in</h2>
|
|
<img src="<?php bloginfo('template_url');?>/images/people.png" alt=""/>
|
|
<a href="/my-account" class="login_btn account_link">Profile</a>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</aside>
|
|
</div>
|
|
|
|
|
|
|
|
<?php
|
|
|
|
if ( is_user_logged_in() ) {
|
|
$current_user = wp_get_current_user();
|
|
|
|
?>
|
|
|
|
<div class="modalProfile" id="pet_add_form">
|
|
<div class="popup-wrap">
|
|
<div class="modal-form form__full-mobile modal-form--white modal-form--height-100-phone form-pet active">
|
|
<button class="modal-form__close"></button>
|
|
<p class="modal-form__title">Add a pet</p>
|
|
|
|
<form class="modal-form__content" id="add-pet-form" method="post" action="">
|
|
<input type="hidden" name="nonce" value="<?php echo wp_create_nonce('add_pet_nonce'); ?>">
|
|
<input type="hidden" name="action" value="add_pet">
|
|
<div class="modal-form-content__line">
|
|
<label for="" class="label-name">Pet type</label>
|
|
<div class="form-input__tabs">
|
|
<label for="cat" class="form-input-tabs__button active">
|
|
Cat
|
|
<input type="radio" value="cat" checked name="pet" id="cat" class="form-input-tabs__input">
|
|
</label>
|
|
|
|
<label for="dog" class="form-input-tabs__button">
|
|
Dog
|
|
<input type="radio" value="dog" name="pet" id="dog" class="form-input-tabs__input">
|
|
</label>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal-form-content__line sterilized" >
|
|
<label for="" class="label-name">Sterilized</label>
|
|
|
|
<div class="form-input__tabs">
|
|
<label class="form-input-tabs__button active">
|
|
Yes
|
|
<input type="radio" value="1" checked name="sterilized" class="form-input-tabs__input">
|
|
</label>
|
|
|
|
<label class="form-input-tabs__button">
|
|
No
|
|
<input type="radio" value="0" name="sterilized" class="form-input-tabs__input">
|
|
</label>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal-form-content__line">
|
|
<div class="modal-form-content-line__element">
|
|
<label for="firstname" class="label-name">Name</label>
|
|
<input id="firstname" class="form__input" type="text" name="name" placeholder="Name of your pet"
|
|
required="">
|
|
<!-- <span class="form-input__error form-input__error--absolute">Имя введено неверно</span> -->
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal-form-content__line">
|
|
<div class="modal-form-content-line__element">
|
|
<label for="firstname" class="label-name">Breed</label>
|
|
<input id="firstname" class="form__input" type="text" name="breed"
|
|
placeholder="Breed of your pet" required="">
|
|
<!-- <span class="form-input__error form-input__error--absolute">Порода введено неверно</span> -->
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal-form-content__line">
|
|
<label for="" class="label-name">Gender of your pet</label>
|
|
|
|
<div class="form-input__tabs">
|
|
<label for="boy" class="form-input-tabs__button active">
|
|
Boy
|
|
<input type="radio" value="male" checked name="sex" id="boy" class="form-input-tabs__input">
|
|
</label>
|
|
|
|
<label for="girl" class="form-input-tabs__button">
|
|
Girl
|
|
<input type="radio" value="female" name="sex" id="girl" class="form-input-tabs__input">
|
|
</label>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="modal-form-content__line modal-form-content__line--two">
|
|
<div class="modal-form-content-line__element">
|
|
<label class="label-name">Type of activity</label>
|
|
<div class="form-input__list">
|
|
<div class="form-input-list__input">Choose from list</div>
|
|
<div class="form-input-list__block-content" style="height: 0px;">
|
|
<div class="form-input-list__content">
|
|
<label class="form-input-list__item">
|
|
<p class="form-input-list-item__text">Low</p>
|
|
<input type="radio" required name="activity" value="low" class="v-hidden" id="">
|
|
<div class="form-input-list-item__box">
|
|
<div class="form-input-list-item-box__content">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg"
|
|
alt="">
|
|
</div>
|
|
</div>
|
|
</label>
|
|
<label class="form-input-list__item">
|
|
<p class="form-input-list-item__text">Moderate</p>
|
|
<input type="radio" required name="activity" value="moderate" class="v-hidden"
|
|
id="">
|
|
<div class="form-input-list-item__box">
|
|
<div class="form-input-list-item-box__content">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg"
|
|
alt="">
|
|
</div>
|
|
</div>
|
|
</label>
|
|
<label class="form-input-list__item">
|
|
<p class="form-input-list-item__text">High</p>
|
|
<input type="radio" required name="activity" value="high" class="v-hidden" id="">
|
|
<div class="form-input-list-item__box">
|
|
<div class="form-input-list-item-box__content">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg"
|
|
alt="">
|
|
</div>
|
|
</div>
|
|
</label>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal-form-content-line__element">
|
|
<label for="firstname" class="label-name">Weight</label>
|
|
<div class="form-input__list">
|
|
<div class="form-input-list__input">Choose from list</div>
|
|
<div class="form-input-list__block-content" style="height: 0px;">
|
|
<div class="form-input-list__content">
|
|
|
|
<label class="form-input-list__item">
|
|
<p class="form-input-list-item__text">1-1.5 kg</p>
|
|
<input type="radio" required name="weight" value="below_1_5" class="v-hidden" id="">
|
|
<div class="form-input-list-item__box">
|
|
<div class="form-input-list-item-box__content">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg"
|
|
alt="">
|
|
</div>
|
|
</div>
|
|
</label>
|
|
<label class="form-input-list__item">
|
|
<p class="form-input-list-item__text">1.5-3 kg</p>
|
|
<input type="radio" required name="weight" value="1_5-3" class="v-hidden" id="">
|
|
<div class="form-input-list-item__box">
|
|
<div class="form-input-list-item-box__content">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg"
|
|
alt="">
|
|
</div>
|
|
</div>
|
|
</label>
|
|
<label class="form-input-list__item">
|
|
<p class="form-input-list-item__text">3-5 kg</p>
|
|
<input type="radio" required name="weight" value="3-5" class="v-hidden" id="">
|
|
<div class="form-input-list-item__box">
|
|
<div class="form-input-list-item-box__content">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg"
|
|
alt="">
|
|
</div>
|
|
</div>
|
|
</label>
|
|
<label class="form-input-list__item">
|
|
<p class="form-input-list-item__text">5-8 kg</p>
|
|
<input type="radio" required name="weight" value="5-8" class="v-hidden" id="">
|
|
<div class="form-input-list-item__box">
|
|
<div class="form-input-list-item-box__content">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg"
|
|
alt="">
|
|
</div>
|
|
</div>
|
|
</label>
|
|
|
|
|
|
<label class="form-input-list__item">
|
|
<p class="form-input-list-item__text">8-11 kg</p>
|
|
<input type="radio" required name="weight" value="8-11" class="v-hidden" id="">
|
|
<div class="form-input-list-item__box">
|
|
<div class="form-input-list-item-box__content">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg"
|
|
alt="">
|
|
</div>
|
|
</div>
|
|
</label>
|
|
<label class="form-input-list__item">
|
|
<p class="form-input-list-item__text">11-15 kg</p>
|
|
<input type="radio" required name="weight" value="11-15" class="v-hidden" id="">
|
|
<div class="form-input-list-item__box">
|
|
<div class="form-input-list-item-box__content">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg"
|
|
alt="">
|
|
</div>
|
|
</div>
|
|
</label>
|
|
<label class="form-input-list__item">
|
|
<p class="form-input-list-item__text">15-20 kg</p>
|
|
<input type="radio" required name="weight" value="15-20" class="v-hidden" id="">
|
|
<div class="form-input-list-item__box">
|
|
<div class="form-input-list-item-box__content">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg"
|
|
alt="">
|
|
</div>
|
|
</div>
|
|
</label>
|
|
<label class="form-input-list__item">
|
|
<p class="form-input-list-item__text">20-25 kg</p>
|
|
<input type="radio" required name="weight" value="20-25" class="v-hidden" id="">
|
|
<div class="form-input-list-item__box">
|
|
<div class="form-input-list-item-box__content">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg"
|
|
alt="">
|
|
</div>
|
|
</div>
|
|
</label>
|
|
<label class="form-input-list__item">
|
|
<p class="form-input-list-item__text">25-35 kg</p>
|
|
<input type="radio" required name="weight" value="25-35" class="v-hidden" id="">
|
|
<div class="form-input-list-item__box">
|
|
<div class="form-input-list-item-box__content">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg"
|
|
alt="">
|
|
</div>
|
|
</div>
|
|
</label>
|
|
<label class="form-input-list__item">
|
|
<p class="form-input-list-item__text">More than 35 kg</p>
|
|
<input type="radio" required name="weight" value="more_35" class="v-hidden" id="">
|
|
<div class="form-input-list-item__box">
|
|
<div class="form-input-list-item-box__content">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg"
|
|
alt="">
|
|
</div>
|
|
</div>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="rm">
|
|
<div class="modal-form-content__line">
|
|
<label class="label-name">Pet's age</label>
|
|
<div class="form-input__tabs form-input__remote-control" data-content="modal__age">
|
|
<label for="exemplary" class="form-input-tabs__button active" data-rm="0">
|
|
Exemplary
|
|
<input type="radio" checked value="ex" name="old_type" required id="exemplary"
|
|
class="form-input-tabs__input">
|
|
</label>
|
|
|
|
<label class="form-input-tabs__button " data-rm="1">
|
|
Exact
|
|
<input type="radio" value="acc" name="old_type" required id="accurate"
|
|
class="form-input-tabs__input">
|
|
</label>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal__age">
|
|
<div class="form-input__radio remote-control__item active" data-rmcont="0">
|
|
<label class="form-input-radio__item active">
|
|
<input type="radio" name="old" value="baby" checked class="v-hidden">
|
|
<div class="form-input-radio__circle">
|
|
<div class="form-input-radio-circle__content"></div>
|
|
</div>
|
|
|
|
<p class="form-input-radio__title">Baby <span>(from 0 to 1 year)</span></p>
|
|
</label>
|
|
<label class="form-input-radio__item">
|
|
<input type="radio" name="old" value="normal" class="v-hidden">
|
|
<div class="form-input-radio__circle">
|
|
<div class="form-input-radio-circle__content"></div>
|
|
</div>
|
|
|
|
<p class="form-input-radio__title">Adult <span>(from 1 year to 7 years)</span></p>
|
|
</label>
|
|
<label class="form-input-radio__item">
|
|
<input type="radio" name="old" value="old" class="v-hidden">
|
|
<div class="form-input-radio__circle">
|
|
<div class="form-input-radio-circle__content"></div>
|
|
</div>
|
|
|
|
<p class="form-input-radio__title">Elderly <span>(from 7 to 12 years)</span></p>
|
|
</label>
|
|
<label class="form-input-radio__item">
|
|
<input type="radio" name="old" value="very_old" class="v-hidden">
|
|
<div class="form-input-radio__circle">
|
|
<div class="form-input-radio-circle__content"></div>
|
|
</div>
|
|
|
|
<p class="form-input-radio__title">Aging <span>(12 years and older)</span></p>
|
|
</label>
|
|
|
|
</div>
|
|
|
|
<div data-rmcont="1"
|
|
class="modal-form-content__line remote-control__item modal-form-content__line--three modal-form-content__line--margin-top-16 ">
|
|
<div class="modal-form-content-line__element">
|
|
<label for="firstname" class="label-name">Day</label>
|
|
<input id="firstname" class="form__input form__input--center" maxlength="2" type="text"
|
|
name="day" placeholder="DD">
|
|
</div>
|
|
|
|
<div class="modal-form-content-line__element">
|
|
<label for="firstname" class="label-name">Month</label>
|
|
<div class="form-input__list">
|
|
<div class="form-input-list__input">Month</div>
|
|
<div class="form-input-list__block-content">
|
|
<div class="form-input-list__content">
|
|
<label class="form-input-list__item">
|
|
<p class="form-input-list-item__text">January</p>
|
|
<input type="radio" name="month" value="1" class="v-hidden" id="">
|
|
<div class="form-input-list-item__box">
|
|
<div class="form-input-list-item-box__content">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg"
|
|
alt="">
|
|
</div>
|
|
</div>
|
|
</label>
|
|
<label class="form-input-list__item">
|
|
<p class="form-input-list-item__text">February</p>
|
|
<input type="radio" name="month" value="2" class="v-hidden" id="">
|
|
<div class="form-input-list-item__box">
|
|
<div class="form-input-list-item-box__content">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg"
|
|
alt="">
|
|
</div>
|
|
</div>
|
|
</label>
|
|
<label class="form-input-list__item">
|
|
<p class="form-input-list-item__text">March</p>
|
|
<input type="radio" name="month" value="3" class="v-hidden" id="">
|
|
<div class="form-input-list-item__box">
|
|
<div class="form-input-list-item-box__content">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg"
|
|
alt="">
|
|
</div>
|
|
</div>
|
|
</label>
|
|
<label class="form-input-list__item">
|
|
<p class="form-input-list-item__text">April</p>
|
|
<input type="radio" name="month" value="4" class="v-hidden" id="">
|
|
<div class="form-input-list-item__box">
|
|
<div class="form-input-list-item-box__content">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg"
|
|
alt="">
|
|
</div>
|
|
</div>
|
|
</label>
|
|
<label class="form-input-list__item">
|
|
<p class="form-input-list-item__text">May</p>
|
|
<input type="radio" name="month" value="5" class="v-hidden" id="">
|
|
<div class="form-input-list-item__box">
|
|
<div class="form-input-list-item-box__content">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg"
|
|
alt="">
|
|
</div>
|
|
</div>
|
|
</label>
|
|
<label class="form-input-list__item">
|
|
<p class="form-input-list-item__text">June</p>
|
|
<input type="radio" name="month" value="6" class="v-hidden" id="">
|
|
<div class="form-input-list-item__box">
|
|
<div class="form-input-list-item-box__content">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg"
|
|
alt="">
|
|
</div>
|
|
</div>
|
|
</label>
|
|
<label class="form-input-list__item">
|
|
<p class="form-input-list-item__text">July</p>
|
|
<input type="radio" name="month" value="7" class="v-hidden" id="">
|
|
<div class="form-input-list-item__box">
|
|
<div class="form-input-list-item-box__content">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg"
|
|
alt="">
|
|
</div>
|
|
</div>
|
|
</label>
|
|
<label class="form-input-list__item">
|
|
<p class="form-input-list-item__text">August</p>
|
|
<input type="radio" name="month" value="8" class="v-hidden" id="">
|
|
<div class="form-input-list-item__box">
|
|
<div class="form-input-list-item-box__content">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg"
|
|
alt="">
|
|
</div>
|
|
</div>
|
|
</label>
|
|
<label class="form-input-list__item">
|
|
<p class="form-input-list-item__text">September</p>
|
|
<input type="radio" name="month" value="9" class="v-hidden" id="">
|
|
<div class="form-input-list-item__box">
|
|
<div class="form-input-list-item-box__content">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg"
|
|
alt="">
|
|
</div>
|
|
</div>
|
|
</label>
|
|
<label class="form-input-list__item">
|
|
<p class="form-input-list-item__text">October</p>
|
|
<input type="radio" name="month" value="10" class="v-hidden" id="">
|
|
<div class="form-input-list-item__box">
|
|
<div class="form-input-list-item-box__content">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg"
|
|
alt="">
|
|
</div>
|
|
</div>
|
|
</label>
|
|
<label class="form-input-list__item">
|
|
<p class="form-input-list-item__text">November</p>
|
|
<input type="radio" name="month" value="11" class="v-hidden" id="">
|
|
<div class="form-input-list-item__box">
|
|
<div class="form-input-list-item-box__content">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg"
|
|
alt="">
|
|
</div>
|
|
</div>
|
|
</label>
|
|
<label class="form-input-list__item">
|
|
<p class="form-input-list-item__text">December</p>
|
|
<input type="radio" name="month" value="12" class="v-hidden" id="">
|
|
<div class="form-input-list-item__box">
|
|
<div class="form-input-list-item-box__content">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/lk/img/svg/main/arrow-selected-white.svg"
|
|
alt="">
|
|
</div>
|
|
</div>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal-form-content-line__element">
|
|
<label for="firstname" class="label-name">Year</label>
|
|
<input id="firstname" class="form__input form__input--center" maxlength="4" type="text"
|
|
name="year" placeholder="YYYY">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal-form__buttons">
|
|
<button class="button button--gradient button--high button--100-perc" type="submit">Add<button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="modalProfile" id="subForm">
|
|
<div class="popup-wrap">
|
|
<div class="modal-form modal__notification modal-form--green-gradient modal-form--width-584 form-sub active">
|
|
<button class="modal-form__close modal-form__close--white"></button>
|
|
|
|
<p class="modal-form__title modal-form__title--white">Feed subscription</p>
|
|
|
|
<div class="modal-form__element modal-form__element--top-40">
|
|
<p class="modal-form__text modal-form__text--white">
|
|
Thank you for your interest in our new type of service, this feature is under development, if you want to be the first to know about the launch, subscribe to the newsletter.
|
|
</p>
|
|
</div>
|
|
|
|
<form class="modal-form__element modal-form__element--top-40 foodSub">
|
|
<input type="hidden" name="email" value="<?php echo $current_user->user_email ?>">
|
|
<input type="hidden" name="action" value="subscription_sub__profile">
|
|
<button class="button form__button-pc button--white button--100-perc open-overlay button--high">
|
|
I want to try first!
|
|
</button>
|
|
<button class="button form__button-mobile button--white button--100-perc open-overlay button--high">
|
|
I want to try first!
|
|
</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modalProfile" id="user_edit">
|
|
|
|
|
|
|
|
<div class="popup-wrap">
|
|
|
|
|
|
<div class="modal-form form__full-mobile modal-form--white modal-form--height-100-phone form-data active">
|
|
<button class="modal-form__close"></button>
|
|
<p class="modal-form__title">Change my personal info</p>
|
|
|
|
<?php
|
|
$first_name = $current_user->user_firstname;
|
|
$last_name = $current_user->user_lastname;
|
|
$phone = get_user_meta( $current_user->ID, 'billing_phone', true );
|
|
|
|
?>
|
|
<form class="modal-form__content user-edit-form" method="post" >
|
|
<input type="hidden" name="action" value="edit_user">
|
|
<div class="modal-form-content__line modal-form-content__line--two">
|
|
<div class="modal-form-content-line__element">
|
|
<label for="firstname" class="label-name">First Name</label>
|
|
<input id="firstname" class="form__input" type="text" value="<?php echo $first_name ?>" name="name" placeholder="First Name" required="">
|
|
<span class="form-input__error form-input__error--absolute">First Name is incorrect</span>
|
|
</div>
|
|
|
|
<div class="modal-form-content-line__element">
|
|
<label for="lastname" class="label-name">Last Name</label>
|
|
<input id="lastname" class="form__input" type="text" value="<?php echo $last_name ?>" name="l_name" placeholder="Last Name" required="">
|
|
<span class="form-input__error form-input__error--absolute">Last Name is incorrect</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal-form-content__line">
|
|
<label class="label-name">Phone</label>
|
|
<div class="form-input__phone">
|
|
|
|
<input type="text" placeholder="___ ___ ____" id="tel-phone" value="<?php echo $phone ?>" name="phone" class="form-input-phone__input" required="">
|
|
<div class="form-input__error form-input__error--absolute">Number is incorrect!</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal-form__buttons modal-form__buttons--two">
|
|
<button class="button button--gradient button--high" type="submit">Save</button>
|
|
|
|
<input type="reset" class="button button--white open-overlay button--high modal-form__button-close" value="Cancel">
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<?php
|
|
}
|
|
|
|
?>
|
|
|
|
|
|
<footer class="footer">
|
|
<div class="footer__wrapper wrapper">
|
|
<div class="footer__content">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/core/img/svg/logo/logo-gradient.svg" alt="" class="footer__logo">
|
|
|
|
<address class="footer__address">
|
|
UAE, Dubai, International City, <br>
|
|
England Cluster Z02, Shop 13
|
|
|
|
</address>
|
|
|
|
<div class="footer__list">
|
|
<div class="footer-list__item">
|
|
<p class="footer-list__title">Feedback and suggestions</p>
|
|
<a href="mailto:info@cosmopet.ae" class="footer-list__link">info@cosmopet.ae</a>
|
|
</div>
|
|
<div class="footer-list__item">
|
|
<p class="footer-list__title">Consult a veterinarian</p>
|
|
<a href="mailto:vetquestion@cosmopet.ae" class="footer-list__link">vetquestion@cosmopet.ae</a>
|
|
</div>
|
|
<div class="footer-list__item">
|
|
<p class="footer-list__title">Applications for wholesale buyers</p>
|
|
<a href="mailto:info@cosmopet.ae" class="footer-list__link">info@cosmopet.ae</a>
|
|
</div>
|
|
<!-- <div class="footer-list__item">
|
|
<a href="https://t.me/cosmopet_bot" target="_blank" class="button button--black button--100-perc button--link">
|
|
Chat bot with a veterinarian
|
|
</a>
|
|
</div> -->
|
|
</div>
|
|
|
|
<div class="footer__about">
|
|
|
|
<div class="social-media">
|
|
|
|
<a href="https://www.linkedin.com/company/cosmopet-global" target="_blank" class="social-media__item">
|
|
<img src="/wp-content/themes/woodmart/gp-include/assets/core/img/svg/social-media/ln.svg" alt="" class="social-media__icon">
|
|
</a>
|
|
<a href="https://www.instagram.com/cosmopet.ae/" target="_blank" class="social-media__item">
|
|
<img src="/wp-content/themes/woodmart/gp-include/assets/core/img/svg/social-media/inst.svg" alt="" class="social-media__icon">
|
|
</a>
|
|
</div>
|
|
<a href="/privacy-policy/" class="footer-about__text">Privacy Policy</a>
|
|
<a href="/shipping-policy/" class="footer-about__text">Shipping Policy</a>
|
|
<a href="/terms-conditions/" class="footer-about__text">Terms and Conditions</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="footer__form">
|
|
<form class="form form--contact" method="post" action="">
|
|
<p class="form__title">
|
|
Callback form
|
|
</p>
|
|
<input type="hidden" name="action" value="message">
|
|
<div class="form__item">
|
|
<input class="form__input" type="text" name="name" placeholder="Your Name" required>
|
|
</div>
|
|
<div class="form__item">
|
|
<input class="form__input" type="text" name="email" placeholder="E-mail" required>
|
|
</div>
|
|
<div class="form__item">
|
|
<textarea class="form__input form__input--textarea" name="msg" id="" placeholder="Message"></textarea>
|
|
</div>
|
|
<div class="form__item">
|
|
<input class="form__button" type="submit" value="Submit">
|
|
</div>
|
|
<div class="footer-thx">
|
|
<p>Thanks for request!</p>
|
|
<div class="footer-thx-sub">We will answer your message as soon as possible</div>
|
|
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
|
|
|
|
<!-- Roistat Counter Start -->
|
|
<script>
|
|
(function(w, d, s, h, id) {
|
|
w.roistatProjectId = id; w.roistatHost = h;
|
|
var p = d.location.protocol == "https:" ? "https://" : "http://";
|
|
var u = /^.*roistat_visit=[^;]+(.*)?$/.test(d.cookie) ? "/dist/module.js" : "/api/site/1.0/"+id+"/init?referrer="+encodeURIComponent(d.location.href);
|
|
var js = d.createElement(s); js.charset="UTF-8"; js.async = 1; js.src = p+h+u; var js2 = d.getElementsByTagName(s)[0]; js2.parentNode.insertBefore(js, js2);
|
|
})(window, document, 'script', 'cloud.roistat.com', 'deb599063344e761d81d2ef6420fd8fc');
|
|
</script>
|
|
<!-- Roistat Counter End -->
|
|
|
|
<? wp_footer();?>
|
|
|
|
|
|
<script>
|
|
function onTelegramAuth(user) {
|
|
var data = {
|
|
action: 'ontelegramauth',
|
|
userid: user.id,
|
|
username: user.username,
|
|
fname: user.first_name,
|
|
lname: user.last_name
|
|
}
|
|
jQuery.ajax({
|
|
type: 'POST',
|
|
url: '/wp-admin/admin-ajax.php',
|
|
data: data,
|
|
success: function(){
|
|
location.href = '/my-account';
|
|
}
|
|
});
|
|
}
|
|
function linkTelegram(user) {
|
|
var data = {
|
|
action: 'linktelegram',
|
|
userid: user.id,
|
|
username: user.username,
|
|
fname: user.first_name,
|
|
lname: user.last_name
|
|
}
|
|
jQuery.ajax({
|
|
type: 'POST',
|
|
url: '/wp-admin/admin-ajax.php',
|
|
data: data,
|
|
success: function(){
|
|
jQuery('.cabinet-accounts').html('<svg width="40px" height="40px" viewBox="0 0 256 256" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid"><g><path d="M128,0 C57.307,0 0,57.307 0,128 L0,128 C0,198.693 57.307,256 128,256 L128,256 C198.693,256 256,198.693 256,128 L256,128 C256,57.307 198.693,0 128,0 L128,0 Z" fill="#40B3E0"></path><path d="M190.2826,73.6308 L167.4206,188.8978 C167.4206,188.8978 164.2236,196.8918 155.4306,193.0548 L102.6726,152.6068 L83.4886,143.3348 L51.1946,132.4628 C51.1946,132.4628 46.2386,130.7048 45.7586,126.8678 C45.2796,123.0308 51.3546,120.9528 51.3546,120.9528 L179.7306,70.5928 C179.7306,70.5928 190.2826,65.9568 190.2826,73.6308" fill="#FFFFFF"></path><path d="M98.6178,187.6035 C98.6178,187.6035 97.0778,187.4595 95.1588,181.3835 C93.2408,175.3085 83.4888,143.3345 83.4888,143.3345 L161.0258,94.0945 C161.0258,94.0945 165.5028,91.3765 165.3428,94.0945 C165.3428,94.0945 166.1418,94.5735 163.7438,96.8115 C161.3458,99.0505 102.8328,151.6475 102.8328,151.6475" fill="#D2E5F1"></path><path d="M122.9015,168.1154 L102.0335,187.1414 C102.0335,187.1414 100.4025,188.3794 98.6175,187.6034 L102.6135,152.2624" fill="#B5CFE4"></path></g></svg>');
|
|
}
|
|
});
|
|
}
|
|
</script>
|
|
|