<!--HTML-->
<!-- Основной контент банка -->
<div class="fon">
	<div class="bac">
	<div class="namet">
	</div>
	</div>
</div>

<!-- Основной контент банка -->
<div class="bk-main-all">
	<div class="bk-main-all-left">
	<div class="bk-main-all-left-tit">заработать</div>
	<div class="bk-main-all-line">
    <p>каждые 100 сообщений <span>200</span><button class="earn-button" data-type="messages-100">+</button></p>
    <p>каждые 500 сообщений <span>500</span><button class="earn-button" data-type="messages-500">+</button></p>
    <p>каждые 100 репутации <span>200</span><button class="earn-button" data-type="repa-100">+</button></p>
    <p>каждые 100 позитива <span>100</span><button class="earn-button" data-type="positive-100">+</button></p>
    <p>за попадание в таблицу (любая номинация) <span>100</span><button class="earn-button" data-type="tablica-win">+</button></p>
    <p>заявка на нужного <span>300</span><button class="earn-button" data-type="nyzn">+</button></p>
    <p>заявка в хочу видеть <span>150</span><button class="earn-button" data-type="hochy-videt">+</button></p>
    <p>привести друга на форум (после принятия, вам и другу) <span>4000</span><button class="earn-button" data-type="drug">+</button></p>
    <p>отдать свою внешность под дубль (получаете вы и тот, кто забрал внешность, только после принятия) <span>3000</span><button class="earn-button" data-type="dubl-vneha">+</button></p>
    <p>прийти по заявке из нужных (получает заказчик и пришедший только после принятия) <span>800</span><button class="earn-button" data-type="zaivka-nyz">+</button></p>
    <p>помощь с графикой/графический подарок (1 единица: аватар, эпиграф, гиф и тп) <span>300</span><button class="earn-button" data-type="grafika">+</button></p>
    <p>участие в конкурсе <span>300</span><button class="earn-button" data-type="konkurs">+</button></p>
    <p>пост в ленте соцсетей <span>150</span><button class="earn-button" data-type="post-seti">+</button></p>
    <p>1 реклама <span>30</span><button class="earn-button" data-type="reklama-1">+</button></p>
    <p>100 реклам <span>4000</span><button class="earn-button" data-type="reklama-100">+</button></p>
    <p>одно нажатие рпг-топа <span>100</span><button class="earn-button" data-type="rgp-top">+</button></p>
    <p>оставить 1000 реклам за все время <span>5000</span><button class="earn-button" data-type="reklama-1000">+</button></p>
    <p>наш баннер в подписи на рено/маяке/лиле <span>3000</span><button class="earn-button" data-type="banner-reno">+</button></p>
    <p>открытие эпизода (каждому из участников эпизода) <span>300</span><button class="earn-button" data-type="epizod-otkr">+</button></p>
    <p>каждая 1к символов в посте <span>200</span><button class="earn-button" data-type="post-simvol">+</button></p>
    <p>каждый смс пост <span>150</span><button class="earn-button" data-type="sms-post">+</button></p>
    <p>ответ на пост в течение суток (считается от последнего поста партнера) <span>300</span><button class="earn-button" data-type="otvet-sutki">+</button></p>
    <p>закрытие эпизода (каждому из участников эпизода) <span>700</span><button class="earn-button" data-type="zakr-ep">+</button></p>
    <p>пополнение фонда форума <span>100</span><button class="earn-button" data-type="fond">+</button></p>
    <p>открытие нового флуда <span>450</span><button class="earn-button" data-type="flud-nov">+</button></p>
    <p>последнее сообщение во флуде <span>450</span><button class="earn-button" data-type="flud-soo">+</button></p>
    <p>нашли баг в дизайне <span>500</span><button class="earn-button" data-type="bag-diz">+</button></p>
    <p>принесли в тему амс ссылки на заявки ушедших игроков, эпизоды и тп <span>200</span><button class="earn-button" data-type="cistka">+</button></p>
	</div>
	</div>

	<div class="bk-main-all-right">
	<div class="bk-main-all-left-tit">потратить</div>
	<div class="bk-main-all-line">
    <p>
    выкупить имя <span>400</span
    ><button class="earn-button" data-type="vikup-imya">+</button>
    </p>
    <p>
    выкупить фамилию <span>400</span
    ><button class="earn-button" data-type="vikup-familia">+</button>
    </p>
    <p>
    выкупить сокращение имени/прозвища <span>400</span
    ><button class="earn-button" data-type="vikup-sokr">+</button>
    </p>
    <p>
    выкупить внешность для нужного/твинка на 2 недели <span>1000</span
    ><button class="earn-button" data-type="vikup-vheh-2week">+</button>
    </p>
    <p>
    выкупить внешность для нужного/твинка на 4 недели <span>2000</span
    ><button class="earn-button" data-type="vikup-vheh-4week">+</button>
    </p>
    <p>
    реклама с нужным персонажем на 2 недели (наша графика) <span>800</span
    ><button class="earn-button" data-type="reklama-hashgraf">+</button>
    </p>
    <p>
    реклама с нужным персонажем на 2 недели (ваша графика) <span>600</span
    ><button class="earn-button" data-type="reklama-vashgraf">+</button>
    </p>
    <p>
    передать послание или привет в новостях, подкинуть сплетню или мем <span>500</span
    ><button class="earn-button" data-type="poslanie-novosti">+</button>
    </p>
    <p>
    постовой бан на час (закрытие всех тем, кроме игровых и организации) <span>300</span
    ><button class="earn-button" data-type="post-ban">+</button>
    </p>
    <p>
    постовой бан на сутки (закрытие всех тем, кроме игровых и организации) <span>2000</span
    ><button class="earn-button" data-type="postban-1">+</button>
    </p>
    <p>
    сменить персонажа <span>800</span
    ><button class="earn-button" data-type="smen-pers">+</button>
    </p>
    <p>
    сменить имя/фамилию <span>800</span
    ><button class="earn-button" data-type="smen-imya">+</button>
    </p>
    <p>
    сменить внешность <span>1000</span
    ><button class="earn-button" data-type="smen-vneh">+</button>
    </p>
    <p>
    купон на удвоение банка за рекламу на 2 недели <span>700</span
    ><button class="earn-button" data-type="kupon-bank2">+</button>
    </p>
    <p>
    купон на утроение банка за посты на месяц <span>1000</span
    ><button class="earn-button" data-type="kupon-bankx3">+</button>
    </p>
    <p>
    купон на удвоение всех позиций в банке на неделю <span>1300</span
    ><button class="earn-button" data-type="kupon-bank1week">+</button>
    </p>
    <p>
    купон на удвоение всех позиций в банке на месяц <span>2700</span
    ><button class="earn-button" data-type="kupon-bank4week">+</button>
    </p>
    <p>
    купон на общий банк с партнером <span>5000</span
    ><button class="earn-button" data-type="kupon-bankpartner">+</button>
    </p>
    <p>
    купон на спасение от чистки <span>1900</span
    ><button class="earn-button" data-type="kupon-chistka">+</button>
    </p>
    <p>
    купон на любимый стикер пак в смайлы форума <span>1000</span
    ><button class="earn-button" data-type="kupon-stiker">+</button>
    </p>
    <p>
    купон на гейм — мастера (нпс) в сюжет <span>1000</span
    ><button class="earn-button" data-type="kupon-gm">+</button>
    </p>
    <p>
    купон на попадание в таблицу (активист или пост недели) <span>2500</span
    ><button class="earn-button" data-type="kupon-tabl">+</button>
    </p>
    <p>
    купон на пропуск хода в квесте <span>1000</span
    ><button class="earn-button" data-type="kupon-kvest">+</button>
    </p>
    <p>
    купон на повторный бросок дайса <span>4000</span
    ><button class="earn-button" data-type="kupon-daise">+</button>
    </p>
    <p>
    купон на реклама с нужным персонажем бессрочно до прихода игрока <span>4000</span
    ><button class="earn-button" data-type="kupon-nyzbesr">+</button>
    </p>
    <p>
    купон на пропуск задания в конкурсе или день в дейликах/календаре <span>500</span
    ><button class="earn-button" data-type="kupon-konkurs">+</button>
    </p>
    <p>
    купон на личную иконку <span>800</span
    ><button class="earn-button" data-type="nyz_glav">+</button>
    </p>
    <p>
    купон на личный фон <span>1000</span
    ><button class="earn-button" data-type="poster">+</button>
    </p>
    <p>
    купон на личную плашку <span>700</span
    ><button class="earn-button" data-type="poster_zadanie">+</button>
    </p>
    <p>
    купон на пак личного оформления <span>2500</span
    ><button class="earn-button" data-type="kupon-packoforma">+</button>
    </p>
	</div>
	</div>
