<?php
// $list = get_field('list');
// $i = 1;
$current_language = wpm_get_language();

$strings = [
    'age' => [
        'title' => [
            'ru' => 'Кто идёт на приём?',
            'kz' => 'Кездесуге кім барады?',
            'en' => 'Who\'s going to the reception?',
        ],
        'adult' => [
            'ru' => 'Взрослый',
            'kz' => 'Ересек',
            'en' => 'Adult',
        ],
        'child' => [
            'ru' => 'Ребенок',
            'kz' => 'Бала',
            'en' => 'Kid',
        ]
    ],
    'specialist' => [
        'title' => [
            'ru' => 'Выберите специалиста',
            'kz' => 'Маманды таңдаңыз',
            'en' => 'Choose a specialist',
        ],
        'consult' => [
            'ru' => 'Консультация',
            'kz' => 'Кеңес беру',
            'en' => 'Consultation',
        ],
        'diagnost' => [
            'ru' => 'Диагностика',
            'kz' => 'Диагностика',
            'en' => 'Diagnostics',
        ],
    ],
    'address' => [
        'ru' => 'отделение Астана, Хусейн бен Талал 25/1',
        'kz' => 'Астана бөлімшесі, Хусейн бен Талал 25/1',
        'en' => 'Astana branch, Hussein bin Talal 25/1',
    ],
    'service' => [
        'ru' => 'Прием врача первичный',
        'kz' => 'Дәрігерді қабылдау бастапқы',
        'en' => 'Primary doctor\'s appointment',
    ],
    'pdf' => [
        'ru' => 'Подготовка к приёму (памятка)',
        'kz' => 'Қабылдауға дайындық (жадынама)',
        'en' => 'Preparation for admission (memo)',
    ],
    'docs' => [
        'title' => [
            'ru' => 'Возьмите документы',
            'kz' => 'Құжаттарды алыңыз',
            'en' => 'Take the documents',
        ],
        'txt' => [
            'ru' => '<li>Удостоверение личности/паспорт/вид на жительство</li><li>Направление</li><li>Выписку из амбулаторной карты (при наличии)</li>',
            'kz' => '<li>Жеке куәлік / паспорт/тұруға ықтиярхат</li><li>Бағыт</li><li>Амбулаториялық картадан үзінді (бар болса)</li>',
            'en' => '<li>Identity card/passport/residence permit</li><li>Direction</li><li>An extract from the outpatient card (if available)</li>',
        ]
    ]
];

$child_age = [
    'до года',
    '1 год',
    '2 года',
    '3 года',
    '4 года',
    '5 лет',
    '6 лет',
    '7 лет',
    '8 лет',
    '9 лет',
    '10 лет',
    '11 лет',
    '12 лет',
    '13 лет',
    '14 лет',
    '15 лет',
    '16 лет',
    '17 лет',
];
?>
<?php get_header(); ?>

<?php get_template_part('template-parts/content_header', 'none'); ?>

<?php get_template_part('blocks/blocks'); ?>

