File: /var/www/vhosts/greenclinic.kz/httpdocs/wp-content/themes/GreenClinic/template-filial.php
<?php
/*
Template Name: Filial
Template Post Type: page
*/
?>
<?php get_header(); ?>
<div class="page__banner--bread">
<div class="bread-line">
<div class="container">
<ul class="bread-crambs"><li>
<a href="/">Главная</a></li>
<li><a href="/departments/">Отделения</a></li>
<li><span>Green Clinic Saraishyk</span></li></ul>
</div>
</div>
</div>
<!-- <section class="header__content">
<div class="slider-text sarayshik">
<div class="swiper-wrapper">
<div class="swiper-slide slider-text__slide">
<div class="slider-text__content">
<h4 class="slider-text__heading">
Центр медицинской заботы
</h4>
<h1 class="slider-text__title">
Green clinic Saraishyk
</h1>
<h3 class="slider-text__desc">
Ваше здоровье - наша забота!
</h3>
</div>
</div>
<div class="swiper-slide slider-text__slide">
<div class="slider-text__content">
<h4 class="slider-text__heading">
Центр медицинской заботы
</h4>
<h1 class="slider-text__title">
Green clinic Saraishyk
</h1>
<h3 class="slider-text__desc">
Ваше здоровье - наша забота!
</h3>
</div>
</div>
<div class="swiper-slide slider-text__slide">
<div class="slider-text__content">
<h4 class="slider-text__heading">
Центр медицинской заботы
</h4>
<h1 class="slider-text__title">
Green clinic Saraishyk
</h1>
<h3 class="slider-text__desc">
Ваше здоровье - наша забота!
</h3>
</div>
</div>
</div>
</div>
<div class="slider-img">
<div class="swiper-wrapper">
<div class="swiper-slide slider-img__img">
<div class="slider-img__bg" data-swiper-parallax="1%"
style="background-image: url(<?php bloginfo('template_directory')?>/images/main-bg.jpg);">
</div>
</div>
<div class="swiper-slide slider-img__img">
<div class="slider-img__bg" data-swiper-parallax="1%"
style="background-image: url(<?php bloginfo('template_directory')?>/images/main-bg-2.jpg);">
</div>
</div>
<div class="swiper-slide slider-img__img">
<div class="slider-img__bg" data-swiper-parallax="1%"
style="background-image: url(<?php bloginfo('template_directory')?>/images/main-bg.jpg);">
</div>
</div>
</div>
</div>
</section> -->
<main class="main">
<!-- <div class="consultation">
<div class="container">
<div style="background-image: url(<?php bloginfo('template_directory')?>/images/form-bg.jpg);"
class="consultation-inner">
<h3 class="consultation__title">
Получить консультацию прямо сейчас
</h3>
<p class="consultation__text">
Мы всегда будем рады ответить на все Ваши вопросы и детально обсудить перспективы нашего сотрудничества!
</p>
<form class="consultation-from" id="form_mail-30">
<input type="text" name="name" placeholder="Ваше имя" required>
<input type="number" name="inn" placeholder="Ваш ИИН" required>
<input type="number" name="phone" placeholder="Ваш телефон" required>
<input type="submit" class="form__input sub" value="Отправить">
<div class=" consultation__text form__input-bott_desc message">
</div>
</form>
</div>
</div>
</div>-->
<div class="service">
<div class="container">
<div class="section__title">
<h3 class="service__title title">
Green Clinic Saraishyk
</h3>
</div>
<div class="section__polyclinic--background">
<img class="section__polyclinic--img" src="https://greenclinic.kz/wp-content/uploads/2021/03/dsc_1498-1.jpg" />
</div>
</div>
</div>
<div class="container">
<div class="white-block ">
<div class="page__blocktext">
<div class="row">
<div class="col-lg-9">
<?php echo get_field('obr_tekst'); ?>
</div>
<div class="col-lg-3">
<div class="page__about--img page__about--img-2" style="text-align:center;">
<img src="<?php the_field( 'obr_img' ); ?>" alt="" title="" class="doct_dir">
<div class="page__blocktext">
<h2 class="nameh">Хутиев Султан Яхьяевич</h2>
<p>Врач-уролог, андролог. Руководитель филиала «Green clinic Saraishyk»</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="section__margin sec_fil_adv white-block" style="margin:50px 0">
<div class="advantages__slider">
<div class="row ">
<div class="col-xl-4 ">
<div class="advantage__item">
<div class="advantage__item--img ">
<img src="https://greenclinic.kz/wp-content/themes/GreenClinic/img/Group49.svg" alt=" ">
</div>
<div class="advantage__item--info">
<div class="advantage__item--title">
Профессионализм
</div>
<div class="advantage__item--text">
В ногу со временем! Команда докторов — только эксперты своего дела, использующие самые передовые методы лечения и диагностики.
</div>
</div>
</div>
</div>
<div class="col-xl-4 ">
<div class="advantage__item">
<div class="advantage__item--img ">
<img src="https://greenclinic.kz/wp-content/themes/GreenClinic/img/Group48.svg" alt=" ">
</div>
<div class="advantage__item--info">
<div class="advantage__item--title">
Любовь и забота
</div>
<div class="advantage__item--text">
Мы делимся своей любовью и заботой!<br>
Наши доктора готовы помочь решить абсолютно все вопросы, с которыми вы пришли к нам.
</div>
</div>
</div>
</div>
<div class="col-xl-4 ">
<div class="advantage__item">
<div class="advantage__item--img ">
<img src="https://greenclinic.kz/wp-content/themes/GreenClinic/img/Group47.svg" alt=" ">
</div>
<div class="advantage__item--info">
<div class="advantage__item--title">
Внимание
</div>
<div class="advantage__item--text">
Мы окружаем вас вниманием! Максимально внимательно и детально разбираем в каждом конкретном случае болезни.
</div>
</div>
</div>
</div>
</div>
<div class="advantages__pagination pagination__block"></div>
</div>
</div>
</div>
<!------------------------------>
<section class="service">
<div class="services-btn">
<div class="container">
<h3 class="service__title title">Услуги</h3>
<div class="flex usl_flex">
<?php $control17 = new WP_Query( array(
'orderby' => 'date', // тип сортировки (в данном случае по дате)
'posts_per_page' => -1,
'order' => 'ASC',
'post_type' => 'control',
'tax_query' => array(
array (
'taxonomy' => 'control_category',
'field' => 'term_id',
'terms' => 59
)
),
));?>
<?php while ( $control17->have_posts() ) { $control17->the_post(); ?>
<?php get_template_part( 'components/component', 'service17' ); ?>
<?php } ?>
<?php //endwhile; ?>
<?php wp_reset_postdata(); ?>
</div>
</div>
</div>
</section>
<div class="specialists" style="display:none">
<div class="container">
<div class="banner_info_green_title tit_part" id="spec">
Специалисты
</div>
<div class="line_gor space_banner_info_green_line"></div>
<div class="slyd_spec">
<div class="swiper-container mySwiper2">
<div class="swiper-wrapper">
<?php foreach(get_field('doktor') as $key => $item){ ?>
<div class="swiper-slide doc_slided">
<div class="ban_spec">
<a class="header__contact--popap-4" data-id="opendoc-<?php echo $key; ?>">
<img src="<?php echo $item['foto_dok']; ?>" alt="">
</a>
<div class="spec_txt">
<div class="spec_fio">
<a class="header__contact--popap-4" data-id="opendoc-<?php echo $key; ?>">
<?php echo $item['fio']; ?>
</a>
</div>
<div class="spec_career">
<?php echo $item['karera']; ?>
</div>
<div class="more">
<a class="header__contact--popap-4" data-id="opendoc-<?php echo $key; ?>">
Подробнее
</a>
</div>
</div>
</div>
</div>
<?php } ?>
</div>
</div>
<div class="swiper-button-nex">
<img src="<?php echo esc_url(get_template_directory_uri() ) ?>/img/arrow_right.png" alt="">
</div>
<div class="swiper-button-pre">
<img src="<?php echo esc_url(get_template_directory_uri() ) ?>/img/arrow_left.png" alt="">
</div>
</div>
</div>
</div>
<div class="banner_gallery space_block news docs" style="position:relative">
<div class="container">
<h3 class="service__title title space-title">
Галерея
</h3>
<div class="banner_gall space_news">
<div class="news-slider3">
<div class="swiper-wrapper">
<?php while(has_sub_field('foto-2')): ?>
<div class="news-slide swiper-slide">
<div class="gallery-img">
<img src="<?php the_sub_field('foto_otdeleniya-2'); ?>" alt="" class="foto_g">
<!-- <div class="maxim">
<img src="<?php echo esc_url(get_template_directory_uri()) ?>/img/maximize.svg" alt="" class="">
</div>-->
</div>
</div>
<?php endwhile; ?>
</div>
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div>
</div>
</div>
</div>
<div class="banner_post" style="display:none">
<div class="container">
<div class="block_post-2">
<div class="absol_form">
<div class="row fx_d">
<div class="col-lg-6">
<img src="<?php echo esc_url(get_template_directory_uri() ) ?>/img/woman-2.png" alt="" class="form_w">
</div>
<div class="col-lg-6">
<div class="form_ban">
<div class="consultant__form_title">
Получить консультацию прямо сейчас
</div>
<form id="form_mail-3">
<div class="row ">
<div class="col-lg-12">
<div class="form__input-bott_desc message">
Нажмите “Отправить” наши консультанты с вами свяжуться и помогут
</div>
</div>
<div class="col-lg-12">
<div class="form__input--item">
<div class="po_name">
*Ваше имя
</div>
<input type="text" name="name" class="form__input im" placeholder="Введите имя">
</div>
</div>
<div class="col-lg-12">
<div class="form__input--item">
<div class="po_name space_po_top">
*Ваш телефон
</div>
<input type="text" name="phone" class="form__input mask img_n" placeholder="+7 (__) ___-__-__" required>
</div>
</div>
<div class="col-lg-12">
<div class="form__input--item">
<div class="po_name space_po_top">
*Ваш ИИН
</div>
<input type="text" name="inn" class="form__input im" placeholder="__ __ __ __ __ __" required>
</div>
</div>
<div class="col-lg-12 btn_frm_ot">
<div class="form__input--item ">
<div class="po_name space_po_top">
*Поле обязательное заполнения
</div>
<input type="submit" class="form__input btn_f" value="Получить консультацию">
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<section class="partner">
<div class="container">
<h3 class="partner__title title">Партнеры</h3>
<div class="partner-slider">
<div class="swiper-wrapper">
<div class="partner-slide swiper-slide">
<a href="#" target="_blank" class="partner-slide__link">
<img src="/wp-content/uploads/2021/04/kaztransojl-e1618896484103.jpg"
alt="" class="partner-slide__img">
</a>
</div>
<div class="partner-slide swiper-slide">
<a href="#" target="_blank" class="partner-slide__link">
<img src="/wp-content/uploads/2021/04/unnamed-e1618896250959.jpg"
alt="" class="partner-slide__img">
</a>
</div>
<div class="partner-slide swiper-slide">
<a href="#" target="_blank" class="partner-slide__link">
<img src="/wp-content/uploads/2021/04/unnamed-e1618896284540.png"
alt="" class="partner-slide__img">
</a>
</div>
<div class="partner-slide swiper-slide">
<a href="#" target="_blank" class="partner-slide__link">
<img src="/wp-content/uploads/2021/04/bez-nazvaniya-4-e1618896387227.png"
alt="" class="partner-slide__img">
</a>
</div>
<div class="partner-slide swiper-slide">
<a href="#" target="_blank" class="partner-slide__link">
<img src="/wp-content/uploads/2021/04/1200px-unicef_logo-e1618895926176.png"
alt="" class="partner-slide__img">
</a>
</div>
<div class="partner-slide swiper-slide">
<a href="#" target="_blank" class="partner-slide__link">
<img src="/wp-content/uploads/2021/04/55478-e1618895829486.jpeg"
alt="" class="partner-slide__img">
</a>
</div>
<div class="partner-slide swiper-slide">
<a href="#" target="_blank" class="partner-slide__link">
<img src="/wp-content/uploads/2021/04/2314473-e1618895950407.jpeg"
alt="" class="partner-slide__img">
</a>
</div>
<div class="partner-slide swiper-slide">
<a href="#" target="_blank" class="partner-slide__link">
<img src="/wp-content/uploads/2021/04/97462275e2cc1d5a80c4614ccb757f6c-e1618896038503.png"
alt="" class="partner-slide__img">
</a>
</div>
<div class="partner-slide swiper-slide">
<a href="#" target="_blank" class="partner-slide__link">
<img src="/wp-content/uploads/2021/04/company_30228_ryzqqq60opwst98ypjtwpkn6-e1618896061408.png"
alt="" class="partner-slide__img">
</a>
</div>
</div>
</div>
</div>
<div class="partner-pagination">
<div class="swiper-pagination"></div>
</div>
</section>
<?php
get_template_part( 'components/component', 'form');
get_template_part( 'components/component', 'contact2');
?>
</main>
<!----------modal zvonok-->
<!--<div class="modal__fixed-3" id="openModal">
<div class="modal__wrapper">
<div class="modal__header">
<h2>Заказать звонок</h2>
<svg class="modal__close" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18 6L6 18" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
<path d="M6 6L18 18" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</div>
<form id="form_mail-30" class="container">
<div class="row">
<div class="col-lg-12">
<div class="form__input--item">
<input type="text" name="name" class="form__input" placeholder="Ваше имя">
</div>
</div>
<div class="col-lg-12">
<div class="form__input--item">
<input type="phone" name="phone" class="form__input mask" placeholder="Ваш телефон*" required="">
</div>
</div>
<div class="col-lg-12">
<div class="form__input--item">
<input type="text" name="inn" class="form__input" placeholder="ИИН*" required="">
</div>
</div>
<div class="col-lg-12">
<div class="form__input--item">
<input type="submit" class="form__input" value="Отправить">
</div>
</div>
<div class="col-lg-12">
<div class="form__input-bott_desc message">
Нажмите “Отправить” наши консультанты с вами свяжуться и помогут
</div>
</div>
</div>
</form>
</div>
</div> -->
<!---------modal----doctor-->
<?php foreach(get_field('doktor') as $key => $item){ ?>
<!--<div class="modal__fixed-4" id="opendoc-<?php echo $key; ?>">
<div class="modal__wrapper-2">
<div class="modal__header-2">
<svg class="modal__close" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18 6L6 18" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
<path d="M6 6L18 18" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</div>
<form class="container ">
<div class="absol_d_1">
<img src="/img/form_d_1.png" alt="">
</div>
<div class="absol_d_2">
<img src="/img/form_d_2.png" alt="">
</div>
<div class="form_d_info">
<div class="block_img_career">
<div class="form_d_img">
<img src="<?php echo $item['foto_dok']; ?>" alt="" class="f_doctor_img">
</div>
<div class="d_career_info">
<div class="form_doctor_title">
<?php echo $item['fio']; ?>
</div>
<div class="form_doctor_car">
<?php echo $item['karera']; ?>
</div>
<div class="form_doctor_car_categ">
<b class="Categor">Категория:</b> <?php echo $item['kategor']; ?>
</div>
<div class="form_doctor_car_op">
<div class="form_doctor_car_op_2">
<?php echo $item['opit']; ?>
</div>
<div class="form_doctor_car_who">
<?php echo $item['who']; ?>
</div>
</div>
</div>
</div>
<div class="form_specialist_info">
<div class="about_dooc">
<div class="about_tit">
Основные направления научной и клинической деятельности
</div>
<div class="about_text">
<?php echo $item['opis']; ?>
</div>
</div>
</div>
</div>
</form>
</div>
</div>-->
<?php } ?>
<?php get_footer(); ?>
<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
<script>
jQuery("#form_mail-30").submit(function(e) {
var formNm = jQuery('#form_mail-30');
jQuery.ajax({
url: '/wp-content/themes/GreenClinic/mail-3.php',
type: 'POST',
data: formNm.serialize(),
success: function(data){
console.log(data);
formNm.find('.message').html(data);
}
});
e.preventDefault();
return false;
});
$(".header__language--title").click(function(e){
$(this).parents(".header__language").toggleClass("header__language--active");
});
$(document).on( "click", function( e ) {
if (!$("header__language").is(e.target) && $(".header__language").has(e.target).length === 0) {
$(".header__language").removeClass('header__language--active');
}
});
$( ".header_active" ).click(function() {
$( "header" ).toggleClass( "header_active_on" );
});
</script>
<script>
var swiper = new Swiper(".gallery", {
autoplay: {
delay: 3500,
disableOnInteraction: false,
},
slidesPerView: 3,
spaceBetween: 30,
navigation: {
nextEl: ".swiper-button-nex",
prevEl: ".swiper-button-pre",
},
pagination: {
el: '.pag',
clickable: true,
},
breakpoints: {
320: {
slidesPerView: 1,
spaceBetween: 10,
},
540: {
slidesPerView: 1,
spaceBetween: 10,
},
600: {
slidesPerView: 2,
spaceBetween: 10,
},
768: {
slidesPerView: 2,
spaceBetween: 50,
},
992: {
slidesPerView: 3,
spaceBetween: 40,
},
1024: {
slidesPerView: 3,
spaceBetween: 50,
},
1300: {
slidesPerView: 3,
spaceBetween: 30,
},
1500: {
slidesPerView: 3,
spaceBetween: 30,
},
}
});
</script>
<script>
$(".header__contact--popap-3, .footer__left--popap, .phone__fixed").click(() => {
jQuery(".modal__fixed-3").toggleClass("modal__fixed--active")
jQuery(".header__mobile").removeClass("mobile__menu--active")
jQuery("html").removeClass("body--hidden")
})
$(".footer__left--popap, .mobile__menu--active, .phone__fixed").click(() => {//.header__contact--popap-4,
jQuery(".modal__fixed-4").toggleClass("modal__fixed--active")
jQuery(".header__mobile").removeClass("mobile__menu--active")
jQuery("html").removeClass("body--hidden")
})
$(".header__contact--popap-4").click(function(e){
jQuery("#"+jQuery(this).data("id")).toggleClass("modal__fixed--active")
jQuery(".header__mobile").removeClass("mobile__menu--active")
jQuery("html").removeClass("body--hidden")
});
$(".modal__close").click(() => {
jQuery(".modal__fixed-4").removeClass("modal__fixed--active")
});
$(".modal__close").click(() => {
jQuery(".modal__fixed-3").removeClass("modal__fixed--active")
});
jQuery("#form_mail-3").on("submit", function(){
var formNm = jQuery('#form_mail-3');
jQuery.ajax({
url: '/wp-content/themes/GreenClinic/mail-3.php',
type: 'post',
data: formNm.serialize(),
success: function(data){
formNm.find('.message').html(data);
}
});
return false;
});
$(document).click(function (e) {
if ($(e.target).is('#openModal')) {
$('#openModal').removeClass("modal__fixed--active");
}
});
$(document).click(function (e) {
if ($(e.target).is('.modal__fixed-4')) {
$('.modal__fixed-4').removeClass("modal__fixed--active");
}
});
$(window).scroll(function() {
var height = $(window).scrollTop();
if(height > 100){
$('header').addClass('header-color');
} else{
/*Если меньше 100px удаляем класс для header*/
$('header').removeClass('header-color');
}
});
$(window).scroll(function() {
var height = $(window).scrollTop();
if(height > 100){
$('.header__contact--phone').addClass('header-color-2');
$('.header__contact--mail').addClass('header-color-2');
$('.header-phone').addClass('header-color-3');
$('.header-phone-3').addClass('header-color-4');
} else{
/*Если меньше 100px удаляем класс для header*/
$('.header__contact--phone').removeClass('header-color-2');
$('.header__contact--mail').removeClass('header-color-2');
$('.header-phone').removeClass('header-color-3');
$('.header-phone-3').removeClass('header-color-4');
}
});
</script>
<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
<script>
$('a[href^="#"]').bind('click.smoothscroll',function (e) {
e.preventDefault();
var target = this.hash,
$target = $(target);
$('html, body').stop().animate({
'scrollTop': $target.offset().top
}, 500, 'swing', function () {
window.location.hash = target;
});
});
</script>
<script>
$(document).ready(function() {
//прикрепляем клик по заголовкам acc-head
$('#accordeon .acc-head').on('click', f_acc);
});
function f_acc(){
//скрываем все кроме того, что должны открыть
$('#accordeon .acc-body').not($(this).next()).slideUp(1000);
// открываем или скрываем блок под заголовком, по которому кликнули
$(this).next().slideToggle(2000);
$(this).toggleClass('acc-mor')
};
$(document).ready(function () {
$('.count').each(function () {
$(this).prop('Counter',0).animate({
Counter: $(this).text()
}, {
duration: 1500,
easing: 'swing',
step: function (now) {
$(this).text(Math.ceil(now));
}
});
});
});
</script>
</body>
</html>