</div>

<!-- Модальное окно -->
<div id="earnModal" class="modal">
	<div class="modal-content">
	<span class="close">&times;</span>
	<div id="modalContent"></div>
	</div>
</div>

<!-- Предварительный просмотр выбранных пунктов -->
<div id="selected-items-preview">
	<div class="preview-empty">Выберите пункты для заработка</div>
</div>

<!-- Кнопка "Закончить" -->
<div style="text-align: center; margin: 30px 0">
	<button id="finishBtn" class="finish-btn" style="display: none">Закончить</button>
</div>

<script>
document.addEventListener("DOMContentLoaded", function () {
    console.log("DOMContentLoaded");

    console.log(0);
    // Данные для модальных окон
    const modalData = {
        "messages-100": {
                "title": "каждые 100 сообщений",
                "description": "Укажите количество раз, когда вы достигли 100 сообщений (например: 2 для 200 сообщений)",
                "amount": 200,
                "fields": [
                        {
                                "name": "count",
                                "label": "Количество",
                                "type": "number",
                                "required": true
                        }
                ]
        },
        "messages-500": {
                "title": "каждые 500 сообщений",
                "description": "Укажите количество раз, когда вы достигли 500 сообщений (например: 2)\n",
                "amount": 500,
                "fields": [
                        {
                                "name": "count",
                                "label": "Количество",
                                "type": "number",
                                "required": true
                        }
                ]
        },
        "repa-100": {
                "title": "каждые 100 репутации",
                "description": "Укажите количество раз, когда вы достигли 100 репутации (например: 2 для 200 репутации):",
                "amount": 200,
                "fields": [
                        {
                                "name": "count",
                                "label": "Количество",
                                "type": "number",
                                "required": true
                        }
                ]
        },
        "positive-100": {
                "title": "каждые 100 позитива",
                "description": "Укажите количество раз, когда вы достигли 100 позитива (например: 2 для 200 позитива)\n",
                "amount": 100,
                "fields": [
                        {
                                "name": "count",
                                "label": "Количество",
                                "type": "number",
                                "required": true
                        }
                ]
        },
        "tablica-win": {
                "title": "за попадание в таблицу (любая номинация)",
                "description": "Укажите ссылку на новости ",
                "amount": 100,
                "fields": [
                        {
                                "name": "url",
                                "label": "Ссылка на новости ",
                                "type": "url",
                                "required": true
                        }
                ]
        },
        "nyzn": {
                "title": "заявка на нужного",
                "description": "Укажите ссылку на заявку (можно добавить несколько)\n",
                "amount": 300,
                "fields": [
                        {
                                "name": "url",
                                "label": "Ссылка на заявку",
                                "type": "url",
                                "required": true
                        }
                ]
        },
        "hochy-videt": {
                "title": "заявка в хочу видеть",
                "description": "Укажите ссылку на заявку (можно добавить несколько)\n",
                "amount": 150,
                "fields": [
                        {
                                "name": "url",
                                "label": "Ссылка на заявку",
                                "type": "url",
                                "required": true
                        }
                ]
        },
        "drug": {
                "title": "привести друга на форум (после принятия, вам и другу)",
                "description": "Укажите ссылку на друга и подтверждение (можно добавить несколько )\n",
                "amount": 4000,
                "fields": [
                        {
                                "name": "url",
                                "label": "Ссылка на профиль друга",
                                "type": "url",
                                "required": true
                        }
                ]
        },
        "dubl-vneha": {
                "title": "отдать свою внешность под дубль (получаете вы и тот, кто забрал внешность, только после принятия)",
                "description": "Укажите ссылку на профиль того человека, кому отдали дубль внешности ",
                "amount": 3000,
                "fields": [
                        {
                                "name": "url",
                                "label": "Ссылка на профиль ",
                                "type": "url",
                                "required": true
                        }
                ]
        },
        "zaivka-nyz": {
                "title": "прийти по заявке из нужных (получает заказчик и пришедший только после принятия)",
                "description": "укажите ссылку на сообщение, по заявке которой вы пришли, и ссылку на принятую анкету",
                "amount": 800,
                "fields": [
                        {
                                "name": "url",
                                "label": "Укажите ссылку (можно несколько)",
                                "type": "text",
                                "required": true
                        }
                ]
        },
        "grafika": {
                "title": "помощь с графикой/графический подарок (1 единица: аватар, эпиграф, гиф и тп)",
                "description": "Укажите ссылку на ваш подарок + какое количество графики сделали",
                "amount": 300,
                "fields": [
                        {
                                "name": "count",
                                "label": "Количество",
                                "type": "number",
                                "required": true
                        }
                ]
        },
        "konkurs": {
                "title": "участие в конкурсе",
                "description": "Укажите ссылку на участие в конкурсе (можно добавить несколько)\n",
                "amount": 300,
                "fields": [
                        {
                                "name": "url",
                                "label": "Ссылка на участие ",
                                "type": "url",
                                "required": true
                        }
                ]
        },
        "post-seti": {
                "title": "пост в ленте соцсетей",
                "description": "Укажите ссылки на посты (можно указывать несколько ссылок в одно после) + количество постов (например: для взятия награды за три поста, ставьте цифру 3)",
                "amount": 150,
                "fields": [
                        {
                                "name": "count",
                                "label": "Количество",
                                "type": "number",
                                "required": true
                        }
                ]
        },
        "reklama-1": {
                "title": "1 реклама",
                "description": "Укажите количество оставленных реклам\n",
                "amount": 30,
                "fields": [
                        {
                                "name": "count",
                                "label": "Количество",
                                "type": "number",
                                "required": true
                        }
                ]
        },
        "reklama-100": {
                "title": "100 реклам",
                "description": "Укажите ссылки от начала первого поста и до конца ( можно указывать несколько ссылок в одно поле) ",
                "amount": 4000,
                "fields": [
                        {
                                "name": "url",
                                "label": "Ссылки на от и до",
                                "type": "url",
                                "required": true
                        }
                ]
        },
        "rgp-top": {
                "title": "одно нажатие рпг-топа",
                "description": "Можно забирать только раз в сутки ",
                "amount": 100,
                "fields": []
        },
        "reklama-1000": {
                "title": "оставить 1000 реклам за все время",
                "description": "Забирается разово ",
                "amount": 5000,
                "fields": []
        },
        "banner-reno": {
                "title": "наш баннер в подписи на рено/маяке/лиле",
                "description": "Выдается разово ",
                "amount": 3000,
                "fields": [
                        {
                                "name": "url",
                                "label": "Ссылка на скрин доказательства",
                                "type": "url",
                                "required": true
                        }
                ]
        },
        "epizod-otkr": {
                "title": "открытие эпизода (каждому из участников эпизода)",
                "description": "Укажите ссылки на эпизод или эпизоды + количество. Смс эпизоды тоже считаются. ",
                "amount": 300,
                "fields": [
                        {
                                "name": "count",
                                "label": "Количество",
                                "type": "number",
                                "required": true
                        }
                ]
        },
        "post-simvol": {
                "title": "каждая 1к символов в посте",
                "description": "Укажите ссылку на пост (можно добавить несколько) + количество символов (например: у вас 8000 символов в посте, указывайте просто цифру 8 и тп.)",
                "amount": 200,
                "fields": [
                        {
                                "name": "count",
                                "label": "Количество",
                                "type": "number",
                                "required": true
                        }
                ]
        },
        "sms-post": {
                "title": "каждый смс пост",
                "description": "Укажите ссылку на полный эпизод + количество смс постов в нем, написанное вами. Если забираете по одному посту, то указывайте актуальные ссылки на посты. ",
                "amount": 150,
                "fields": [
                        {
                                "name": "count",
                                "label": "Количество",
                                "type": "number",
                                "required": true
                        }
                ]
        },
        "otvet-sutki": {
                "title": "ответ на пост в течение суток (считается от последнего поста партнера)",
                "description": "Укажите ссылку на пост ",
                "amount": 300,
                "fields": [
                        {
                                "name": "url",
                                "label": "Ссылка на пост ",
                                "type": "url",
                                "required": true
                        }
                ]
        },
        "zakr-ep": {
                "title": "закрытие эпизода (каждому из участников эпизода)",
                "description": "Укажите ссылки на эпизод или эпизоды + количество\n",
                "amount": 700,
                "fields": [
                        {
                                "name": "count",
                                "label": "Количество",
                                "type": "number",
                                "required": true
                        }
                ]
        },
        "fond": {
                "title": "пополнение фонда форума",
                "description": "сумма увеличивается в 10 раз от количества кредитов",
                "amount": 100,
                "fields": [
                        {
                                "name": "count",
                                "label": "Количество",
                                "type": "number",
                                "required": true
                        }
                ]
        },
        "flud-nov": {
                "title": "открытие нового флуда",
                "description": "Укажите ссылку на тему (можно добавить несколько)\n",
                "amount": 450,
                "fields": [
                        {
                                "name": "url",
                                "label": "Ссылка на тему",
                                "type": "url",
                                "required": true
                        }
                ]
        },
        "flud-soo": {
                "title": "последнее сообщение во флуде",
                "description": "Укажите ссылку на пост ",
                "amount": 450,
                "fields": [
                        {
                                "name": "url",
                                "label": "Ссылка на пост ",
                                "type": "url",
                                "required": true
                        }
                ]
        },
        "bag-diz": {
                "title": "нашли баг в дизайне",
                "description": "Обязательно указывайте ссылку на скрин или пост, где увидели ошибку ",
                "amount": 500,
                "fields": [
                        {
                                "name": "url",
                                "label": "Укажите ссылку на скрин или пост (можно несколько)",
                                "type": "text",
                                "required": true
                        }
                ]
        },
        "cistka": {
                "title": "принесли в тему амс ссылки на заявки ушедших игроков, эпизоды и тп",
                "description": "Сумма считается за каждую принесенную ссылку. Не забывайте указать ссылку на сообщение, где вы указали ссылки + количество ссылок. ",
                "amount": 200,
                "fields": [
                        {
                                "name": "count",
                                "label": "Количество",
                                "type": "number",
                                "required": true
                        }
                ]
        },
        "vikup-imya": {
                "title": "выкупить имя",
                "description": "Укажите имя, которое хотите выкупить ",
                "amount": -400,
                "fields": [
                        {
                                "name": "imya",
                                "label": "Имя ",
                                "type": "text",
                                "required": true
                        }
                ]
        },
        "vikup-familia": {
                "title": "выкупить фамилию",
                "description": "Укажите фамилию, которое хотите выкупить\n",
                "amount": -400,
                "fields": [
                        {
                                "name": "familia",
                                "label": "Фамилия",
                                "type": "text",
                                "required": true
                        }
                ]
        },
        "vikup-sokr": {
                "title": "выкупить сокращение имени/прозвища",
                "description": "Укажите ваше сокращение или прозвище ",
                "amount": -400,
                "fields": [
                        {
                                "name": "sokr",
                                "label": "Имя/прозвище ",
                                "type": "text",
                                "required": true
                        }
                ]
        },
        "vikup-vheh-2week": {
                "title": "выкупить внешность для нужного/твинка на 2 недели",
                "description": "Укажите конкретную внешность \n",
                "amount": -1000,
                "fields": [
                        {
                                "name": "appearance_name ",
                                "label": "Имя внешности",
                                "type": "text",
                                "required": true
                        }
                ]
        },
        "vikup-vheh-4week": {
                "title": "выкупить внешность для нужного/твинка на 4 недели",
                "description": "Укажите конкретную внешность\n",
                "amount": -2000,
                "fields": [
                        {
                                "name": "appearance_name",
                                "label": "Имя внешности",
                                "type": "text",
                                "required": true
                        }
                ]
        },
        "reklama-hashgraf": {
                "title": "реклама с нужным персонажем на 2 недели (наша графика)",
                "description": "Укажите ссылку на вашу заявку ",
                "amount": -800,
                "fields": [
                        {
                                "name": "url",
                                "label": "Ссылка на заявку нужного",
                                "type": "url",
                                "required": true
                        }
                ]
        },
        "reklama-vashgraf": {
                "title": "реклама с нужным персонажем на 2 недели (ваша графика)",
                "description": "Укажите ссылку на вашу рекламу. Старайтесь придерживаться размеров наших реклам (450x551 пикселей), с указанием названия форума + укажите ссылку на заявку нужного, через запятую в одно поле ",
                "amount": -600,
                "fields": [
                        {
                                "name": "url",
                                "label": "Ссылка на вашу рекламу и нужного",
                                "type": "url",
                                "required": true
                        }
                ]
        },
        "poslanie-novosti": {
                "title": "передать послание или привет в новостях, подкинуть сплетню или мем",
                "description": "Укажите свое послание, привет, сплетню или ссылку на мем ",
                "amount": -500,
                "fields": [
                        {
                                "name": "opisanie",
                                "label": "Ваше описание или ссылка",
                                "type": "textarea",
                                "required": true
                        }
                ]
        },
        "post-ban": {
                "title": "постовой бан на час (закрытие всех тем, кроме игровых и организации)",
                "description": "Цена идет 100$ за один час, указывайте количества часов, на сколько вам нужно ",
                "amount": -300,
                "fields": [
                        {
                                "name": "count",
                                "label": "Количество",
                                "type": "number",
                                "required": true
                        }
                ]
        },
        "postban-1": {
                "title": "постовой бан на сутки (закрытие всех тем, кроме игровых и организации)",
                "description": "Укажите количество суток ",
                "amount": -2000,
                "fields": [
                        {
                                "name": "count",
                                "label": "Количество",
                                "type": "number",
                                "required": true
                        }
                ]
        },
        "smen-pers": {
                "title": "сменить персонажа",
                "description": "Первый раз бесплатно, если не начата игра",
                "amount": -800,
                "fields": []
        },
        "smen-imya": {
                "title": "сменить имя/фамилию",
                "description": " Первый раз бесплатно, если не начата игра",
                "amount": -800,
                "fields": []
        },
        "smen-vneh": {
                "title": "сменить внешность",
                "description": "Первый раз бесплатно, если не начата игра",
                "amount": -1000,
                "fields": []
        },
        "kupon-bank2": {
                "title": "купон на удвоение банка за рекламу на 2 недели",
                "description": "Можно приобретать раз в месяц. Если вы хотите купить купон другу/партнеру и т.п, то приходите в тему «Связь с АМС» со ссылкой на данную трату.",
                "amount": -700,
                "fields": []
        },
        "kupon-bankx3": {
                "title": "купон на утроение банка за посты на месяц",
                "description": "Если вы хотите купить купон другу/партнеру и т.п, то приходите в тему «Связь с АМС» со ссылкой на данную трату.",
                "amount": -1000,
                "fields": []
        },
        "kupon-bank1week": {
                "title": "купон на удвоение всех позиций в банке на неделю",
                "description": "Если вы хотите купить купон другу/партнеру и т.п, то приходите в тему «Связь с АМС» со ссылкой на данную трату.",
                "amount": -1300,
                "fields": []
        },
        "kupon-bank4week": {
                "title": "купон на удвоение всех позиций в банке на месяц",
                "description": "Если вы хотите купить купон другу/партнеру и т.п, то приходите в тему «Связь с АМС» со ссылкой на данную трату.",
                "amount": -2700,
                "fields": []
        },
        "kupon-bankpartner": {
                "title": "купон на общий банк с партнером",
                "description": "Используется только для двоих, оба партнера должны быть в лз друг у друга, при удалении партнера/смене партнера купон аннулируется.",
                "amount": -5000,
                "fields": [
                        {
                                "name": "url",
                                "label": "Ссылка на партнера ",
                                "type": "url",
                                "required": true
                        }
                ]
        },
        "kupon-chistka": {
                "title": "купон на спасение от чистки",
                "description": "Можно купить 1 раз за 2 чистки. Если вы хотите купить купон другу/партнеру и т.п, то приходите в тему «Связь с АМС» со ссылкой на данную трату.\n",
                "amount": -1900,
                "fields": []
        },
        "kupon-stiker": {
                "title": "купон на любимый стикер пак в смайлы форума",
                "description": "Видеостикеры, стикеры тг, эмоджи премиум статичные или гиф. Если вы хотите купить купон другу/партнеру и т.п, то приходите в тему «Связь с АМС» со ссылкой на данную трату.\n",
                "amount": -1000,
                "fields": []
        },
        "kupon-gm": {
                "title": "купон на гейм — мастера (нпс) в сюжет",
                "description": "Действует на один эпизод. За подробностями приходите в тему «Связь с АМС» .",
                "amount": -1000,
                "fields": []
        },
        "kupon-tabl": {
                "title": "купон на попадание в таблицу (активист или пост недели)",
                "description": "Можете выбрать себя, друга и т.п. ",
                "amount": -2500,
                "fields": [
                        {
                                "name": "desc",
                                "label": "Ссылка на профиль и укажите категорию куда хотите попасть ",
                                "type": "textarea",
                                "required": true
                        }
                ]
        },
        "kupon-kvest": {
                "title": "купон на пропуск хода в квесте",
                "description": "Можно использовать только 1 раз за весь квест. ",
                "amount": -1000,
                "fields": [
                        {
                                "name": "url",
                                "label": "Укажите ссылку на квест",
                                "type": "url",
                                "required": true
                        }
                ]
        },
        "kupon-daise": {
                "title": "купон на повторный бросок дайса",
                "description": "Можно использовать 2 раза за весь квест. ",
                "amount": -4000,
                "fields": []
        },
        "kupon-nyzbesr": {
                "title": "купон на реклама с нужным персонажем бессрочно до прихода игрока",
                "description": "Наша графика. Не забывайте указать ссылку на пост с нужным. ",
                "amount": -4000,
                "fields": [
                        {
                                "name": "url",
                                "label": "Ссылка на нужного",
                                "type": "url",
                                "required": true
                        }
                ]
        },
        "kupon-konkurs": {
                "title": "купон на пропуск задания в конкурсе или день в дейликах/календаре",
                "description": "Укажите ссылку на конкурс. Можно использовать до трех раз за один конкурс. И укажите за какой день пропускаете или какое задание. ",
                "amount": -500,
                "fields": [
                        {
                                "name": "desc",
                                "label": "Ссылка на конкурс и описание ",
                                "type": "textarea",
                                "required": true
                        }
                ]
        },
        "nyz_glav": {
                "title": "купон на личную иконку",
                "description": "Купон на личную иконку, можно оставить у себя или разместить кому то другому, на личную страницу",
                "amount": -800,
                "fields": []
        },
        "poster": {
                "title": "купон на личный фон",
                "description": "Купон на индивидуальный фон, можно использовать на покупку в магазине фона своего личного принесенного не из ассортимента магазина \n",
                "amount": -1000,
                "fields": []
        },
        "poster_zadanie": {
                "title": "купон на личную плашку",
                "description": "Купон предоставляет доступ на покупку в магазине личной плашки, индивидуальной (текст, цвет) и размещается на личной странице.\n",
                "amount": -700,
                "fields": []
        },
        "kupon-packoforma": {
                "title": "купон на пак личного оформления",
                "description": "Купон предоставляет возможно на покупку пака оформления индивидуальное (все свое) полным комплектом, размещается на личной странице.",
                "amount": -2500,
                "fields": []
        }
};

    console.log("modalData", modalData);
    // Переменные для отслеживания выбранных пунктов
    let selectedItems = [];
    let currentBalance = 0;
    let initialBalance = 0;

    // Функция для получения начального баланса из UserFld2
    function getInitialBalance() {
        try {
        // Пытаемся получить значение UserFld2
        if (typeof UserFld2 !== "undefined" && UserFld2) {
            // Убираем пробелы и преобразуем в число
            const cleanValue = UserFld2.toString().replace(/\s/g, "");
            const balance = parseInt(cleanValue);
            return isNaN(balance) ? 0 : balance;
        }
        } catch (e) {
        console.log("UserFld2 не доступна:", e);
        }
        return 0;
    }

    // Функция для получения суммы по типу
    function getAmountForType(type) {
        // Сначала проверяем в modalData
        if (modalData[type] && modalData[type].amount !== undefined) {
            return modalData[type].amount;
        }
        
        // Fallback на базовые значения для совместимости
        const amounts = {
        "messages-100": 50,
        "positivity-100": 20,
        "reputation-100": 20,
        "application-needed": 50,
        "application-want": 25,
        "take-player": 15,
        "bring-friend": 45,
        "come-by-application": 20,
        advertisement: 5,
        "advertisement-50": 350,
        "filled-profile": 75,
        "game-post": 50,
        "online-5hours": 70,
        "flood-topic": 10,
        "contest-participation": 20,
        // Суммы для раздела "потратить"
        "buyout-needed-appearance": -300,
        "buyout-self-appearance": -400,
        "needed-advertisement": -350,
        "forum-gif": -100,
        "custom-avatar": -1000
        };
        return amounts[type] || 0;
    }

    console.log(1);
    // Функция для добавления пункта в список
    function addItem(type, details = "") {
        console.log("type", type);
        console.log("details", details);
        const data = modalData[type];

        console.log("data", data);
        if (!data) return;

        // Находим базовую сумму для этого пункта
        const baseAmount = getAmountForType(type);

        console.log("baseAmount", baseAmount);

        // Проверяем, есть ли количество в details
        let amount = baseAmount;
        let displayName = data.title;

        // Ищем количество в details для определенных типов (динамически определяем по полям)
        const hasQuantityField = data.fields && data.fields.some(field => field.name === "count");
        if (hasQuantityField && details) {
        const countMatch = details.match(/:\s*(\d+)$/i);

        console.log("countMatch", countMatch);
        if (countMatch) {
            const count = parseInt(countMatch[1]);

            console.log("count", count);
            if (count > 0) {
            amount = baseAmount * count;
            displayName = data.title + " (x" + count + ")";
            console.log("amount", amount);
            console.log("displayName", displayName);
            }
        }
        }

        // Обработка множественных значений для типов с полями (кроме количественных)
        const hasMultipleFields = data.fields && data.fields.length > 0 && 
                                 !data.fields.some(field => field.name === "count") &&
                                 !data.fields.some(field => field.type === "textarea");

        if (hasMultipleFields && details) {
        // Ищем количество значений в details
        const fieldMatch = details.match(/:\s*([^,]+(?:,\s*[^,]+)*)/);
        if (fieldMatch) {
            const values = fieldMatch[1]
            .split(",")
            .map((item) => item.trim())
            .filter((item) => item.length > 0);
            if (values.length > 0) {
            amount = baseAmount * values.length;
            displayName = data.title + " (x" + values.length + ")";
            }
        }
        }

        selectedItems.push({
        name: displayName,
        amount: amount,
        details: details
        });

        currentBalance += amount;
        updatePreview();
    }

	function addField(fieldName) {
    var container = document.getElementById(fieldName + "_container");
    var fieldCount = container.children.length;
    var newFieldRow = document.createElement("div");
    newFieldRow.className = "field-row";

    var input = document.createElement("input");
    input.type = "text";
    input.id = fieldName + "_" + fieldCount;
    input.name = fieldName;

    var removeBtn = document.createElement("button");
    removeBtn.type = "button";
    removeBtn.className = "remove-field-btn";
    removeBtn.innerHTML = "-";
    removeBtn.onclick = function () {
    	container.removeChild(newFieldRow);
    };

    newFieldRow.appendChild(input);
    newFieldRow.appendChild(removeBtn);
    container.appendChild(newFieldRow);
	}

	function removeItem(index) {
    if (index >= 0 && index < selectedItems.length) {
    	currentBalance -= selectedItems[index].amount;
    	selectedItems.splice(index, 1);
    	updatePreview();
    }
	}

	function updatePreview() {
    const previewContainer = document.getElementById("selected-items-preview");
    const finishBtn = document.getElementById("finishBtn");
    if (!previewContainer) return;

    if (selectedItems.length === 0) {
    	previewContainer.innerHTML = '<div class="preview-empty">Выберите пункты для заработка</div>';
    	previewContainer.style.display = "none";
    	if (finishBtn) finishBtn.style.display = "none";
    	return;
    }

    previewContainer.style.display = "block";
    if (finishBtn) finishBtn.style.display = "inline-block";

    const earnings = selectedItems.filter((item) => item.amount > 0);
    const expenses = selectedItems.filter((item) => item.amount < 0);

    let previewHTML = '<div class="preview-header">выбранные пункты</div>';
    let totalAmount = 0;

    if (earnings.length > 0) {
    	previewHTML += '<div class="preview-section-title" style="color: var(--cl4);">Заработки:</div>';
    	earnings.forEach(function (item, index) {
        totalAmount += item.amount;
        previewHTML += '<div class="preview-item">';
        previewHTML += '<div class="preview-item-header">';
        previewHTML += '<span class="preview-item-number">' + (index + 1) + ".</span>";
        previewHTML += '<span class="preview-item-name">' + item.name + "</span>";
        previewHTML += '<span class="preview-item-amount" style="color: var(--cl4);">+' + item.amount + "</span>";
        previewHTML += '<div class="preview-item-actions">';
        previewHTML += '<button type="button" class="remove-item-btn" data-index="' + selectedItems.indexOf(item) + '">❌</button>';
        previewHTML += "</div>";
        previewHTML += "</div>";
        previewHTML += "</div>";
    	});
    }

    if (expenses.length > 0) {
    	if (earnings.length > 0) {
        previewHTML += '<div style="margin: 10px 0;"></div>';
    	}
    	previewHTML += '<div class="preview-section-title spend-section" style="color: var(--cl44);">Траты:</div>';
    	expenses.forEach(function (item, index) {
        totalAmount += item.amount;
        previewHTML += '<div class="preview-item spend-item">';
        previewHTML += '<div class="preview-item-header">';
        previewHTML += '<span class="preview-item-number">' + (earnings.length + index + 1) + ".</span>";
        previewHTML += '<span class="preview-item-name">' + item.name + "</span>";
        previewHTML += '<span class="preview-item-amount" style="color: var(--cl44);">' + item.amount + "</span>";
        previewHTML += '<div class="preview-item-actions">';
        previewHTML += '<button type="button" class="remove-item-btn" data-index="' + selectedItems.indexOf(item) + '">❌</button>';
        previewHTML += "</div>";
        previewHTML += "</div>";
        previewHTML += "</div>";
    	});
    }

    const totalBalance = initialBalance + totalAmount;
    const totalClass = totalAmount < 0 ? ' class="preview-total negative"' : ' class="preview-total"';
    const balanceClass = totalBalance < 0 ? ' class="preview-total-balance negative"' : ' class="preview-total-balance"';

    previewHTML += "<div" + totalClass + ">Итого: <strong>" + totalAmount + "</strong></div>";
    previewHTML += "<div" + balanceClass + ">Общий баланс: <strong>" + totalBalance + "</strong></div>";
    previewContainer.innerHTML = previewHTML;
	}

	function updateTemplate() {
    const textarea = document.getElementById("main-reply");
    if (!textarea) return;

    if (selectedItems.length === 0) {
    	textarea.value = "";
    	return;
    }

    const earnings = selectedItems.filter((item) => item.amount > 0);
    const expenses = selectedItems.filter((item) => item.amount < 0);

    let template = "";

    if (earnings.length > 0) {
    	template += "[b]1. за что + доказательства[/b]\n";
    	earnings.forEach(function (item, index) {
        template += index + 1 + ". " + item.name + " - " + item.amount + "\n";
        if (item.details) {
        	template += "   " + item.details + "\n";
        }
        template += "\n";
    	});
    }

    if (expenses.length > 0) {
    	if (earnings.length > 0) {
        template += "\n";
    	}
    	template += "[b]2. на что потратить[/b]\n";
    	expenses.forEach(function (item, index) {
        template += index + 1 + ". " + item.name + " - " + Math.abs(item.amount) + "\n";
        if (item.details) {
        	template += "   " + item.details + "\n";
        }
        template += "\n";
    	});
    }

    template += "[b]3. расчет[/b]\n";
    const totalBalance = initialBalance + currentBalance;
    template += initialBalance + " + " + currentBalance + " = [b]" + totalBalance + "[/b]";

    textarea.value = template;
	}

	function finishTemplate() {
    const textarea = document.getElementById("main-reply");
    if (!textarea) return;

    updateTemplate();

    textarea.scrollIntoView({ behavior: "smooth", block: "center" });
    textarea.focus();

    selectedItems = [];
    currentBalance = 0;
    updatePreview();
	}

	function closeModal() {
    const modal = document.getElementById("earnModal");
    const modalContentElement = modal.querySelector(".modal-content");
    modalContentElement.classList.remove("spend-modal");
    modal.style.display = "none";
	}

	function openModal(type) {
    const modal = document.getElementById("earnModal");
    const modalContent = document.getElementById("modalContent");
    const data = modalData[type];

    if (!data) return;

    const isSpendItem = getAmountForType(type) < 0;
    const modalContentElement = modal.querySelector(".modal-content");

    if (isSpendItem) {
    	modalContentElement.classList.add("spend-modal");
    } else {
    	modalContentElement.classList.remove("spend-modal");
    }

    var fieldsHTML = "";
    if (data.fields.length !== 0) {
    	fieldsHTML = data.fields.map(function (field) {
        var fieldHTML = '<div class="form-group">';
        fieldHTML += '<label for="' + field.name + '">' + field.label + ":</label>";

        if (field.type === "textarea") {
        	fieldHTML += '<textarea id="' + field.name + '" name="' + field.name + '"';
        	if (field.required) fieldHTML += " required";
        	fieldHTML += "></textarea>";
        } else {
        	const isQuantityField = field.name === "count";

        	if (isQuantityField) {
            fieldHTML += '<input type="' + field.type + '" id="' + field.name + '" name="' + field.name + '"';
            if (field.required) fieldHTML += " required";
            fieldHTML += ">";
        	} else {
            fieldHTML += '<div id="' + field.name + '_container">';
            fieldHTML += '<div class="field-row">';
            fieldHTML += '<input type="' + field.type + '" id="' + field.name + '_0" name="' + field.name + '"';
            if (field.required) fieldHTML += " required";
            fieldHTML += ">";
            fieldHTML += '<button type="button" class="add-field-btn" data-field="' + field.name + '">+</button>';
            fieldHTML += "</div>";
            fieldHTML += "</div>";
        	}
        }

        fieldHTML += "</div>";
        return fieldHTML;
    	}).join("");
    }

    modalContent.innerHTML = "<h3 id='modal-title' class='modal-title'>" + data.title + "</h3>" +
    	'<div class="info-text">' + data.description + "</div>" +
    	'<form id="earnForm">' + fieldsHTML + '<button type="submit" class="submit-btn">Добавить</button>' + "</form>";

    modal.style.display = "block";

    document.getElementById("earnForm").addEventListener("submit", function (e) {
    	e.preventDefault();

    	let details = "";
    	if (data.fields.length !== 0) {
        const fieldValues = [];
        data.fields.forEach(function (field) {
        	if (field.type === "textarea") {
            const value = document.getElementById(field.name).value;
            if (value) {
            	fieldValues.push(field.label + ": " + value);
            }
        	} else {
            const isQuantityField = field.name === "count";

            if (isQuantityField) {
            	const value = document.getElementById(field.name).value;
            	if (value) {
                fieldValues.push(field.label + ": " + value);
            	}
            } else {
            	const container = document.getElementById(field.name + "_container");
            	const inputs = container.querySelectorAll('input[name="' + field.name + '"]');
            	const values = [];
            	inputs.forEach(function (input) {
                if (input.value.trim()) {
                	values.push(input.value.trim());
                }
            	});
            	if (values.length > 0) {
                fieldValues.push(field.label + ": " + values.join(", "));
            	}
            }
        	}
        });
        details = fieldValues.join(", ");
    	}

    	addItem(type, details);

    	const finishBtn = document.getElementById("finishBtn");
    	if (finishBtn) {
        finishBtn.style.display = "inline-block";
    	}

    	closeModal();
    });
	}

	// Инициализация обработчиков
	const earnButtons = document.querySelectorAll(".earn-button");
	earnButtons.forEach(function (button) {
    button.addEventListener("click", function () {
    	const type = this.getAttribute("data-type");
    	if (type) {
        openModal(type);
    	}
    });
	});

	const closeButton = document.querySelector(".close");
	if (closeButton) {
    closeButton.addEventListener("click", closeModal);
	}

	window.addEventListener("click", function (event) {
    const modal = document.getElementById("earnModal");
    if (event.target === modal) {
    	closeModal();
    }
	});

	const finishBtn = document.getElementById("finishBtn");
	if (finishBtn) {
    finishBtn.addEventListener("click", finishTemplate);
	}

	document.addEventListener("click", function (event) {
    if (event.target.classList.contains("add-field-btn")) {
    	const fieldName = event.target.getAttribute("data-field");
    	if (fieldName) {
        addField(fieldName);
    	}
    }

    if (event.target.classList.contains("remove-item-btn")) {
    	const index = parseInt(event.target.getAttribute("data-index"));
    	removeItem(index);
    }
	});

    // Инициализируем начальный баланс
    initialBalance = getInitialBalance();

    // Инициализируем предварительный просмотр (скроет элементы если ничего не выбрано)
    updatePreview();
    });