<div class="container">
    <div class="znp-wrap">
        <div class="znp-service">
            <div class="znp-service-name js-service-name"><?= $strings['service'][$current_language]; ?></div>
            <div class="znp-service-info"><?= $strings['address'][$current_language]; ?></div>
        </div>
        <div class="row">
            <div class="znp-col-half">
                <div class="znp-title"><?= $strings['age']['title'][$current_language]; ?></div>
                <div class="znp-inputs row">
                    <label class="znp-input-control znp-input-radio">
                        <input type="radio" value="Взрослый" name="age" class="js-age-adult js-input" checked data-msg="Кто идёт на приём">
                        <span><?= $strings['age']['adult'][$current_language]; ?></span>
                    </label>
                    <label class="znp-input-control znp-input-radio">
                        <input type="radio" value="Ребенок" name="age" class="js-age-child js-input" data-msg="Кто идёт на приём">
                        <span><?= $strings['age']['child'][$current_language]; ?></span>
                    </label>
                    <div class="znp-select znp-input-hidden js-select-child-age">
                        <select name="age_child" class="js-input" disabled data-msg="Возраст ребенка">
                            <?php foreach($child_age as $one): ?>
                                <option value="<?= $one; ?>"><?= $one; ?></option>
                            <?php endforeach; ?>
                        </select>
                    </div>
                </div>
            </div>
            <div class="znp-col-half">
                <div class="znp-title"><?= $strings['specialist']['title'][$current_language]; ?></div>
                <div class="znp-inputs row">
                    <label class="znp-input-control znp-input-radio">
                        <input type="radio" name="specialist" class="js-input" value="Консультация" checked data-msg="Специалист">
                        <span><?= $strings['specialist']['consult'][$current_language]; ?></span>
                    </label>
                    <label class="znp-input-control znp-input-radio">
                        <input type="radio" name="specialist" class="js-input" value="Диагностика" data-msg="Специалист">
                        <span><?= $strings['specialist']['diagnost'][$current_language]; ?></span>
                    </label>
                </div>
            </div>
            <div class="znp-col-half">
                <div class="znp-inputs row">
                    <div class="znp-input-control">Выберите дату</div>
                    <div class="znp-select">
                        <select name="date" class="js-input" data-msg="Дата">
                            <?php for ($i = 0; $i < 14 ; $i++) {
                                $timestamp = strtotime("+{$i} day");
                                $day = wp_date('w', $timestamp);
                                if ( $day == 0 ) continue;
                                $date = wp_date('D, j M', $timestamp);
                                ?>
                                <option value="<?= date('Y-m-d', $timestamp); ?>"><?= $date; ?></option>
                            <?php } ?>
                        </select>
                    </div>
                </div>
            </div>

        </div>
        <div class="znp-row znp-row-reverse-pd">
            <div class="znp-col-2-3 znp-col">
                <?= do_shortcode('[contact-form-7 id="b02b7ac" title=":ruЗапись на прием:"] '); ?>
            </div>
            <div class="znp-col-third znp-col">
                <div class="znp-side">
                    <p class="js-show-date"></p>
                    <p><?= $strings['address'][$current_language]; ?></p>
                    <p><a href="/wp-content/uploads/2024/04/podgotovka-chekap-2.pdf" target="_blank">
                        <?= $strings['pdf'][$current_language]; ?>
                    </a></p>

                    <div class="znp-side-box">
                        <p><strong><?= $strings['docs']['title'][$current_language]; ?></strong></p>
                        <ol>
                            <?= $strings['docs']['txt'][$current_language]; ?>
                        </ol>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
// Услуга
var service_elem = document.querySelector('.js-service-name');
var service_name = (localStorage.getItem('value_name')) ? localStorage.getItem('value_name') : service_elem.innerHTML;
service_elem.innerHTML = service_name;

// Возраст ребенка
var radioAdult = document.querySelector('.js-age-adult');
radioAdult.addEventListener('change', function(e) {
    if ( e.target.checked ) {
        childAgeActivate(false);
    }
});

var radioChild = document.querySelector('.js-age-child');
radioChild.addEventListener('change', function(e) {
    if ( e.target.checked ) {
        childAgeActivate(true);
    }
});
function childAgeActivate(checked) {
    var ageSelect = document.querySelector('.js-select-child-age');
    var select = ageSelect.querySelector('select');

    ageSelect.classList.add('znp-input-hidden');
    select.setAttribute('disabled',true);

    if ( checked ) {
        ageSelect.classList.remove('znp-input-hidden');
        select.removeAttribute('disabled');
    }
}

// Сообщение
createMessage();
var inputs = document.querySelectorAll('.js-input');
inputs.forEach(function(input) {
    input.addEventListener('change', function(e) {
        createMessage();
    });
});
function createMessage() {
    var inputs = document.querySelectorAll('.js-input');
    var showDate = document.querySelector('.js-show-date');

    var msg = 'Услуга: '+' '+ service_name+'\r\n';

    var sendpulse_msg = {};

    inputs.forEach(function(input) {
        if ( input.disabled ) return;

        if ( input.type == 'radio' && input.checked ) {
            msg += input.getAttribute('data-msg') +': '+ input.value +'\r\n';

            if ( input.name == 'age' ) {
                sendpulse_msg['age'] = input.value;
            }

            if ( input.name == 'specialist' ) {
                sendpulse_msg['specialist'] = input.value;
            }
        }
        if ( input.type == 'select-one' ) {
            msg += input.getAttribute('data-msg') +': '+ input.selectedOptions[0].innerHTML +'\r\n';

            if ( input.name == 'age_child' ) {
                sendpulse_msg['age'] += ', '+ input.value;
            }

            if ( input.name == 'date' ) {
                sendpulse_msg['date'] = input.value;
                showDate.innerHTML = input.selectedOptions[0].innerHTML;
            }
        }
    });

    var field = document.querySelector('[name="form-info-hidden"]');
    field.value = msg;

    var sendpulse_field = document.querySelector('[name="sendpulse-field"]');
    sendpulse_field.value = JSON.stringify(sendpulse_msg);
};
</script>

<?php get_footer(); ?>