Your Name
3 months ago
parent
2891d78fd2
commit
5afe066576
File diff suppressed because it is too large
Load Diff
@ -1,67 +0,0 @@ |
||||
// 'use strict';
|
||||
|
||||
// import * as fun from './_gp-function.js';
|
||||
|
||||
// let widthPhoneCabinet = 1200;
|
||||
|
||||
// fun.toggleOpenX('.cabinet-card__order', '.cabinet-card-order__open-detail', '.cabinet-card-order__detail', '.cabinet-card-order__block-detail');
|
||||
// fun.modalFormOpen('.form-open');
|
||||
|
||||
// fun.closeModalForm('.modal-form__close');
|
||||
// fun.closeModalForm('.modal-form__button-close');
|
||||
|
||||
// controlCabinet('.cabinet-control__button', '.cabinet', widthPhoneCabinet);
|
||||
|
||||
// function controlCabinet(buttons, main, minWidth){
|
||||
// let thisWidth = window.innerWidth;
|
||||
// let thisMain = document.querySelector(main);
|
||||
|
||||
// let thisButtons = document.querySelectorAll(buttons);
|
||||
|
||||
// thisButtons.forEach(e => {
|
||||
// e.onclick = function (element){
|
||||
// let thisContent = document.querySelector(`.cabinet__${e.dataset.cabinet}`);
|
||||
// let newHeight = thisContent.clientHeight + 48;
|
||||
// let thisButton = element.target;
|
||||
|
||||
// thisMain.style.height = `${newHeight}px`
|
||||
|
||||
// if (!thisContent.classList.contains('active')) {
|
||||
// thisMain.querySelector('.active').classList.remove('active');
|
||||
// thisContent.classList.add('active');
|
||||
|
||||
// setTimeout(() => {
|
||||
// thisMain.style.height = 'auto';
|
||||
|
||||
// if (thisMain.querySelector('.hide')) {
|
||||
// thisMain.querySelector('.hide').classList.remove('hide');
|
||||
// }
|
||||
|
||||
// thisMain.querySelector('.active').classList.add('hide');
|
||||
// }, 200);
|
||||
// }
|
||||
|
||||
// thisButtons.forEach(e => {
|
||||
// e.classList.remove('active');
|
||||
// })
|
||||
// thisButton.classList.add('active');
|
||||
// }
|
||||
// })
|
||||
|
||||
// }
|
||||
|
||||
// let modal = document.querySelector('.modal');
|
||||
// modal.onclick = function (eventModal) {
|
||||
// let thisTarget = eventModal.target;
|
||||
|
||||
// if (thisTarget.classList.contains('modal')) {
|
||||
// thisTarget.classList.remove('active');
|
||||
|
||||
// if (!thisTarget.querySelector('.modal-map.active')) {
|
||||
// thisTarget.querySelector('.modal-form.active').classList.remove('active');
|
||||
// }else{
|
||||
// thisTarget.querySelector('.modal-map.active').classList.remove('active');
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
@ -0,0 +1,143 @@ |
||||
<?php |
||||
if (!defined('ABSPATH')) { |
||||
exit; |
||||
} |
||||
use Timber\Timber; |
||||
add_filter('timber/twig/filters', function ($filters) { |
||||
$filters['wp_get_attachment_image_src'] = [ |
||||
'callable' => function ($attachment_id, $size = 'thumbnail', $icon = false) { |
||||
$image = wp_get_attachment_image_src($attachment_id, $size, $icon); |
||||
return $image ? $image[0] : ''; // Return the URL or empty string |
||||
}, |
||||
]; |
||||
return $filters; |
||||
}); |
||||
add_filter('timber/twig/functions', function ($functions) { |
||||
$functions['wc_get_page_permalink'] = [ |
||||
'callable' => 'wc_get_page_permalink', |
||||
]; |
||||
$functions['wc_get_endpoint_url'] = [ |
||||
'callable' => 'wc_get_endpoint_url', |
||||
]; |
||||
$functions['is_wc_endpoint_url'] = [ |
||||
'callable' => 'is_wc_endpoint_url', |
||||
]; |
||||
$functions['get_permalink'] = [ |
||||
'callable' => 'get_permalink', |
||||
]; |
||||
$functions['get_the_ID'] = [ |
||||
'callable' => 'get_the_ID', |
||||
]; |
||||
$functions['pll_e'] = [ |
||||
'callable' => 'pll_e', |
||||
]; |
||||
return $functions; |
||||
}); |
||||
|
||||
// Get subscription ID from URL (e.g., /my-account/view-subscription/7632/) |
||||
|
||||
$request_uri = isset($_SERVER['REQUEST_URI']) ? $_SERVER['REQUEST_URI'] : ''; |
||||
if (preg_match('/view-subscription\/(\d+)/', $request_uri, $matches)) { |
||||
$subscription_id = absint($matches[1]); |
||||
} |
||||
|
||||
|
||||
$subscription = $subscription_id ? wcs_get_subscription($subscription_id) : null; |
||||
|
||||
if (!$subscription || !wcs_is_subscription($subscription) || $subscription->get_user_id() !== get_current_user_id()) { |
||||
error_log('Invalid or inaccessible subscription ID: ' . $subscription_id); |
||||
$subscription = null; |
||||
} else { |
||||
error_log('Subscription ID: ' . $subscription->get_id() . ' | Status: ' . $subscription->get_status()); |
||||
|
||||
$items = array_map(function ($item) { |
||||
$product_id = $item->get_product_id(); |
||||
$variation_id = $item->get_variation_id(); |
||||
$wc_product = $product_id ? wc_get_product($variation_id ?: $product_id) : null; |
||||
$product_name = $wc_product ? $wc_product->get_name() : 'Unknown Product'; |
||||
$image_id = $wc_product ? $wc_product->get_image_id() : 0; |
||||
$status = $product_id ? get_post_status($product_id) : 'N/A'; |
||||
$permalink = $wc_product && $wc_product->is_visible() ? get_permalink($product_id) : ''; |
||||
$variation_details = $variation_id ? wc_get_formatted_variation($wc_product, true) : ''; |
||||
error_log('Item ID: ' . $item->get_id() . ' | Product ID: ' . $product_id . ' | Variation ID: ' . $variation_id . ' | Name: ' . $product_name . ' | Permalink: ' . $permalink . ' | Status: ' . $status); |
||||
|
||||
return [ |
||||
'product' => [ |
||||
'id' => $product_id ?: 0, |
||||
'name' => $product_name, |
||||
'image_id' => $image_id, |
||||
'variation_details' => $variation_details, |
||||
], |
||||
'quantity' => $item->get_quantity(), |
||||
'total' => $item->get_total(), |
||||
]; |
||||
}, $subscription->get_items()); |
||||
|
||||
|
||||
$cancel_url = ''; |
||||
if ($subscription->can_be_updated_to('cancelled')) { |
||||
$cancel_url = add_query_arg( |
||||
[ |
||||
'subscription_id' => $subscription->get_id(), |
||||
'change_subscription_to' => 'cancelled', |
||||
'_wpnonce' => wp_create_nonce('wcs_switch_request'), |
||||
], |
||||
wc_get_endpoint_url('view-subscription', $subscription->get_id(), wc_get_page_permalink('myaccount')) |
||||
); |
||||
} |
||||
|
||||
$subscription_data = [ |
||||
'id' => $subscription->get_id(), |
||||
'status' => $subscription->get_status(), |
||||
'date_created' => $subscription->get_date_created(), |
||||
'last_order_date' => $subscription->get_date('last_order_date_created'), |
||||
'next_payment_date' => $subscription->get_date('next_payment'), |
||||
'payment_method_title' => $subscription->get_payment_method_title(), |
||||
'total' => $subscription->get_total(), |
||||
'currency' => $subscription->get_currency(), |
||||
'items' => $items, |
||||
'cancel_url' => $cancel_url, |
||||
'shipping_address' => $subscription->get_formatted_shipping_address(), |
||||
'shipping_comment' => $subscription->get_customer_note(), |
||||
]; |
||||
} |
||||
|
||||
// Timber context |
||||
$context = Timber::context(); |
||||
|
||||
$current_user = wp_get_current_user(); |
||||
$context['current_user'] = $current_user; |
||||
$context['first_name'] = $current_user->user_firstname; |
||||
$context['last_name'] = $current_user->user_lastname; |
||||
$context['email'] = $current_user->user_email; |
||||
$context['phone'] = get_user_meta($current_user->ID, 'billing_phone', true); |
||||
$context['tg_account'] = get_user_meta($current_user->ID, 'tg_account', true); |
||||
|
||||
// ACF поля для пользователя |
||||
$context['activated'] = get_field('activated', 'user_' . get_current_user_id()); |
||||
$context['uuid'] = get_field('uuid', 'user_' . get_current_user_id()); |
||||
|
||||
// Запрос для питомцев |
||||
$current_user_id = get_current_user_id(); |
||||
if ($current_user_id) { |
||||
$args = [ |
||||
'post_type' => 'pets', |
||||
'meta_query' => [ |
||||
[ |
||||
'key' => 'user', |
||||
'value' => $current_user_id, |
||||
'compare' => '=' |
||||
] |
||||
] |
||||
]; |
||||
$context['pets'] = Timber::get_posts($args); |
||||
} |
||||
$context['bot_username'] = defined('BOT_USERNAME') ? BOT_USERNAME : ''; |
||||
$context['subscription'] = $subscription_data; |
||||
|
||||
// Debug: Log subscription data |
||||
error_log('Subscription Data: ' . print_r($subscription_data, true)); |
||||
|
||||
// Render the Twig template |
||||
Timber::render('profile/profile-subs-single.twig', $context); |
||||
?> |
||||
@ -0,0 +1,107 @@ |
||||
<?php |
||||
if (!defined('ABSPATH')) { |
||||
exit; |
||||
} |
||||
add_filter('timber/twig/filters', function ($filters) { |
||||
$filters['wp_get_attachment_image_src'] = [ |
||||
'callable' => function ($attachment_id, $size = 'thumbnail', $icon = false) { |
||||
$image = wp_get_attachment_image_src($attachment_id, $size, $icon); |
||||
return $image ? $image[0] : ''; // Return the URL or empty string |
||||
}, |
||||
]; |
||||
return $filters; |
||||
}); |
||||
|
||||
|
||||
use Timber\Timber; |
||||
|
||||
|
||||
$context = Timber::context(); |
||||
if (!class_exists('WC_Subscriptions')) { |
||||
error_log('WooCommerce Subscriptions plugin is not active.'); |
||||
return; |
||||
} |
||||
|
||||
// Get the current user’s subscriptions |
||||
$user_id = get_current_user_id(); |
||||
$subscriptions = wcs_get_users_subscriptions($user_id); |
||||
|
||||
$subscription_data = []; |
||||
foreach ($subscriptions as $subscription) { |
||||
$view_url = $subscription->get_view_order_url(); |
||||
// Debug: Log the view_url to check its value |
||||
error_log('Subscription ID: ' . $subscription->get_id() . ' | View URL: ' . $view_url); |
||||
|
||||
$subscription_data[] = [ |
||||
'id' => $subscription->get_id(), |
||||
'date_created' => $subscription->get_date_created(), |
||||
'total' => $subscription->get_total(), |
||||
'currency' => $subscription->get_currency(), |
||||
'billing_period' => $subscription->get_billing_period(), |
||||
'next_payment_date' => $subscription->get_date('next_payment'), |
||||
'view_url' => esc_url($view_url), // Ensure URL is escaped for safety |
||||
'items' => array_map(function ($item) { |
||||
$product = $item->get_product(); |
||||
return [ |
||||
'product' => [ |
||||
'name' => $product->get_name(), |
||||
'image_id' => $product->get_image_id(), |
||||
], |
||||
]; |
||||
}, $subscription->get_items()), |
||||
]; |
||||
} |
||||
|
||||
$context['subscriptions'] = $subscription_data; |
||||
|
||||
// Debug: Log the entire subscriptions array |
||||
error_log('Subscriptions Data: ' . print_r($subscription_data, true)); |
||||
|
||||
// Render the Twig template |
||||
|
||||
$current_user = wp_get_current_user(); |
||||
$context['current_user'] = $current_user; |
||||
$context['first_name'] = $current_user->user_firstname; |
||||
$context['last_name'] = $current_user->user_lastname; |
||||
$context['email'] = $current_user->user_email; |
||||
$context['phone'] = get_user_meta($current_user->ID, 'billing_phone', true); |
||||
$context['tg_account'] = get_user_meta($current_user->ID, 'tg_account', true); |
||||
|
||||
// ACF поля для пользователя |
||||
$context['activated'] = get_field('activated', 'user_' . get_current_user_id()); |
||||
$context['uuid'] = get_field('uuid', 'user_' . get_current_user_id()); |
||||
$context['bot_username'] = defined('BOT_USERNAME') ? BOT_USERNAME : ''; |
||||
// Запрос для питомцев |
||||
$current_user_id = get_current_user_id(); |
||||
if ($current_user_id) { |
||||
$args = [ |
||||
'post_type' => 'pets', |
||||
'meta_query' => [ |
||||
[ |
||||
'key' => 'user', |
||||
'value' => $current_user_id, |
||||
'compare' => '=' |
||||
] |
||||
] |
||||
]; |
||||
$context['pets'] = Timber::get_posts($args); |
||||
} |
||||
|
||||
// Месяцы для локализации |
||||
$context['months'] = [ |
||||
__('january', 'woodmart'), |
||||
__('february', 'woodmart'), |
||||
__('march', 'woodmart'), |
||||
__('april', 'woodmart'), |
||||
__('may', 'woodmart'), |
||||
__('june', 'woodmart'), |
||||
__('july', 'woodmart'), |
||||
__('august', 'woodmart'), |
||||
__('september', 'woodmart'), |
||||
__('october', 'woodmart'), |
||||
__('november', 'woodmart'), |
||||
__('december', 'woodmart'), |
||||
]; |
||||
|
||||
Timber::render('profile/profile-subs.twig', $context); |
||||
?> |
||||
@ -1 +1,2 @@ |
||||
<?php
|
||||
$context = Timber::get_context(); |
||||
|
||||
@ -0,0 +1,55 @@ |
||||
jQuery(document).ready(function($) { |
||||
window.onTelegramAuth = function(user) { |
||||
$.ajax({ |
||||
type: 'POST', |
||||
url: telegram_auth_params.ajax_url, |
||||
data: { |
||||
action: 'ontelegramauth', |
||||
userid: user.id, |
||||
username: user.username || '', |
||||
fname: user.first_name || '', |
||||
lname: user.last_name || '', |
||||
photo_url: user.photo_url || '', |
||||
auth_date: user.auth_date, |
||||
hash: user.hash |
||||
}, |
||||
success: function(response) { |
||||
if (response.success) { |
||||
window.location.href = telegram_auth_params.my_account_url; |
||||
} else { |
||||
alert(telegram_auth_params.i18n_error + ': ' + (response.data.message || 'Unknown error')); |
||||
} |
||||
}, |
||||
error: function() { |
||||
alert(telegram_auth_params.i18n_error); |
||||
} |
||||
}); |
||||
}; |
||||
|
||||
window.linkTelegram = function(user) { |
||||
$.ajax({ |
||||
type: 'POST', |
||||
url: telegram_auth_params.ajax_url, |
||||
data: { |
||||
action: 'linktelegram', |
||||
userid: user.id, |
||||
username: user.username || '', |
||||
fname: user.first_name || '', |
||||
lname: user.last_name || '', |
||||
photo_url: user.photo_url || '', |
||||
auth_date: user.auth_date, |
||||
hash: user.hash |
||||
}, |
||||
success: function(response) { |
||||
if (response.success) { |
||||
$('.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>'); |
||||
} else { |
||||
alert(telegram_auth_params.i18n_error_link + ': ' + (response.data.message || 'Unknown error')); |
||||
} |
||||
}, |
||||
error: function() { |
||||
alert(telegram_auth_params.i18n_error_link); |
||||
} |
||||
}); |
||||
}; |
||||
}); |
||||
|
After Width: | Height: | Size: 1.8 KiB |
@ -0,0 +1,611 @@ |
||||
<main class="wrapper"> |
||||
<div class="cabinet-card cabinet-card--green-white cabinet__subscription-mobile"> |
||||
<div class="cabinet-card__content"> |
||||
<p class="cabinet-card__title"> |
||||
{{ function('pll_e', 'Feed subscription') }} |
||||
</p> |
||||
<div class="cabinet-card__element"> |
||||
<p class="cabinet-card__text">{{ function('pll_e', 'Weekly food delivery for your pet') }}</p> |
||||
</div> |
||||
<div class="cabinet-card__element"> |
||||
<button class="button button--gradient button--high-46 form-sub__btn"> |
||||
{{ function('pll_e', 'Get details') }} |
||||
</button> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="cabinet__control cabinet__control--column"> |
||||
<a href="{{ fn('wc_get_page_permalink', 'myaccount') }}" class="to-know to-know--start button--100-perc to-know--background-none"> |
||||
<p>{{ fn('pll_e', 'Перейти в профиль') }}</p> |
||||
</a> |
||||
<div class="form-input__tabs form-input__tabs--control form-input__tabs--white"> |
||||
<a href="{{ fn('wc_get_endpoint_url', 'orders', '', fn('wc_get_page_permalink', 'myaccount')) }}" class="form-input-tabs__button {% if fn('is_wc_endpoint_url','orders') %}active{% endif %}"> |
||||
{{ fn('pll_e', 'Заказы') }} |
||||
</a> |
||||
<a href="{{ fn('wc_get_page_permalink', 'myaccount') }}subscriptions" class="form-input-tabs__button {% if fn('is_wc_endpoint_url','subscriptions') %}active{% endif %}"> |
||||
{{ fn('pll_e', 'Подписки') }} |
||||
</a> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="cabinet"> |
||||
<div class="cabinet__profile cabinet-content {% if not fn('is_wc_endpoint_url') %}active hide{% endif %}"> |
||||
<div class="form-input__tabs form-input__tabs--control form-input__tabs--white"> |
||||
|
||||
<a href="{{ fn('wc_get_endpoint_url', '', '', fn('wc_get_page_permalink', 'myaccount')) }}" class="form-input-tabs__button {% if not fn('is_wc_endpoint_url') %}active{% endif %}"> |
||||
{{ fn('pll_e', 'Заказы') }} |
||||
</a> |
||||
<a href="subscriptions" class="form-input-tabs__button {% if fn('is_wc_endpoint_url','subscriptions') %}active{% endif %}"> |
||||
{{ fn('pll_e', 'Подписки') }} |
||||
</a> |
||||
</div> |
||||
|
||||
<div class="cabinet-card cabinet-card--green"> |
||||
<div class="cabinet-card__content"> |
||||
<div class="cabinet-card__element"> |
||||
<p class="cabinet-card__text {% if not first_name and not last_name %}cabinet-card__text--grey{% endif %}"> |
||||
{% if first_name or last_name %} |
||||
{{ first_name }} {{ last_name }} |
||||
{% else %} |
||||
{{ function('pll_e', 'Name is not set') }} |
||||
{% endif %} |
||||
</p> |
||||
</div> |
||||
|
||||
<div class="cabinet-card__element"> |
||||
<p class="cabinet-card__label">{{ function('pll_e', 'Phone') }}:</p> |
||||
<p class="cabinet-card__text {% if not phone %}cabinet-card__text--grey{% endif %}"> |
||||
{% if phone %} |
||||
{{ phone }} |
||||
{% else %} |
||||
{{ function('pll_e', 'Not filled') }} |
||||
{% endif %} |
||||
</p> |
||||
</div> |
||||
|
||||
<div class="cabinet-card__element"> |
||||
<p class="cabinet-card__label">{{ function('pll_e', 'Email') }}:</p> |
||||
{% if email %} |
||||
<p class="cabinet-card__text">{{ email }}</p> |
||||
{% if activated %} |
||||
<p class="cabinet-card__status cabinet-card__status--chek">{{ function('pll_e', 'Email is verified') }}</p> |
||||
{% else %} |
||||
<p class="cabinet-card__status cabinet-card__status--cancelled">{{ function('pll_e', 'Email is not verified') }}</p> |
||||
<form class="email_approve_form"> |
||||
<input type="hidden" name="action" value="email_activate"> |
||||
<button type="submit" class="cabinet-card__confirm">{{ function('pll_e', 'Verify') }}</button> |
||||
</form> |
||||
{% if uuid %} |
||||
<p class="cabinet-card__status">{{ function('pll_e', 'Email with verification link is sent to your email.') }}</p> |
||||
{% endif %} |
||||
{% endif %} |
||||
{% else %} |
||||
<div class="cabinet-card__label"> |
||||
<form class="email_link_form"> |
||||
<input type="hidden" name="action" value="email_link"> |
||||
<div class="cabinet-card_linked-email"> |
||||
<input class="form__input" type="text" name="email" placeholder="example@example.com" required> |
||||
</div> |
||||
<button class="cabinet-card__confirm" type="submit">{{ function('pll_e', 'Link email') }}</button> |
||||
</form> |
||||
</div> |
||||
{% endif %} |
||||
</div> |
||||
|
||||
<div class="cabinet-card__element"> |
||||
<p class="cabinet-card__label">{{ function('pll_e', 'Linked accounts') }}:</p> |
||||
<p class="cabinet-card__text cabinet-accounts"> |
||||
{% if tg_account %} |
||||
<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> |
||||
{% else %} |
||||
<script async src="https://telegram.org/js/telegram-widget.js?2" data-telegram-login="{{ bot_username }}" data-size="large" data-onauth="linkTelegram(user)"></script> |
||||
{% endif %} |
||||
</p> |
||||
</div> |
||||
|
||||
<div class="cabinet-card__element"> |
||||
<div class="cabinet-card__block-buttons"> |
||||
<button class="cabinet-card__button user-edit-open">{{ function('pll_e', 'Edit') }}</button> |
||||
<a href="{{ fn('wp_logout_url', fn('home_url')) }}" class="cabinet-card__button">{{ function('pll_e', 'Logout') }}</a> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
{% if pets %} |
||||
{% for pet in pets %} |
||||
{% include 'pet-card.twig' with { 'item': pet } %} |
||||
{% endfor %} |
||||
{% endif %} |
||||
|
||||
<div class="cabinet-card cabinet-card--green"> |
||||
<div class="cabinet-card__content"> |
||||
<button class="cabinet-card__block-add-pets form-open" data-form="form-pet"> |
||||
<div class="cabinet-card-add-pets__circle"> |
||||
<img src="{{ theme.link }}/static/img/svg/main/plus-grey.svg" alt=""> |
||||
</div> |
||||
<p class="cabinet-card-add-pets__text">{{ function('pll_e', 'Add a pet') }}</p> |
||||
</button> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
|
||||
{% block profile_content %} |
||||
|
||||
{% endblock %} |
||||
|
||||
|
||||
</main> |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<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">{{ fn('pll_e', 'Добавить питомца') }}</p> |
||||
|
||||
<form class="modal-form__content" id="add-pet-form" method="post" action=""> |
||||
<input type="hidden" name="nonce" value="{{ fn('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">{{ fn('pll_e', 'Вид животного') }}</label> |
||||
<div class="form-input__tabs"> |
||||
<label for="pet_type_cat" class="form-input-tabs__button active"> |
||||
{{ fn('pll_e', 'Кошка') }} |
||||
<input type="radio" value="cat" checked name="pet" id="pet_type_cat" class="form-input-tabs__input"> |
||||
</label> |
||||
<label for="pet_type_dog" class="form-input-tabs__button"> |
||||
{{ fn('pll_e', 'Собака') }} |
||||
<input type="radio" value="dog" name="pet" id="pet_type_dog" class="form-input-tabs__input"> |
||||
</label> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="modal-form-content__line sterilized"> |
||||
<label for="" class="label-name">{{ fn('pll_e', 'Стерелизован') }}</label> |
||||
<div class="form-input__tabs"> |
||||
<label for="sterilized_yes" class="form-input-tabs__button active"> |
||||
{{ fn('pll_e', 'Да') }} |
||||
<input type="radio" value="1" checked name="sterilized" id="sterilized_yes" class="form-input-tabs__input"> |
||||
</label> |
||||
<label for="sterilized_no" class="form-input-tabs__button"> |
||||
{{ fn('pll_e', 'Нет') }} |
||||
<input type="radio" value="0" name="sterilized" id="sterilized_no" class="form-input-tabs__input"> |
||||
</label> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="modal-form-content__line"> |
||||
<div class="modal-form-content-line__element"> |
||||
<label for="pet_name" class="label-name">{{ fn('pll_e', 'Имя') }}</label> |
||||
<input id="pet_name" class="form__input" type="text" name="name" placeholder="{{ fn('pll_e', 'Имя питомца') }}" required> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="modal-form-content__line"> |
||||
<div class="modal-form-content-line__element"> |
||||
<label for="pet_breed" class="label-name">{{ fn('pll_e', 'Порода') }}</label> |
||||
<input id="pet_breed" class="form__input" type="text" name="breed" placeholder="{{ fn('pll_e', 'Порода вашего питомца') }}" required> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="modal-form-content__line"> |
||||
<label for="" class="label-name">{{ fn('pll_e', 'Пол вашего питомца') }}</label> |
||||
<div class="form-input__tabs"> |
||||
<label for="pet_sex_male" class="form-input-tabs__button active"> |
||||
{{ fn('pll_e', 'Мальчик') }} |
||||
<input type="radio" value="male" checked name="sex" id="pet_sex_male" class="form-input-tabs__input"> |
||||
</label> |
||||
<label for="pet_sex_female" class="form-input-tabs__button"> |
||||
{{ fn('pll_e', 'Девочка') }} |
||||
<input type="radio" value="female" name="sex" id="pet_sex_female" 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">{{ fn('pll_e', 'Вид активности') }}</label> |
||||
<div class="form-input__list"> |
||||
<div class="form-input-list__input">{{ fn('pll_e', 'Выберите из списка') }}</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">{{ fn('pll_e', 'Низкая') }}</p> |
||||
<input type="radio" required name="activity" value="low" class="v-hidden"> |
||||
<div class="form-input-list-item__box"> |
||||
<div class="form-input-list-item-box__content"> |
||||
<img src="{{ theme.link }}/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">{{ fn('pll_e', 'Средняя') }}</p> |
||||
<input type="radio" required name="activity" value="moderate" class="v-hidden"> |
||||
<div class="form-input-list-item__box"> |
||||
<div class="form-input-list-item-box__content"> |
||||
<img src="{{ theme.link }}/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">{{ fn('pll_e', 'Высокая') }}</p> |
||||
<input type="radio" required name="activity" value="high" class="v-hidden"> |
||||
<div class="form-input-list-item__box"> |
||||
<div class="form-input-list-item-box__content"> |
||||
<img src="{{ theme.link }}/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="pet_weight" class="label-name">{{ fn('pll_e', 'Вес') }}</label> |
||||
<div class="form-input__list"> |
||||
<div class="form-input-list__input">{{ fn('pll_e', 'Выберите из списка') }}</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">{{ fn('pll_e', '1-1.5 кг') }}</p> |
||||
<input type="radio" required name="weight" value="below_1_5" class="v-hidden"> |
||||
<div class="form-input-list-item__box"> |
||||
<div class="form-input-list-item-box__content"> |
||||
<img src="{{ theme.link }}/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">{{ fn('pll_e', '1.5-3 кг') }}</p> |
||||
<input type="radio" required name="weight" value="1_5-3" class="v-hidden"> |
||||
<div class="form-input-list-item__box"> |
||||
<div class="form-input-list-item-box__content"> |
||||
<img src="{{ theme.link }}/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">{{ fn('pll_e', '3-5 кг') }}</p> |
||||
<input type="radio" required name="weight" value="3-5" class="v-hidden"> |
||||
<div class="form-input-list-item__box"> |
||||
<div class="form-input-list-item-box__content"> |
||||
<img src="{{ theme.link }}/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">{{ fn('pll_e', '5-8 кг') }}</p> |
||||
<input type="radio" required name="weight" value="5-8" class="v-hidden"> |
||||
<div class="form-input-list-item__box"> |
||||
<div class="form-input-list-item-box__content"> |
||||
<img src="{{ theme.link }}/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">{{ fn('pll_e', '8-11 кг') }}</p> |
||||
<input type="radio" required name="weight" value="8-11" class="v-hidden"> |
||||
<div class="form-input-list-item__box"> |
||||
<div class="form-input-list-item-box__content"> |
||||
<img src="{{ theme.link }}/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">{{ fn('pll_e', '11-15 кг') }}</p> |
||||
<input type="radio" required name="weight" value="11-15" class="v-hidden"> |
||||
<div class="form-input-list-item__box"> |
||||
<div class="form-input-list-item-box__content"> |
||||
<img src="{{ theme.link }}/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">{{ fn('pll_e', '10-20кг') }}</p> |
||||
<input type="radio" required name="weight" value="15-20" class="v-hidden"> |
||||
<div class="form-input-list-item__box"> |
||||
<div class="form-input-list-item-box__content"> |
||||
<img src="{{ theme.link }}/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">{{ fn('pll_e', '20-25кг') }}</p> |
||||
<input type="radio" required name="weight" value="20-25" class="v-hidden"> |
||||
<div class="form-input-list-item__box"> |
||||
<div class="form-input-list-item-box__content"> |
||||
<img src="{{ theme.link }}/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">{{ fn('pll_e', '25-35 кг') }}</p> |
||||
<input type="radio" required name="weight" value="25-35" class="v-hidden"> |
||||
<div class="form-input-list-item__box"> |
||||
<div class="form-input-list-item-box__content"> |
||||
<img src="{{ theme.link }}/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">{{ fn('pll_e', 'Более 35 кг') }}</p> |
||||
<input type="radio" required name="weight" value="more_35" class="v-hidden"> |
||||
<div class="form-input-list-item__box"> |
||||
<div class="form-input-list-item-box__content"> |
||||
<img src="{{ theme.link }}/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">{{ fn('pll_e', 'Возраст питомца') }}</label> |
||||
<div class="form-input__tabs form-input__remote-control" data-content="modal__age"> |
||||
<label for="age_type_exemplary" class="form-input-tabs__button active" data-rm="0"> |
||||
{{ fn('pll_e', 'Примерный') }} |
||||
<input type="radio" checked value="ex" name="old_type" required id="age_type_exemplary" class="form-input-tabs__input"> |
||||
</label> |
||||
<label for="age_type_accurate" class="form-input-tabs__button" data-rm="1"> |
||||
{{ fn('pll_e', 'Точный') }} |
||||
<input type="radio" value="acc" name="old_type" required id="age_type_accurate" class="form-input-tabs__input"> |
||||
</label> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="modal__age"> |
||||
<!-- Approximate age selection --> |
||||
<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">{{ fn('pll_e', 'Малыш') }} <span>{{ fn('pll_e', '(от 0 до 1 года)') }}</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">{{ fn('pll_e', 'Взрослый') }} <span>{{ fn('pll_e', '(от 1 года до 7 лет)') }}</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">{{ fn('pll_e', 'Пожилой') }} <span>{{ fn('pll_e', '(от 7 до 12 лет)') }}</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">{{ fn('pll_e', 'Стареющий') }} <span>{{ fn('pll_e', '(от 12 лет и старше)') }}</span></p> |
||||
</label> |
||||
</div> |
||||
|
||||
<!-- Exact age selection --> |
||||
<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="pet_day" class="label-name">{{ fn('pll_e', 'День') }}</label> |
||||
<input id="pet_day" class="form__input form__input--center" maxlength="2" type="text" name="day" placeholder="{{ fn('pll_e', 'ДД') }}"> |
||||
</div> |
||||
|
||||
<div class="modal-form-content-line__element"> |
||||
<label for="pet_month" class="label-name">{{ fn('pll_e', 'Месяц') }}</label> |
||||
<div class="form-input__list"> |
||||
<div class="form-input-list__input">{{ fn('pll_e', 'Месяц') }}</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">{{ fn('pll_e', 'Январь') }}</p> |
||||
<input type="radio" name="month" value="1" class="v-hidden"> |
||||
<div class="form-input-list-item__box"> |
||||
<div class="form-input-list-item-box__content"> |
||||
<img src="{{ theme.link }}/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">{{ fn('pll_e', 'Февраль') }}</p> |
||||
<input type="radio" name="month" value="2" class="v-hidden"> |
||||
<div class="form-input-list-item__box"> |
||||
<div class="form-input-list-item-box__content"> |
||||
<img src="{{ theme.link }}/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">{{ fn('pll_e', 'Март') }}</p> |
||||
<input type="radio" name="month" value="3" class="v-hidden"> |
||||
<div class="form-input-list-item__box"> |
||||
<div class="form-input-list-item-box__content"> |
||||
<img src="{{ theme.link }}/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">{{ fn('pll_e', 'Апрель') }}</p> |
||||
<input type="radio" name="month" value="4" class="v-hidden"> |
||||
<div class="form-input-list-item__box"> |
||||
<div class="form-input-list-item-box__content"> |
||||
<img src="{{ theme.link }}/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">{{ fn('pll_e', 'Май') }}</p> |
||||
<input type="radio" name="month" value="5" class="v-hidden"> |
||||
<div class="form-input-list-item__box"> |
||||
<div class="form-input-list-item-box__content"> |
||||
<img src="{{ theme.link }}/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">{{ fn('pll_e', 'Июнь') }}</p> |
||||
<input type="radio" name="month" value="6" class="v-hidden"> |
||||
<div class="form-input-list-item__box"> |
||||
<div class="form-input-list-item-box__content"> |
||||
<img src="{{ theme.link }}/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">{{ fn('pll_e', 'Июль') }}</p> |
||||
<input type="radio" name="month" value="7" class="v-hidden"> |
||||
<div class="form-input-list-item__box"> |
||||
<div class="form-input-list-item-box__content"> |
||||
<img src="{{ theme.link }}/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">{{ fn('pll_e', 'Август') }}</p> |
||||
<input type="radio" name="month" value="8" class="v-hidden"> |
||||
<div class="form-input-list-item__box"> |
||||
<div class="form-input-list-item-box__content"> |
||||
<img src="{{ theme.link }}/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">{{ fn('pll_e', 'Сентябрь') }}</p> |
||||
<input type="radio" name="month" value="9" class="v-hidden"> |
||||
<div class="form-input-list-item__box"> |
||||
<div class="form-input-list-item-box__content"> |
||||
<img src="{{ theme.link }}/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">{{ fn('pll_e', 'Октябрь') }}</p> |
||||
<input type="radio" name="month" value="10" class="v-hidden"> |
||||
<div class="form-input-list-item__box"> |
||||
<div class="form-input-list-item-box__content"> |
||||
<img src="{{ theme.link }}/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">{{ fn('pll_e', 'Ноябрь') }}</p> |
||||
<input type="radio" name="month" value="11" class="v-hidden"> |
||||
<div class="form-input-list-item__box"> |
||||
<div class="form-input-list-item-box__content"> |
||||
<img src="{{ theme.link }}/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">{{ fn('pll_e', 'Декабрь') }}</p> |
||||
<input type="radio" name="month" value="12" class="v-hidden"> |
||||
<div class="form-input-list-item__box"> |
||||
<div class="form-input-list-item-box__content"> |
||||
<img src="{{ theme.link }}/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="pet_year" class="label-name">{{ fn('pll_e', 'Год') }}</label> |
||||
<input id="pet_year" class="form__input form__input--center" maxlength="4" type="text" name="year" placeholder="{{ fn('pll_e', 'ГГГГ') }}"> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="modal-form__buttons"> |
||||
<button class="button button--gradient button--high button--100-perc" type="submit">{{ fn('pll_e', 'Добавить') }}</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">{{ fn('pll_e', 'Подписка на корм') }}</p> |
||||
|
||||
<div class="modal-form__element modal-form__element--top-40"> |
||||
<p class="modal-form__text modal-form__text--white"> |
||||
{{ fn('pll_e', 'Спасибо за интерес к нашему новому виду услуг, данная функция находится в разработке, если вы хотите узнать первыми о запуске подпишитесь на рассылку.') }} |
||||
</p> |
||||
</div> |
||||
|
||||
<form class="modal-form__element modal-form__element--top-40 foodSub"> |
||||
<input type="hidden" name="email" value="{{ 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"> |
||||
{{ fn('pll_e', 'Хочу попробовать первым!') }} |
||||
</button> |
||||
<button class="button form__button-mobile button--white button--100-perc open-overlay button--high"> |
||||
{{ fn('pll_e', 'Хочу быть первым!') }} |
||||
</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">{{ fn('pll_e', 'Изменить мои данные') }}</p> |
||||
|
||||
<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="user_firstname" class="label-name">{{ fn('pll_e', 'Имя') }}</label> |
||||
<input id="user_firstname" class="form__input" type="text" value="{{ user.user_firstname }}" name="name" placeholder="{{ fn('pll_e', 'Ваше имя') }}" required> |
||||
<span class="form-input__error form-input__error--absolute">{{ fn('pll_e', 'Имя введено неверно') }}</span> |
||||
</div> |
||||
|
||||
<div class="modal-form-content-line__element"> |
||||
<label for="user_lastname" class="label-name">{{ fn('pll_e', 'Фамилия') }}</label> |
||||
<input id="user_lastname" class="form__input" type="text" value="{{ user.user_lastname }}" name="l_name" placeholder="{{ fn('pll_e', 'Ваша фамилия') }}" required> |
||||
<span class="form-input__error form-input__error--absolute">{{ fn('pll_e', 'Фамилия введена неверно') }}</span> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="modal-form-content__line"> |
||||
<label class="label-name">{{ fn('pll_e', 'Телефон') }}</label> |
||||
<div class="form-input__phone"> |
||||
<input type="text" placeholder="___ ___ ____" id="user_phone" value="{{ fn('get_user_meta', user.ID, 'billing_phone', true) }}" name="phone" class="form-input-phone__input" required> |
||||
<div class="form-input__error form-input__error--absolute">{{ fn('pll_e', 'Номер введён неверно') }}</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="modal-form__buttons modal-form__buttons--two"> |
||||
<button class="button button--gradient button--high" type="submit">{{ fn('pll_e', 'Сохранить') }}</button> |
||||
<input type="reset" class="button button--white open-overlay button--high modal-form__button-close" value="{{ fn('pll_e', 'Отмена') }}"> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
@ -0,0 +1,106 @@ |
||||
{% extends 'profile/profile-base.twig' %} |
||||
|
||||
{% block profile_content%} |
||||
<div class="cabinet__orders cabinet-content {% if fn('is_wc_endpoint_url') %}active hide{% endif %}"> |
||||
<div class="cabinet-card cabinet-card--green-white cabinet__subscription-pc"> |
||||
<div class="cabinet-card__content"> |
||||
<p class="cabinet-card__title">{{ function('pll_e', 'Feed subscription') }}</p> |
||||
<div class="cabinet-card__element"> |
||||
<p class="cabinet-card__text">{{ function('pll_e', 'Weekly food delivery for your pet') }}</p> |
||||
</div> |
||||
<div class="cabinet-card__element"> |
||||
<button class="button button--gradient button--high-46 form-sub__btn">{{ function('pll_e', 'Get details') }}</button> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
{% if customer_orders %} |
||||
{% for order in customer_orders %} |
||||
{% set meta_data = order.meta_data.order_data %} |
||||
{% set shipping_address = order.get_address('shipping') %} |
||||
<div class="cabinet-card cabinet-card--grey"> |
||||
<div class="cabinet-card__content"> |
||||
<div class="cabinet-card__order"> |
||||
<div class="cabinet-card-order__header"> |
||||
<div class="cabinet-card-order__main"> |
||||
<p class="cabinet-card-order-main__date">{{ function('pll_e', 'Order from') }} {{ order.date_created|date('Y.m.d') }}</p> |
||||
<p class="cabinet-card-order-main__number">{{ order.id }}</p> |
||||
</div> |
||||
<div class="cabinet-card-order__payment"> |
||||
<p class="cabinet-card-order-payment__title">{{ function('pll_e', 'Summary') }}:</p> |
||||
<p class="cabinet-card-order-payment__price">{{ order.get_total() }}</p> |
||||
</div> |
||||
</div> |
||||
<div class="cabinet-card-order__bottom"> |
||||
<div class="cabinet-card-order__content"> |
||||
{% set order_track = meta_data.order_number|default('') %} |
||||
<div class="cabinet-card-order__block-detail"> |
||||
<div class="cabinet-card-order__detail"> |
||||
<div class="cabinet-card-order-detail__address"> |
||||
<p class="cabinet-card-order-detail-address__title">{{ function('pll_e', 'Delivery address') }}</p> |
||||
<p class="cabinet-card-order-detail-address__text"> |
||||
{% if meta_data.office_code %} |
||||
{{ function('pll_e', 'CDEK shipping point') }}<br> |
||||
{{ office_name }} |
||||
{% else %} |
||||
{{ shipping_address.city }} {{ shipping_address.address_1 }} |
||||
{% endif %} |
||||
</p> |
||||
</div> |
||||
<div class="cabinet-card-order-detail__main"> |
||||
<div class="cabinet-card-order-detail-main__products"> |
||||
{% for item in order.get_items %} |
||||
{% set product = item.get_product %} |
||||
{% set thumbnail = product ? function('wp_get_attachment_image_url', product.get_image_id(), 'woocommerce_thumbnail') : function('wc_placeholder_img_src', 'woocommerce_thumbnail') %} |
||||
<div class="cabinet-card-order-detail-main__product"> |
||||
<img src="{{ thumbnail }}" alt="" class="cabinet-card-order-detail-main-product__img"> |
||||
<div class="cabinet-card-order-detail-main-product__content"> |
||||
<div class="cabinet-card-order-detail-main-product__description"> |
||||
<p class="cabinet-card-order-detail-main-product-description__what">{{ item.name }}</p> |
||||
</div> |
||||
<p class="cabinet-card-order-detail-main-product__count">{{ item.quantity }}</p> |
||||
<p class="cabinet-card-order-detail-main-product__price">{{ item.total }} {{ function('get_woocommerce_currency_symbol', code) }}</p> |
||||
</div> |
||||
</div> |
||||
{% endfor %} |
||||
</div> |
||||
<div class="cabinet-card-order-detail-main__links"> |
||||
{% if order_track %} |
||||
<a href="https://www.cdek.ru/ru/tracking/?order_id={{ order_track }}" target="_blank" class="cabinet-card__button cabinet-card-order-detail-main__link"> |
||||
{{ function('pll_e', 'Track order') }} |
||||
</a> |
||||
{% endif %} |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<button class="cabinet-card-order__open-detail">{{ function('pll_e', 'Order details') }}</button> |
||||
</div> |
||||
<div class="cabinet-card-order__detail-short"> |
||||
{% for item in order.get_items %} |
||||
{% set product = item.get_product %} |
||||
{% set thumbnail = product ? function('wp_get_attachment_image_url', product.get_image_id(), 'woocommerce_thumbnail') : function('wc_placeholder_img_src', 'woocommerce_thumbnail') %} |
||||
{% if thumbnail %} |
||||
<a href="{{ product.permalink }}"><img src="{{ thumbnail }}" alt="" class="cabinet-card-order-detail-short__item"></a> |
||||
{% endif %} |
||||
{% endfor %} |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
{% endfor %} |
||||
{% else %} |
||||
<div class="cabinet-card__no-orders"> |
||||
<div class="cabinet-card-no-orders__element"> |
||||
<p class="cabinet-card-no-orders__title">{{ function('pll_e', 'No orders yet') }}</p> |
||||
</div> |
||||
<div class="cabinet-card-no-orders__element"> |
||||
<a href="/shop/" class="to-know button--100-perc to-know--background-none"> |
||||
<p>{{ function('pll_e', 'Catalog') }}</p> |
||||
</a> |
||||
</div> |
||||
</div> |
||||
{% endif %} |
||||
</div> |
||||
</div> |
||||
{% endblock %} |
||||
@ -0,0 +1,133 @@ |
||||
{% extends 'profile/profile-base.twig' %} |
||||
|
||||
{% block profile_content %} |
||||
|
||||
<div class="cabinet__orders cabinet__orders--no-cab cabinet-content active hide"> |
||||
{% if subscription %} |
||||
<div class="cabinet-card cabinet-card--grey"> |
||||
<div class="cabinet-card__content"> |
||||
<div class="cabinet-card__order"> |
||||
<div class="cabinet-card-order__header"> |
||||
<div class="cabinet-card-order__main"> |
||||
<p class="cabinet-card-order-main__date"> |
||||
{{ fn('pll_e', 'Подписка №') }} {{ subscription.id }} |
||||
</p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="subscription"> |
||||
<div class="subscription__item"> |
||||
<p>{{ fn('pll_e', 'Статус') }}</p> |
||||
<p class="subscription__status--end">{{ subscription.status | capitalize }}</p> |
||||
</div> |
||||
<div class="subscription__item"> |
||||
<p>{{ fn('pll_e', 'Дата подписки') }}</p> |
||||
<p>{{ subscription.date_created | date('d.m.Y') }}</p> |
||||
</div> |
||||
<div class="subscription__item"> |
||||
<p>{{ fn('pll_e', 'Дата последнего заказа') }}</p> |
||||
<p>{{ subscription.last_order_date | date('d.m.Y') }}</p> |
||||
</div> |
||||
<div class="subscription__item"> |
||||
<p>{{ fn('pll_e', 'Следующий платеж') }}</p> |
||||
<p>{{ subscription.next_payment_date | date('d.m.Y')}}</p> |
||||
</div> |
||||
<div class="subscription__item"> |
||||
<p>{{ fn('pll_e', 'Способ оплаты') }}</p> |
||||
<p>{{ subscription.payment_method_title}}</p> |
||||
</div> |
||||
<div class="subscription__item"> |
||||
<div class="subscription__add"> |
||||
<div class="subscription__add-header"> |
||||
<p class="subscription__add-title">{{ fn('pll_e', 'Товары:') }}</p> |
||||
</div> |
||||
<div class="subscription__add-content"> |
||||
{% for item in subscription.items %} |
||||
{% set product = item.product %} |
||||
{% set image_id = product.image_id %} |
||||
{% set product_permalink = product.id ? fn('get_permalink', product.id) : '' %} |
||||
{# Debug: Display product ID and permalink for testing #} |
||||
<p class="debug-info" style="display: none;">Product ID: {{ product.id | default('null') }} | Permalink: {{ product_permalink | default('none') }}</p> |
||||
<div class="cabinet-card-order-detail-main__product subscription__add-product"> |
||||
{% if product.id and product_permalink and product_permalink != fn('get_permalink', fn('get_the_ID')) %} |
||||
<a href="{{ product_permalink }}"> |
||||
<img src="{{ image_id | wp_get_attachment_image_src('thumbnail') | default('assets/img/product/mini-card.png') }}" |
||||
alt="{{ product.name }}" |
||||
class="cabinet-card-order-detail-main-product__img"> |
||||
</a> |
||||
{% else %} |
||||
<img src="{{ image_id | wp_get_attachment_image_src('thumbnail') | default('assets/img/product/mini-card.png') }}" |
||||
alt="{{ product.name }}" |
||||
class="cabinet-card-order-detail-main-product__img"> |
||||
{% endif %} |
||||
<div class="cabinet-card-order-detail-main-product__description"> |
||||
<p class="cabinet-card-order-detail-main-product-description__what">{{ product.name }}</p> |
||||
<p class="cabinet-card-order-detail-main-product-description__with-what">{{ product.variation_details | default('') }}</p> |
||||
</div> |
||||
<div class="cabinet-card-order-detail-main-product__content"> |
||||
<p class="cabinet-card-order-detail-main-product__count">{{ item.quantity }}</p> |
||||
<p class="cabinet-card-order-detail-main-product__price">{{ item.total }}</p> |
||||
</div> |
||||
</div> |
||||
{% endfor %} |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="subscription__item"> |
||||
<p>{{ fn('pll_e', 'Сумма') }}</p> |
||||
<p><span>{{ subscription.total }} {{ subscription.currency }} <small>/ {{ fn('pll_e', 'месяц') }}</small></span></p> |
||||
</div> |
||||
<div class="subscription__item"> |
||||
<p>{{ fn('pll_e', 'Доставка') }}</p> |
||||
<p>{{ fn('pll_e', 'Бесплатно') }}</p> |
||||
</div> |
||||
<div class="subscription__item"> |
||||
<p>{{ fn('pll_e', 'Итого') }}</p> |
||||
<p><span>{{ subscription.total }} {{ subscription.currency }} <small>/ {{ fn('pll_e', 'месяц') }}</small></span></p> |
||||
</div> |
||||
<div class="subscription__item"> |
||||
<div class="subscription__add"> |
||||
<div class="subscription__add-header"> |
||||
<p class="subscription__add-title">{{ fn('pll_e', 'Доставка:') }}</p> |
||||
</div> |
||||
<div class="subscription__add-content" data-js-tabs=""> |
||||
<form action="" method="post" class="subscription-address-form" data-subscription-id="{{ subscription.id }}"> |
||||
<div class="modal-form-content__line"> |
||||
<div class="modal-form-content-line__element"> |
||||
<label for="delivery_address" class="label-name modal-form-content-line__element--arrow">{{ fn('pll_e', 'Адрес доставки') }}</label> |
||||
<input id="delivery_address" class="form__input form-open" type="text" name="address" value="{{ subscription.shipping_address | striptags | default('') }}" placeholder="{{ fn('pll_e', 'Начните вводить адрес') }}" required data-form="form-data"> |
||||
<span class="form-input__error form-input__error--absolute">{{ fn('pll_e', 'Адрес введен неверно') }}</span> |
||||
</div> |
||||
</div> |
||||
<div class="modal-form-content__line"> |
||||
<div class="modal-form-content-line__element"> |
||||
<label for="delivery_comment" class="label-name">{{ fn('pll_e', 'Комментарий для доставки') }}</label> |
||||
<textarea id="delivery_comment" class="form__input form__input--textarea-72" name="comment" placeholder="{{ fn('pll_e', 'Для службы доставки') }}">{{ subscription.shipping_comment | default('') }}</textarea> |
||||
<span class="form-input__error form-input__error--absolute">{{ fn('pll_e', 'Комментарий введен неверно') }}</span> |
||||
</div> |
||||
</div> |
||||
<input type="hidden" name="subscription_id" value="{{ subscription.id }}"> |
||||
<input type="hidden" name="address_nonce" value="{{ fn('wp_create_nonce', 'update_subscription_address') }}"> |
||||
<div class="modal-form-content__line"> |
||||
<button type="submit" style="width: 100%;" class="button button--gradient button--high-46">{{ fn('pll_e', 'Сохранить') }}</button> |
||||
</div> |
||||
<div class="form-message" style="display: none;"></div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<a href="{{ subscription.cancel_url }}" class="to-know to-know--start button--100-perc to-know--background-none"> |
||||
<p>{{ fn('pll_e', 'Отменить подписку') }}</p> |
||||
</a> |
||||
</div> |
||||
</div> |
||||
{% else %} |
||||
<div class="cabinet-card-no-orders__element"> |
||||
<p>{{ fn('pll_e', 'Подписка не найдена.') }}</p> |
||||
</div> |
||||
{% endif %} |
||||
</div> |
||||
{% endblock %} |
||||
@ -0,0 +1,78 @@ |
||||
{% extends 'profile/profile-base.twig' %} |
||||
|
||||
{% block profile_content %} |
||||
<div class="cabinet__orders cabinet__orders--no-cab cabinet-content active hide"> |
||||
{% for subscription in subscriptions %} |
||||
<div class="cabinet-card cabinet-card--grey"> |
||||
<div class="cabinet-card__content"> |
||||
<div class="cabinet-card__order"> |
||||
<div class="cabinet-card-order__header"> |
||||
<div class="cabinet-card-order__main"> |
||||
<p class="cabinet-card-order-main__date"> |
||||
{% if subscription.view_url %} |
||||
<a href="{{ subscription.view_url }}">{{ fn('pll_e', 'Подписка от') }} {{ subscription.date_created | date('d.m.Y') }}</a> |
||||
{% else %} |
||||
{{ fn('pll_e', 'Подписка от') }} {{ subscription.date_created | date('d.m.Y') }} |
||||
{% endif %} |
||||
</p> |
||||
<p class="cabinet-card-order-main__number"> |
||||
{{ subscription.id }} |
||||
</p> |
||||
</div> |
||||
<div class="cabinet-card-order__payment"> |
||||
<p class="cabinet-card-order-payment__title">{{ fn('pll_e', 'Сумма:') }}</p> |
||||
<p class="cabinet-card-order-payment__price cabinet-card-order-payment__price--add"> |
||||
{{ subscription.total }} {{ subscription.currency }} <span>/ {{ subscription.billing_period }}</span> |
||||
</p> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="cabinet-card-order__content"> |
||||
<div class="cabinet-card-order__payment-add"> |
||||
<p class="cabinet-card-order__sub-title"> |
||||
{{ fn('pll_e', 'Следующий платеж:') }} |
||||
</p> |
||||
<p class="cabinet-card-order__date"> |
||||
{{ subscription.next_payment_date | date('d.m.Y') }} |
||||
</p> |
||||
</div> |
||||
|
||||
|
||||
</div> |
||||
|
||||
<div class="cabinet-card-order__detail-short mt-m-3"> |
||||
{% for item in subscription.items %} |
||||
{% set product = item.product %} |
||||
{% set image_id = product.image_id %} |
||||
{% if product.permalink %} |
||||
<a href="{{ product.permalink }}"> |
||||
<img src="{{ image_id | wp_get_attachment_image_src('thumbnail') | default('assets/img/product/mini-card.png') }}" |
||||
alt="{{ product.name }}" |
||||
class="cabinet-card-order-detail-short__item"> |
||||
</a> |
||||
{% else %} |
||||
<img src="{{ image_id | wp_get_attachment_image_src('thumbnail') | default('assets/img/product/mini-card.png') }}" |
||||
alt="{{ product.name }}" |
||||
class="cabinet-card-order-detail-short__item"> |
||||
{% endif %} |
||||
{% endfor %} |
||||
</div> |
||||
<div class="cabinet-card-order__link"> |
||||
{% if subscription.view_url %} |
||||
<a href="{{ subscription.view_url }}" class="to-know to-know--start button--100-perc to-know--background-none"> |
||||
<p>{{ fn('pll_e', 'Детали подписки') }}</p> |
||||
</a> |
||||
{% else %} |
||||
<p class="to-know to-know--start button--100-perc to-know--background-none disabled"> |
||||
{{ fn('pll_e', 'Детали недоступны') }} |
||||
</p> |
||||
{% endif %} |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
{% else %} |
||||
<p>{{ fn('pll_e', 'У вас нет активных подписок.') }}</p> |
||||
{% endfor %} |
||||
</div> |
||||
{% endblock %} |
||||
Loading…
Reference in new issue