</script>

<!--HTML--><div id="oform-box">
<div class="zagl-box"><zagl>

путеводитель

</zagl></div><div class="txt-box-put">


<div class="tab-put">

<input type="radio" name="tab-put" id="tab-put1" value="" checked="">
    <label for="tab-put1"><i class="fa-solid fa-city"></i> о городе</label>

    <input type="radio" name="tab-put" id="tab-put2" value="">
    <label for="tab-put2"><i class="fa-solid fa-map-location-dot"></i> места</label>

    <input type="radio" name="tab-put" id="tab-put3" value="">
    <label for="tab-put3"><i class="fa-solid fa-quote-left"></i> интересные факты</label>

<div id="gorod"><!----О ГОРОДЕ---->

<div class="put-box">

<div style="font-style: italic; text-align: right;">Тампа, штат Флорида, США – там, где солнце встречает залив.</div>

<div class="pr-box"><div class="pr-pic"><img src="https://upforme.ru/uploads/001c/85/fe/3/619288.gif"></div> <div class="pr-pic"><img src="https://upforme.ru/uploads/001c/85/fe/3/28736.gif"></div></div>


<br>
если бы город умел улыбаться, тампа бы делала это широко, тепло и по-настоящему. здесь в воздухе витает запах соли и цитрусовых, а залив сверкает так, будто кто-то рассыпал по воде россыпь серебряных монет. это место, где пальмы склоняются к дорогам, а лето не покидает улицы даже зимой.
<br><br>
лето в тампе похоже на объятие из плотного, влажного воздуха. днём жара поднимается до +33–35 °c, не спрашивая разрешения, а к вечеру на горизонте собираются плотные, как комки сладкой ваты, грозовые тучи. они не пугают, а, скорее, дают передышку: ливень, грохот, и снова солнце – уже в лужах и на стёклах.
<br><br>
зимой город будто делает глубокий вдох. температура мягко опускается до +20–24 °c днём, ночами можно надеть лёгкую кофту, но пальмы по-прежнему зелёные, и чайки по-прежнему дерутся за хлеб на пристани. снега здесь нет. и не будет.
<br><br>
тампа живёт на берегу мексиканского залива, а это значит – бескрайние пляжи, где песок скрипит под ногами, словно сахар. в 30 минутах езды – пляж клируотер, где закат превращается в спектакль. ещё дальше – остров ханимун (англ. honeymoon) и каладеси, острова почти без людей, где можно пройтись по тропе сквозь сосны, а потом окунуться в тёплую, прозрачную воду.
<br><br>
а что насчёт ламантинов? эти мягкие гиганты приходят зимовать к пляжу аполло, где вода тёплая и течение медленное. и, конечно, река хиллсборо, которая несёт свои воды сквозь сердце города. по берегам – прогулочная набережная, где по вечерам пахнет жареным миндалём, играет джаз, и дети гоняются за голубями.
<br><br>
если вам повезло оказаться в айбор сити (англ. ybor city) –  считайте, что вы побывали в маленькой гаване. старинные здания из красного кирпича, запах табака, сигарные фабрики, кубинские сэндвичи и павлины, гуляющие по улицам, как старожилы. это город в городе, где прошлое и настоящее смеются над временем. для любителей искусства – музей искусств тампы, минималистичное здание у реки, внутри которого древнегреческие вазы соседствуют с неоновыми инсталляциями. для детей и взрослых, которые хотят почувствовать себя детьми, – детский музей глейзера, океанариум и буш гарденс – парк, где зебры гуляют рядом с американскими горками.
<br><br>
а если окажетесь здесь в январе – вас ждёт пиратский фестиваль гаспарилла. в этот день по заливу приплывают пираты на настоящем корабле, а по улицам города проходит парад, сверкающий, как монеты из пиратского сундурка.
<br><br>
тампа – рай для гурманов. утро начинается с крепкого кубинского кофе, день – с устриц у воды, а вечер – с ужина в стейк-хаусе берна, где винная карта – как роман.
<br><br>
тампа – город, который не торопится. она не стремится быть на обложке модных журналов, но она красива – естественно, живо и искренне. здесь дышится океаном, слышится музыка латино, и каждый день несёт в себе обещание приключений – больших или маленьких. всё зависит от того, как далеко вы готовы зайти по берегу.

</div></div>

<div id="mesta"><!----МЕСТА---->

<div class="slider" role="region" aria-label="Паттерны">
  <div class="controls" role="group" aria-label="Управление слайдами">

<button class="button button-radio" type="button" aria-current="true" aria-label="Показать 1 из 3"></button>
    <button class="button button-radio" type="button" aria-label="Показать 2 из 3"></button>
    <button class="button button-radio" type="button" aria-label="Показать 3 из 3"></button>


    <button aria-label="Предыдущий" type="button" class="button button-prev"></button>
    <button aria-label="Следующий" type="button" class="button button-next"></button></div>

  <div class="slides" aria-live="polite">

<div class="slide" role="group" aria-labelledby="item-1-label" id="carousel-item-1">
      
<div class="pr-box"><div class="pr-pic"><img src="
https://upforme.ru/uploads/001c/85/fe/3/80078.png
"></div><div class="opis-put"><div class="pr-name">
океанариум флориды
</div><div class="pr-opis">
на площади более 23000 кв.км обитает более 20000 видов животных. здесь вы увидите шустрых рыб, яркие кораллы, акул, веселых пингвинов и многих других морских обитателей. в 4d кинотеатре вы можете посмотреть познавательный фильм, интересный и детям, и взрослым. а для тех, кто в жаркую погоду хочет немного охладиться, есть игровая площадка с водными развлечениями. также для тех, кто хочет посмотреть на тампу с воды, есть прогулка с дельфинами: на катамаранах вы можете понаблюдать за дельфинами и насладиться городскими видами.
</div></div></div>


<div class="pr-box"><div class="pr-pic"><img src="
https://upforme.ru/uploads/001c/85/fe/3/791522.png
"></div><div class="opis-put"><div class="pr-name">
театр тампы
</div><div class="pr-opis">
изначально театр был построен как «дворец кино» в 1926 году, и сейчас является одним из исторических мест тампы. после покупки билетов, пройдя в зал, вы окажитесь в прошлом. надо заметить, что в данном кинотеатре вы не увидите современных блокбастеров. напротив, здесь показывают документальные, независимые и иностранные фильмы. именно здесь вы можете забыть о современных реалиях и, расслабившись, окунуться в прошлое.
</div></div></div>


<div class="pr-box"><div class="pr-pic"><img src="
https://upforme.ru/uploads/001c/85/fe/3/523688.png
"></div><div class="opis-put"><div class="pr-name">
ипподром тампы
</div><div class="pr-opis">
единственный ипподром на западном побережье флориды. он находится за пределами города и, конечно, потребуется потратиться на топливо, чтобы туда добраться. но кто знает, может вам удастся срубить большой куш, поставив на какую-то лошадь?
</div></div></div>



<div class="pr-box"><div class="pr-pic"><img src="
https://upforme.ru/uploads/001c/85/fe/3/808607.png
"></div><div class="opis-put"><div class="pr-name">
музей искусств тампы
</div><div class="pr-opis">
каменные полы, полупрозрачные потолки и красивое освещение делают это место одним из самых потрясающих во флориде еще до того, как вы переступите порог. выставки и художественные галереи, лекционные и выставочные залы – здесь каждый может найти то, что его интересует. хотите ли вы посмотреть на изысканную коллекцию римских скульптур или в поисках уютного уголка для творчества, где дети могут поиграть с акварелью, музей искусств тампы может вам помочь.
</div></div></div>
      

</div><div class="slide" role="group" aria-labelledby="item-2-label" id="carousel-item-2">



<div class="pr-box"><div class="pr-pic"><img src="
https://upforme.ru/uploads/001c/85/fe/3/910115.png
"></div><div class="opis-put"><div class="pr-name">
парк развлечений буш гарденс
</div><div class="pr-opis">
парк развлечений буш гарденс совмещает в себе все, чтобы вы получили заряд эмоций: от американских горок до вольеров с тиграми. это частично зоопарк, частично парк развлечений, и вы можете провести целые выходные, катаясь на зиплайнах, машинках, гуляя в птичьих садах, катаясь на водных горках и находясь в непосредственной близости к животным. здесь есть продуктовые лавки, сувенирные магазины, кинотеатры, игровые площадки и концертные площадки. на хэллоуин здесь устраивают дома с привидениями, а на рождество — световые шоу. независимо от того, когда вы приедете и с кем путешествуете, вам всегда будет чем заняться и что посмотреть.
</div></div></div>


<div class="pr-box"><div class="pr-pic"><img src="
https://upforme.ru/uploads/001c/85/fe/3/404805.png
"></div><div class="opis-put"><div class="pr-name">
казино и отель семинол хард рок
</div><div class="pr-opis">
представьте себе место, где можно расслабиться в джакузи, насладиться ужином из пяти блюд и выиграть потрясающий джекпот — и всё это за один вечер. в отеле и казино семинол хард рок веселье никогда не заканчивается. если вы азартный игрок, вам понравятся игровые автоматы и карточные столы казино. там вы найдёте все свои любимые игры, включая покер, блэкджек и рулетку. азартные игры во флориде легальны, поэтому воспользуйтесь этим и испытайте удачу!
</div></div></div>



<div class="pr-box"><div class="pr-pic"><img src="
https://upforme.ru/uploads/001c/85/fe/3/959203.png
"></div><div class="opis-put"><div class="pr-name">
парк аттракционов эмпауэр эдвенчерс
</div><div class="pr-opis">
смеётесь в лицо опасности? ищете развлечения в тампе, которые оставят незабываемые воспоминания об отпуске? тогда это место для вас. центр приключений, расположенный в самом сердце тампы. здесь есть всё: от зиплайнов до подвесных канатных мостов и череды полос препятствий, которые заставят ваше сердце биться чаще. сфотографировать панораму флориды может каждый, но лишь немногие смельчаки могут похвастаться, что видели её с высоты в сотни футов.
</div></div></div>


<div class="pr-box"><div class="pr-pic"><img src="
https://upforme.ru/uploads/001c/85/fe/3/266259.png
"></div><div class="opis-put"><div class="pr-name">
исторический центр
</div><div class="pr-opis">
тампа — это не только роскошные казино и изысканные рестораны, и исторический центр – тому подтверждение. здесь представлена более чем 10000-летняя история как тампы, так и прилегающих регионов флориды. начните с изучения реликвий, артефактов и сохранившихся текстов ранних европейских путешествий в америку. продолжите знакомство с мифами и легендами об испанских завоевателях нового света. завершите экскурсию познавательными видеороликами о современной цивилизации флориды.
</div></div></div>

      

</div><div class="slide" role="group" aria-labelledby="item-3-label"  id="carousel-item-3">



<div class="pr-box"><div class="pr-pic"><img src="
https://upforme.ru/uploads/001c/85/fe/3/857999.png
"></div><div class="opis-put"><div class="pr-name">
музей науки и промышленности
</div><div class="pr-opis">
представим, что вы решили отвести детей куда-нибудь, что намного познавательнее зоопарка или детской площадки. как насчет музея науки и промышленности? здесь есть различные игры, выставки, мероприятия, экскурсии и интерактивные станции как для детей, так и для взрослых. здесь каждый найдёт что-то для себя, поэтому и взрослые найдут, чем заняться, осматривая его экспонаты и экспозиции. преимущество науки в том, что она доступна для людей всех возрастов.
</div></div></div>


<div class="pr-box"><div class="pr-pic"><img src="
https://upforme.ru/uploads/001c/85/fe/3/374484.png
"></div><div class="opis-put"><div class="pr-name">
торговый центр интернешнл плаза и бэй стрит
</div><div class="pr-opis">
здесь расположены буквально сотни магазинов и ресторанов, так что вы можете наполнить свои сумки широким ассортиментом одежды, обуви, закусок, игрушек, сувениров и дорожных принадлежностей. ещё одним преимуществом этого места является его близость к международному аэропорту тампы. он расположен совсем рядом с ним, поэтому независимо от того, отправляетесь ли вы в путешествие во флориду или нет, вы сможете купить всё необходимое для перелета. и наконец, это полностью закрытый торговый центр, поэтому вам никогда не придётся беспокоиться о том, что плохая погода испортит ваши шопинг-приключения. в дождь или солнце, днём или ночью вы можете прогуляться по коридорам этого торгового центра в тампе и насладиться первоклассной шопинг-терапией.
</div></div></div>


<div class="pr-box"><div class="pr-pic"><img src="
https://upforme.ru/uploads/001c/85/fe/3/77149.png
"></div><div class="opis-put"><div class="pr-name">
пивоварня тампы
</div><div class="pr-opis">
это одна из старейших пивоварен флориды и популярное место среди туристов. если вы ищете вкусную еду, хорошее пиво и приятную компанию, вам стоит посетить это место. здесь вы не увидите людей, уплетающих изысканные сыры и потягивающих импортное вино, задирая мизинцы. пивоварня тампы — это настоящий рай для души. это семейное предприятие, специализирующееся на аутентичном домашнем пиве, которое заставит вас облизывать губы и просить добавки.
</div></div></div>




</div></div>

  </div></div>


<div id="faqt"><!----ФАКТЫ---->

<div class="put-box">

<div class="ff-box"><ff># пиратское вторжение – это ежегодный праздник.</ff> каждый год в тампу «вторгаются» пираты! во время фестиваля gasparilla pirate fest (с 1904 года) в залив заходит пиратский корабль с командой в костюмах, пушками и ромом (ну, почти), а за ним – парад с более чем 300 000 зрителей. да, здесь пират – уважаемая профессия (раз в году).</div>

<div class="ff-box"><ff># в историческом районе айбор сити куры считаются священными.</ff> дикие курицы и петухи свободно гуляют по улицам. они считаются частью культурного наследия города, и трогать их запрещено законом. а если начнут кукарекать в 5 утра – просто смиритесь и спите дальше.</div>

<div class="ff-box"><ff># здесь существует "станция наблюдения за запахами".</ff> в тампе есть тампа бэй одор хотлайн (англ. tampa bay odor hotline) – телефонная линия, куда жители могут пожаловаться на странные запахи. настоящие специалисты выясняют, откуда они идут – то ли с химзавода, то ли просто из холодильника соседа.</div>

<div class="ff-box"><ff># кубинский сэндвич – священная тема для споров.</ff> тампа – родина оригинального кубинского сэндвича (разновидность сэндвича с сыром, ветчиной и жареной свининой). и не говорите, что он лучше в майами – здесь это почти оскорбление. в тампе, например, в сэндвич добавляют салями, а в майами – нет. в 2012 году городской совет тампы даже официально утвердил рецепт!</div>

<div class="ff-box"><ff># самая крупная городская фреска во флориде – в тампе.</ff> в районе семихоул хайтс (англ. seminole heights) есть огромная уличная фреска длиной почти 300 метров, на которой изображены сцены из истории города, природа и портреты местных жителей. это как музей, только под открытым небом.</div>

<div class="ff-box"><ff># в океанариуме тампы можно погладить акулу.</ff> да-да, здесь можно дотронуться до маленькой рифовой акулы (под надзором, не волнуйтесь). также там есть тоннель, где над головой плавают скаты, как в фантастическом фильме.</div>

<div class="ff-box"><ff># в театре водится привидение.</ff> старинный театр тампы построен в 1926 году и считается одним из самых красивых кинотеатров сша. говорят, что его бывший работник по имени фрэнк до сих пор «следит за порядком» в здании. свет иногда мигает, двери скрипят, но всё по-доброму. он просто любит кино.</div>

<div class="ff-box"><ff># один из островов рядом с тампой называется медовый месяц (англ. honeymoon).</ff> здесь царит настоящая романтика: белоснежные пляжи, сосны, безлюдные тропы и закаты, будто нарисованные. здесь можно устроить пикник с игуанами и чайками — мечта интроверта!</div>

<div class="ff-box"><ff># в тампе был первый в сша автомат по продаже марок.</ff> в 1915 году в одном из отелей тампы установили первый в америке автомат по продаже почтовых марок. с тех пор город любит всё автоматизированное – включая каяки с gps.</div>

<div class="ff-box"><ff># в тампе есть мыло с запахом кубинского сэндвича.</ff> один из местных производителей мыла придумал ароматизированное мыло под названием "кубинское мыло-сендвич" (англ. cuban sandwich soap). да, оно пахнет как хлеб, ветчина и горчица. и нет, это не слишком приятно.</div>

<div class="ff-box"><ff>#  тампа – столица ламантинов.</ff> их здесь любят настолько, что у города есть целый центр наблюдения за ламантинами, где можно наблюдать за этими морскими «картошками» (да-да, их так прозвали за форму тела). особенно много их в зимние месяцы – они сбегают в тёплые воды тампы от холода.</div>

<div class="ff-box"><ff># аллигаторы здесь не редкость.</ff> водоёмы и каналы в тампе – любимое место для аллигаторов. иногда их замечают на гольф-полях, парковках и даже у бассейнов. жители шутят: «флорида – это штат, где аллигаторы играют в прятки».</div>

<div class="ff-box"><ff>#  голливуд снимал тут кино (и не одно).</ff> фильм "каратель" (англ. punisher, 2004) снимался в тампе. да-да, вот те неоновые улицы и сцены – это вовсе не майами, как можно подумать. а ещё здесь снимали эпизоды «американского идола» и шоу на канал дискавери.</div>

<div class="ff-box"><ff>#  в тампе существует фестиваль безалкогольного пунша. </ff>детский парад гаспарилла – детская версия пиратского фестиваля, с фейерверками, конфетами и безалкогольным пуншем. потому что пиратом можно быть и без рома — особенно, если тебе шесть.</div>

<div class="ff-box"><ff>#  здесь есть «город вампиров».</ff> недалеко от тампы находится город гибсонтон, где раньше жили бывшие циркачи, фрики и артисты цирков уродцев. в том числе – те, кто играл вампиров, гигантов, женщин с бородами и др. там до сих пор витает дух шоу-бизнеса и немного мистики.</div>

<div class="ff-box"><ff>#  в аэропорту тампы живут розовые фламинго.</ff> местный аэропорт – один из самых необычных в сша. внутри него установлена гигантская инсталляция фламинго размером в две этажa и все стремятся с ней сфотографироваться. название – "дом" (англ. home), потому что даже фламинго знают, что тампа = уют.</div>

<div class="ff-box"><ff>#  в порту тампы можно прокатиться на настоящем пиратском корабле.</ff> есть компания, которая предлагает пиратские туры с актёрами, пушками и сокровищами. настоящее веселье для детей и для взрослых, которым всё ещё 12 лет в душе.</div>

<div class="ff-box"><ff># рыбалка здесь – как спорт.</ff> тампа – одно из лучших мест во флориде для рыбалки. местные могут с ходу отличить горбыля от робало, а истории про пойманного «гигантского морского монстра» передаются из поколения в поколение.</div>

<div class="ff-box"><ff>#  самый странный музей? музей сыра на колесах! </ff> иногда в тампе появляется мобильный музей сыра (англ. cheese wheel mobile museum) – маленький передвижной музей, посвящённый сыру. да, это реально. люди заходят, нюхают, дегустируют и фотографируются с гигантским сыром.</div>

<div class="ff-box"><ff># в зоопарке тампы живёт "животный мафиози".</ff> зоопарк в буш гарденс известен не только отличным уходом за животными, но и харизматичным капибарой по кличке гаспар, которого прозвали «шефом». он любит позировать, подрезать очереди к бассейну и получать угощения напрямую от смотрителей. почти как местный босс.</div>

<div class="ff-box"><ff># тампа была домом для первой штаб-квартиры амазон в флориде — в ангаре от самолетов.</ff> до того как амазон построил свои современные склады, первая крупная база в тампе размещалась в бывшем авиационном ангаре. заказы паковались под крыльями самолётов, а дроны тренировались взлетать прямо со взлетной полосы.</div>

<div class="ff-box"><ff># туры по кладбищам — возможность пощекотать свои нервы.</ff> любителям мистики предлагают экскурсии по старым кладбищам тампы – с историями о проклятых могилах и загадочных исчезновениях. если желаете – могут все это устроить в позднее время, после захода солнца.</div>


</div>
</div>



</div></div>



<script>
document.addEventListener('DOMContentLoaded', function () {
  const slider = document.querySelector('.slider')
  const slides = slider.querySelectorAll('.slide')
  const activeSlides = 'slide--active'
  const slideCount = slides.length
  const controlButtons = slider.querySelectorAll('.button-radio')
  const prevButton = slider.querySelector('.button-prev')
  const nextButton = slider.querySelector('.button-next')
  const activeButton = 'active'
  const inactiveButton = 'aria-disabled'
  const currentButton = 'aria-current'
  let currentSlide = 0

  function updateSlider() {
    slides.forEach((slide, index) => {
      if(index === currentSlide) {
        slide.classList.add(activeSlides)
      } else {
        slide.classList.remove(activeSlides)
      }
    })

    controlButtons.forEach((button, index) => {
      if (index === currentSlide) {
        button.classList.add(activeButton)
        button.setAttribute(currentButton, true)
      } else {
        button.classList.remove(activeButton)
        button.removeAttribute(currentButton, true)
      }

      prevButton.setAttribute(inactiveButton, currentSlide === 0)
      nextButton.setAttribute(inactiveButton, currentSlide === slideCount - 1)
    })
  }

  controlButtons.forEach((button, index) => {
    button.addEventListener('click', () => {
      if (index < slideCount) {
        currentSlide = index
        updateSlider()
      }
    })
  })

  prevButton.addEventListener('click', () => {
    if (currentSlide > 0) {
      currentSlide--
      updateSlider()
    }
  })

  nextButton.addEventListener('click', () => {
    if (currentSlide < slideCount - 1) {
      currentSlide++
      updateSlider()
    }
  })

  slider.addEventListener('keydown', function (event) {
    if (event.key === 'ArrowLeft' && currentSlide > 0) {
      currentSlide--
      updateSlider()
    } else if (event.key === 'ArrowRight' && currentSlide < slideCount - 1) {
      currentSlide++
      updateSlider()
    }
  })

  updateSlider()
})
</script>