<!DOCTYPE html>
<html lang="ru-RU" data-bs-theme="auto">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta
      name="description"
      content="Найди свою любовь вместе с LeraFoxQueen"
    />
    <meta name="author" content="LeraFoxQueen" />
    <meta name="generator" content="LeraFoxQueen" />
    <title>LeraFoxQueen : Найдём свою любовь вместе</title>
    <link rel="canonical" href="https://LeraFoxQueen.ru" />
    <script src="/static/assets/js/color-modes.js"></script>
    <link
      href="/static/node_modules/bootstrap/dist/css/bootstrap.min.css"
      rel="stylesheet"
    />
    <link
      href="/static/node_modules/@fortawesome/fontawesome-free/css/fontawesome.css"
      rel="stylesheet"
    />
    <link
      href="/static/node_modules/@fortawesome/fontawesome-free/css/brands.css"
      rel="stylesheet"
    />
    <link
      href="/static/node_modules/@fortawesome/fontawesome-free/css/solid.css"
      rel="stylesheet"
    />

    <link
      rel="apple-touch-icon"
      href="/static/assets/img/favicons/apple-touch-icon.png"
      sizes="180x180"
    />
    <link
      rel="icon"
      href="/static/assets/img/favicons/favicon-32x32.png"
      sizes="32x32"
      type="image/png"
    />
    <link
      rel="icon"
      href="/static/assets/img/favicons/favicon-16x16.png"
      sizes="16x16"
      type="image/png"
    />
    <link rel="manifest" href="/static/assets/img/favicons/manifest.json" />
    <link
      rel="mask-icon"
      href="/static/assets/img/favicons/safari-pinned-tab.svg"
      color="#712cf9"
    />
    <link rel="icon" href="/static/assets/img/favicons/favicon.ico" />
    <meta name="theme-color" content="#712cf9" />
    <link href="/static/assets/css/style.css" rel="stylesheet" />
  </head>

  <body>
    <div id="loader">
    </div>

    <!-- Modal -->
    <!-- data-bs-backdrop="static" data-bs-keyboard="false" -->
    <div class="modal fade" id="formModal" tabindex="-1" aria-labelledby="formModalLabel" aria-hidden="true">
      <div class="modal-dialog modal-fullscreen modal-dialog-centered modal-dialog-scrollable"
        style="min-height: 100%; height: auto; overflow-y: scroll">
        <div class="modal-content">
          <div class="modal-header">
            <h1 class="modal-title fs-5" id="formModalLabel">
              Новое сообщение
            </h1>
            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
          </div>
          <form name="profile_send" id="profile_send" action="/datings/add" method="post" class="needs-validation">
            <div class="modal-body">
              <input type="hidden" class="form-control" id="theme_name" name="theme_name" pattern="[а-яА-ЯЁёa-zA-Z0-9\s]+"
                required />

              <input type="hidden" class="form-control" id="sender_looking_relationship" name="sender_looking_relationship"
                pattern="[a-z_]+" required />

              <input type="hidden" class="form-control" id="sessionkey" name="sessionkey"
                pattern="[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}" required />

              <div class="row">
                <div class="form-floating mb-3 col">
                  <input type="text" class="form-control" id="sender_name" name="sender_name" pattern="[а-яА-ЯЁёa-zA-Z\s]+"
                    required />
                  <label for="sender_name">Имя:</label>
                  <small>Русские, английские буквы и пробел</small>
                </div>

                <div class="form-floating mb-3 col">
                  <select id="sender_sex" name="sender_sex" class="form-control" pattern="[a-z]+" required>
                    <option value="" selected disabled></option>
                    <option value="male">Мужской</option>
                    <option value="female">Женский</option>
                    <option value="other">Другой</option>
                  </select>
                  <label for="sender_sex">Пол:</label>
                </div>

                <div class="form-floating mb-3 col">
                  <input type="number" class="form-control" id="sender_age" name="sender_age" min="0" max="100" value="0"
                    step="1" pattern="[0-9]+" required />
                  <label for="sender_age">Возраст:</label>
                </div>

                <div class="form-floating mb-3 col">
                  <input type="text" class="form-control" id="sender_city" name="sender_city"
                    pattern="[а-яА-ЯЁёa-zA-Z0-9\-\s]+" required />
                  <label for="sender_city">Город:</label>
                  <small>Русские, английские буквы, цифры, тире и пробел</small>
                </div>

                <div class="form-floating mb-3 col">
                  <input type="text" class="form-control" id="telegram_name" name="telegram_name" pattern="[a-zA-Z0-9\-_]+"
                    required />
                  <label for="telegram_name">Telegram:</label>
                  <small>Английские буквы, цифры, тире, подчёркивание</small>
                </div>
              </div>

              <div class="row">
                <div class="form-floating mb-3 col">
                  <select id="sender_relationship" name="sender_relationship" class="form-control" pattern="[a-z_]+"
                    required>
                    <option value="" selected disabled></option>
                    <option value="single">Один/одна</option>
                    <option value="married">Состою в браке</option>
                    <option value="open_relationship">
                      В свободных/открытых отношениях
                    </option>
                    <option value="relationship_without_commitment">
                      В отношениях без обязательств
                    </option>
                  </select>
                  <label for="sender_relationship">Мой статус:</label>
                </div>

                <div class="form-floating mb-3 col">
                  <select id="sender_having_kids" name="sender_having_kids" class="form-control" pattern="[a-z]+" required>
                    <option value="" selected disabled></option>
                    <option value="no">Нет</option>
                    <option value="yes">Есть</option>
                  </select>
                  <label for="sender_having_kids">Наличие детей:</label>
                </div>

                <!-- <div class="form-floating mb-3 col">
                              <select
                                  id="sender_looking_relationship"
                                  name="sender_looking_relationship"
                                  class="form-control"
                                  pattern="[a-z_]+"
                                  required
                              >
                                  <option
                                      value=""
                                      selected
                                      disabled
                                  ></option>
                                  <option value="friendship">
                                      Дружбу
                                  </option>
                                  <option value="marriage">Брак</option>
                                  <option value="open_relationship">
                                      Свободные/открытые отношения
                                  </option>
                                  <option
                                      value="relationship_without_commitment"
                                  >
                                      Отношения без обязательств
                                  </option>
                                  <option value="relationships_for_money">
                                      Отношения за деньги
                                  </option>
                              </select>
                              <label for="sender_looking_relationship"
                                  >Ищу:</label
                              >
                          </div> -->

                <div class="form-floating mb-3 col">
                  <select id="sender_want_to_have_kids" name="sender_want_to_have_kids" class="form-control"
                    pattern="[a-z]+" required>
                    <option value="" selected disabled></option>
                    <option value="yes">Да</option>
                    <option value="maybe">Возможно</option>
                    <option value="no">Нет</option>
                  </select>
                  <label for="sender_want_to_have_kids">Хочешь иметь детей?:</label>
                </div>
              </div>

              <div class="row">
                <div class="form-floating mb-3 col">
                  <textarea type="text" class="form-control" style="height: 10rem" id="interests_in_school_university"
                    name="interests_in_school_university" pattern="[а-яА-ЯЁёa-zA-Z0-9\-\.,!\?\s]+" required></textarea>
                  <label for="interests_in_school_university">Интересы в школе, вузе:</label>
                </div>

                <div class="form-floating mb-3 col">
                  <textarea type="text" class="form-control" style="height: 10rem" id="interests_in_sports"
                    name="interests_in_sports" pattern="[а-яА-ЯЁёa-zA-Z0-9\-\.,!\?\s]+" required></textarea>
                  <label for="interests_in_sports">Интересы в спорте:</label>
                </div>
              </div>
              <div class="row">
                <div class="form-floating mb-3 col">
                  <textarea type="text" class="form-control" style="height: 10rem" id="interests_in_work"
                    name="interests_in_work" pattern="[а-яА-ЯЁёa-zA-Z0-9\-\.,!\?\s]+" required></textarea>
                  <label for="interests_in_work">Интересы в работе:</label>
                </div>

                <div class="form-floating mb-3 col">
                  <textarea type="text" class="form-control" style="height: 10rem" id="interests_in_your_free_time"
                    name="interests_in_your_free_time" pattern="[а-яА-ЯЁёa-zA-Z0-9\-\.,!\?\s]+" required></textarea>
                  <label for="interests_in_your_free_time">Интересы в свободное время:</label>
                </div>
              </div>
              <div class="row">
                <div class="form-floating mb-3 col">
                  <textarea type="text" class="form-control" style="height: 10rem" id="pets_plants_fish"
                    name="pets_plants_fish" pattern="[а-яА-ЯЁёa-zA-Z0-9\-\.,!\?\s]+" required></textarea>
                  <label for="pets_plants_fish">Домашние животные, растения, рыбки:</label>
                </div>

                <div class="form-floating mb-3 col">
                  <textarea type="text" class="form-control" style="height: 10rem"
                    id="relationships_with_relatives_and_friends" name="relationships_with_relatives_and_friends"
                    pattern="[а-яА-ЯЁёa-zA-Z0-9\-\.,!\?\s]+" required></textarea>
                  <label for="relationships_with_relatives_and_friends">Отношения с родственниками и друзьями:</label>
                </div>
              </div>
              <div class="row">
                <div class="form-floating mb-3 col">
                  <textarea type="text" class="form-control" style="height: 10rem" id="past_relationships"
                    name="past_relationships" pattern="[а-яА-ЯЁёa-zA-Z0-9\-\.,!\?\s]+" required></textarea>
                  <label for="past_relationships">Прошлые отношения:</label>
                </div>

                <div class="form-floating mb-3 col">
                  <textarea type="text" class="form-control" style="height: 10rem" id="life_principles_values"
                    name="life_principles_values" pattern="[а-яА-ЯЁёa-zA-Z0-9\-\.,!\?\s]+" required></textarea>
                  <label for="life_principles_values">Жизненные принципы, ценности:</label>
                </div>
              </div>

              <div class="row">
                <div class="form-floating mb-3 col">
                  <textarea type="text" class="form-control" style="height: 10rem" id="goals_in_life" name="goals_in_life"
                    pattern="[а-яА-ЯЁёa-zA-Z0-9\-\.,!\?\s]+" required></textarea>
                  <label for="goals_in_life">Цели в жизни:</label>
                </div>

                <div class="form-floating mb-3 col">
                  <textarea class="form-control" id="message_text" style="height: 10rem" name="message_text"
                    pattern="[а-яА-ЯЁёa-zA-Z0-9\-\.,!\?\s]+" required></textarea>
                  <label for="message_text">Сообщение:</label>
                </div>
              </div>

              <div class="mb-3" id="offer_block">
                <mark><output id="offer" name="offer" class="center w-100"></output></mark>
              </div>

              <div class="mb-3">
                <input type="checkbox" class="btn-check" id="privacy_accept" name="privacy_accept" required
                  autocomplete="off" />
                <label class="btn btn-outline-primary" for="privacy_accept">Даю согласие на обработку персональных
                  данных</label>
              </div>

              <!-- <small style="color: var(--bs-warning-text-emphasis);">Допускаются только буквы русского и английского алфавита, и цифры</small> -->
            </div>
            <div class="modal-footer">
              <div class="btn-group" role="group">
                <button type="button" class="btn btn-outline-primary" data-bs-dismiss="modal">
                  Закрыть
                </button>
                <button type="reset" class="btn btn-outline-primary">
                  Очистить
                </button>
                <button type="submit" class="btn btn-outline-primary">
                  Отправить
                </button>
              </div>
            </div>
          </form>
        </div>
      </div>
    </div>
    <!-- Modal END -->


    <svg xmlns="http://www.w3.org/2000/svg" class="d-none">
      <symbol id="check2" viewBox="0 0 16 16">
        <path
          d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"
        ></path>
      </symbol>
      <symbol id="circle-half" viewBox="0 0 16 16">
        <path
          d="M8 15A7 7 0 1 0 8 1v14zm0 1A8 8 0 1 1 8 0a8 8 0 0 1 0 16z"
        ></path>
      </symbol>
      <symbol id="moon-stars-fill" viewBox="0 0 16 16">
        <path
          d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278z"
        ></path>
        <path
          d="M10.794 3.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387a1.734 1.734 0 0 0-1.097 1.097l-.387 1.162a.217.217 0 0 1-.412 0l-.387-1.162A1.734 1.734 0 0 0 9.31 6.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387a1.734 1.734 0 0 0 1.097-1.097l.387-1.162zM13.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732-.732l-.774-.258a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732L13.863.1z"
        ></path>
      </symbol>
      <symbol id="sun-fill" viewBox="0 0 16 16">
        <path
          d="M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0zm0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13zm8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8zm10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0zm-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707zM4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"
        ></path>
      </symbol>
    </svg>

    <div
      class="dropdown position-fixed bottom-0 start-0 mb-3 me-3 bd-mode-toggle"
    >
      <button
        class="btn btn-bd-primary py-2 dropdown-toggle d-flex align-items-center"
        id="bd-theme"
        type="button"
        aria-expanded="false"
        data-bs-toggle="dropdown"
        aria-label="Toggle theme (auto)"
      >
        <svg class="bi my-1 theme-icon-active" aria-hidden="true">
          <use href="#circle-half"></use>
        </svg>
        <span class="visually-hidden" id="bd-theme-text">Toggle theme </span>
      </button>
      <ul
        class="dropdown-menu dropdown-menu-end shadow"
        aria-labelledby="bd-theme-text"
      >
        <li>
          <button
            type="button"
            class="dropdown-item d-flex align-items-center"
            data-bs-theme-value="light"
            aria-pressed="false"
          >
            <svg class="bi me-2 opacity-50" aria-hidden="true">
              <use href="#sun-fill"></use>
            </svg>
            Light

            <svg class="bi ms-auto d-none" aria-hidden="true">
              <use href="#check2"></use>
            </svg>
          </button>
        </li>
        <li>
          <button
            type="button"
            class="dropdown-item d-flex align-items-center"
            data-bs-theme-value="dark"
            aria-pressed="false"
          >
            <svg class="bi me-2 opacity-50" aria-hidden="true">
              <use href="#moon-stars-fill"></use>
            </svg>
            Dark

            <svg class="bi ms-auto d-none" aria-hidden="true">
              <use href="#check2"></use>
            </svg>
          </button>
        </li>
        <li>
          <button
            type="button"
            class="dropdown-item d-flex align-items-center active"
            data-bs-theme-value="auto"
            aria-pressed="true"
          >
            <svg class="bi me-2 opacity-50" aria-hidden="true">
              <use href="#circle-half"></use>
            </svg>
            Auto

            <svg class="bi ms-auto d-none" aria-hidden="true">
              <use href="#check2"></use>
            </svg>
          </button>
        </li>
      </ul>
    </div>

    <svg xmlns="http://www.w3.org/2000/svg" class="d-none">
      <symbol id="check" viewBox="0 0 16 16">
        <title>Check</title>
        <path
          d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"
        ></path>
      </symbol>
    </svg>

    <div class="container py-3" id="main_content">
      <header>
        <div
          class="d-flex flex-column flex-md-row align-items-center pb-3 mb-4 border-bottom"
        >
          <a
            href="/"
            class="d-flex align-items-center link-body-emphasis text-decoration-none"
          >
            <svg
              xmlns="http://www.w3.org/2000/svg"
              xmlns:xlink="http://www.w3.org/1999/xlink"
              width="32"
              height="32"
              viewBox="0 0 32 32"
            >
              <path
                fill-rule="nonzero"
                fill="rgb(89.019608%, 87.058824%, 85.882353%)"
                fill-opacity="1"
                d="M 17.554688 12.542969 C 17.554688 17.15625 13.8125 20.894531 9.199219 20.894531 C 4.585938 20.894531 0.847656 17.15625 0.847656 12.542969 C 0.847656 7.929688 4.585938 4.191406 9.199219 4.191406 C 13.8125 4.191406 17.554688 7.929688 17.554688 12.542969 Z M 17.554688 12.542969 "
              />
              <path
                fill-rule="nonzero"
                fill="rgb(89.019608%, 87.058824%, 85.882353%)"
                fill-opacity="1"
                d="M 24.480469 16.519531 C 24.480469 21.132812 20.742188 24.871094 16.128906 24.871094 C 11.515625 24.871094 7.773438 21.132812 7.773438 16.519531 C 7.773438 11.90625 11.515625 8.167969 16.128906 8.167969 C 20.742188 8.167969 24.480469 11.90625 24.480469 16.519531 Z M 24.480469 16.519531 "
              />
              <path
                fill-rule="nonzero"
                fill="rgb(89.019608%, 87.058824%, 85.882353%)"
                fill-opacity="1"
                d="M 31.097656 12.691406 C 31.097656 17.304688 27.359375 21.042969 22.746094 21.042969 C 18.132812 21.042969 14.394531 17.304688 14.394531 12.691406 C 14.394531 8.078125 18.132812 4.339844 22.746094 4.339844 C 27.359375 4.339844 31.097656 8.078125 31.097656 12.691406 Z M 31.097656 12.691406 "
              />
              <path
                fill-rule="nonzero"
                fill="rgb(83.137255%, 0%, 0%)"
                fill-opacity="1"
                d="M 9.277344 2.328125 C 7.226562 2.335938 5.175781 3.121094 3.578125 4.703125 C 1.757812 6.503906 0.730469 9.40625 0.820312 12.320312 C 0.828125 12.632812 0.851562 12.945312 0.886719 13.257812 C 2.207031 13.714844 3.574219 14.25 5.246094 13.890625 C 5.648438 10.855469 7.0625 6.617188 9.273438 6.507812 C 9.300781 6.503906 9.328125 6.503906 9.355469 6.503906 C 9.738281 6.5 10.042969 6.609375 10.265625 6.816406 C 10.523438 7.042969 10.640625 7.375 10.640625 7.800781 C 10.617188 10.074219 8.6875 13.042969 7.109375 13.957031 C 6.917969 14.914062 6.824219 15.785156 6.824219 16.386719 C 6.824219 17.4375 6.871094 18.707031 7.25 19.042969 C 7.320312 19.085938 7.390625 19.109375 7.484375 19.109375 C 8.402344 19.042969 9.792969 15.292969 10.40625 13.332031 C 10.421875 13.285156 10.464844 13.25 10.519531 13.222656 C 10.597656 13.074219 10.671875 12.980469 10.738281 12.953125 C 10.949219 12.839844 11.140625 12.820312 11.304688 12.820312 C 11.351562 12.371094 11.515625 11.835938 11.871094 11.414062 C 12.199219 11.035156 12.621094 10.8125 13.140625 10.789062 L 13.1875 10.789062 C 14.742188 10.789062 15.074219 12.839844 15.121094 13.0625 C 15.214844 13.777344 15.214844 14.535156 15.097656 15.292969 C 15.582031 14.921875 15.925781 14.328125 16.140625 13.855469 C 16.136719 13.601562 16.121094 13.375 16.089844 13.199219 C 16.066406 13.085938 16.136719 12.976562 16.230469 12.953125 C 16.628906 12.839844 17.101562 12.90625 17.429688 13.109375 C 17.644531 13.242188 17.761719 13.441406 17.785156 13.667969 C 17.855469 14.515625 17.832031 15.5625 17.808594 16.453125 C 17.808594 17.078125 17.785156 17.660156 17.808594 18.105469 C 17.808594 18.195312 17.832031 18.371094 17.878906 18.441406 C 17.902344 18.460938 17.925781 18.460938 17.949219 18.460938 C 18.515625 18.105469 19.199219 16.902344 19.738281 15.316406 C 19.738281 15.273438 19.761719 15.25 19.761719 15.207031 C 19.007812 14.714844 18.539062 13.441406 18.46875 12.195312 C 18.445312 12.082031 18.300781 9.339844 19.785156 9.160156 C 20.046875 9.136719 20.800781 9.050781 21.011719 10.34375 C 21.199219 11.503906 21.011719 13.199219 20.515625 14.9375 C 20.585938 14.960938 20.660156 14.960938 20.730469 14.960938 C 21.25 14.925781 21.785156 14.273438 22.078125 13.816406 C 22.21875 13.304688 22.429688 12.785156 22.707031 12.304688 C 23.390625 11.191406 24.308594 10.5 25.296875 10.363281 C 26.121094 10.253906 26.523438 10.5 26.6875 10.722656 C 26.96875 11.054688 26.992188 11.570312 26.78125 12.082031 C 26.121094 13.734375 24.753906 14.671875 23.8125 14.960938 C 23.789062 15.226562 23.765625 15.472656 23.789062 15.742188 C 23.953125 17.457031 24.566406 17.769531 25.085938 17.816406 C 27.15625 18.015625 28.808594 14.222656 30.902344 14.023438 C 30.9375 14.019531 30.96875 14.015625 31.003906 14.015625 C 31.105469 13.453125 31.164062 12.886719 31.179688 12.324219 C 31.269531 9.410156 30.242188 6.507812 28.421875 4.707031 C 26.601562 2.90625 23.988281 2.210938 21.925781 2.355469 C 19.863281 2.5 18.355469 3.488281 17.386719 4.726562 C 16.671875 5.640625 16.253906 6.695312 16 7.691406 C 15.75 6.691406 15.328125 5.640625 14.613281 4.722656 C 13.644531 3.484375 11.4375 2.394531 9.582031 2.332031 C 9.480469 2.328125 9.378906 2.328125 9.277344 2.328125 Z M 9.933594 7.242188 C 9.273438 7.242188 8.496094 8.601562 7.816406 10.945312 C 7.601562 11.613281 7.4375 12.351562 7.273438 13.042969 C 7.367188 12.976562 7.460938 12.886719 7.554688 12.796875 C 8.828125 11.570312 10.148438 9.316406 10.125 7.644531 C 10.125 7.578125 10.101562 7.488281 10.078125 7.398438 C 10.027344 7.242188 9.957031 7.242188 9.933594 7.242188 Z M 20.164062 9.808594 C 20.117188 9.808594 19.953125 10.054688 19.859375 11.078125 C 19.785156 11.816406 19.761719 12.683594 19.808594 13.289062 C 19.832031 13.753906 19.929688 14.113281 20.023438 14.359375 C 20.375 13.0625 20.539062 11.792969 20.46875 10.855469 C 20.421875 10.121094 20.304688 9.898438 20.210938 9.828125 C 20.210938 9.808594 20.1875 9.808594 20.164062 9.808594 Z M 25.957031 11.054688 C 25.769531 11.054688 25.53125 11.167969 25.296875 11.367188 C 24.730469 11.859375 24.167969 12.953125 23.90625 14.222656 C 24.636719 13.910156 25.179688 13.355469 25.722656 12.417969 C 25.957031 12.015625 26.167969 11.28125 26.050781 11.101562 C 26.050781 11.054688 26.027344 11.054688 26.027344 11.054688 Z M 13.449219 11.367188 C 13.234375 11.390625 13.023438 11.503906 12.859375 11.703125 C 12.480469 12.171875 12.363281 12.996094 12.503906 13.867188 C 12.648438 14.601562 12.976562 15.605469 14.105469 15.628906 L 14.296875 15.628906 C 14.484375 14.714844 14.53125 13.734375 14.390625 12.929688 C 14.152344 11.480469 13.636719 11.367188 13.472656 11.367188 Z M 0.980469 13.921875 C 1.394531 16.304688 2.601562 18.691406 4.808594 21.0625 C 7.507812 23.96875 11.710938 26.851562 13.832031 28.300781 C 15.34375 29.328125 15.808594 29.617188 15.96875 29.667969 C 16.078125 29.703125 16.398438 29.507812 18.167969 28.304688 C 20.289062 26.855469 24.492188 23.972656 27.191406 21.066406 C 29.03125 19.089844 30.175781 17.101562 30.746094 15.113281 C 30.714844 15.105469 30.679688 15.097656 30.644531 15.09375 C 29.371094 14.914062 27.179688 18.953125 24.332031 18.527344 C 23.363281 18.371094 22.023438 17.414062 21.90625 15.339844 C 21.890625 15.171875 21.890625 14.992188 21.902344 14.808594 C 21.550781 15.140625 21.101562 15.410156 20.5625 15.429688 C 20.492188 15.429688 20.445312 15.429688 20.375 15.40625 C 20.328125 15.539062 20.304688 15.675781 20.257812 15.808594 C 19.527344 17.90625 18.632812 19.265625 17.808594 19.464844 C 17.714844 19.488281 17.644531 19.488281 17.546875 19.488281 C 17.335938 19.488281 17.125 19.421875 16.9375 19.289062 C 16.582031 19.0625 16.160156 18.507812 16.089844 17.234375 C 16.066406 16.765625 16.089844 16.140625 16.113281 15.496094 C 16.117188 15.332031 16.121094 15.175781 16.125 15.015625 C 15.867188 15.390625 15.46875 15.808594 14.957031 16.054688 C 14.859375 16.433594 14.742188 16.789062 14.601562 17.144531 C 14.128906 18.285156 13.449219 19.0625 12.8125 19.199219 C 12.648438 19.21875 12.503906 19.242188 12.363281 19.242188 C 11.964844 19.242188 11.609375 19.132812 11.304688 18.929688 C 10.550781 18.441406 10.148438 17.390625 10.03125 16.609375 C 10.011719 16.492188 9.996094 16.367188 9.988281 16.246094 C 9.308594 17.980469 8.34375 19.707031 7.203125 19.777344 C 6.425781 19.777344 5.222656 18.683594 5.128906 15.652344 C 5.128906 15.292969 5.152344 14.871094 5.199219 14.425781 C 3.570312 14.691406 2.191406 14.3125 0.980469 13.921875 Z M 12.058594 15.207031 C 11.941406 15.851562 11.820312 16.542969 11.917969 17.347656 C 11.988281 17.835938 12.105469 18.171875 12.292969 18.304688 C 12.410156 18.394531 12.527344 18.371094 12.625 18.351562 L 12.671875 18.351562 C 12.929688 18.328125 13.164062 18.171875 13.398438 17.882812 C 13.730469 17.503906 13.988281 16.902344 14.179688 16.210938 L 13.964844 16.210938 C 13.070312 16.121094 12.457031 15.695312 12.058594 15.207031 Z M 12.058594 15.207031 "
              />
            </svg>
            <span class="fs-4">Найдём свою любовь вместе</span>
          </a>
          <nav class="d-inline-flex mt-2 mt-md-0 ms-md-auto">
            <a class="me-3 py-2 link-body-emphasis text-decoration-none" href="/"
            ><i class="fa-solid fa-house"></i> Главная</a
            >
            <a
              class="me-3 py-2 link-body-emphasis text-decoration-none"
              href="/about_me"
              ><i class="fa-solid fa-user"></i> Обо мне</a
            >
            <a
              class="me-3 py-2 link-body-emphasis text-decoration-none"
              href="/about_site"
              ><i class="fa-solid fa-newspaper"></i> О сайте</a
            >
            <a
              class="me-3 py-2 link-body-emphasis text-decoration-none"
              href="https://www.tinkoff.ru/cf/7OmVoFjdFNI"
              target="_blank"
              ><i class="fa-solid fa-hand-holding-heart"></i> Поддержать</a
            >
          </nav>
        </div>
      </header>

      <main>
        {% block content %}{% endblock content %}
      </main>

      <footer class="pt-4 my-md-5 pt-md-5 border-top">
        <div class="row">
          <div class="col-12 col-md">
            <img
              class="mb-2"
              src="/static/assets/brand/lerafoxqueen-logo.svg"
              alt=""
              width="24"
              height="19"
            />
            <small class="d-block mb-3 text-body-secondary"
              >&copy; LeraFoxQueen 2025-2026
            </small>
          </div>
          <!--
          <div class="col-6 col-md">
            <h5>Features</h5>
            <ul class="list-unstyled text-small">
              <li class="mb-1">
                <a class="link-secondary text-decoration-none" href="#"
                  >Cool stuff
                </a>
              </li>
              <li class="mb-1">
                <a class="link-secondary text-decoration-none" href="#"
                  >Random feature
                </a>
              </li>
              <li class="mb-1">
                <a class="link-secondary text-decoration-none" href="#"
                  >Team feature
                </a>
              </li>
              <li class="mb-1">
                <a class="link-secondary text-decoration-none" href="#"
                  >Stuff for developers
                </a>
              </li>
              <li class="mb-1">
                <a class="link-secondary text-decoration-none" href="#"
                  >Another one
                </a>
              </li>
              <li class="mb-1">
                <a class="link-secondary text-decoration-none" href="#"
                  >Last time
                </a>
              </li>
            </ul>
          </div>
          <div class="col-6 col-md">
            <h5>Resources</h5>
            <ul class="list-unstyled text-small">
              <li class="mb-1">
                <a class="link-secondary text-decoration-none" href="#"
                  >Resource
                </a>
              </li>
              <li class="mb-1">
                <a class="link-secondary text-decoration-none" href="#"
                  >Resource name
                </a>
              </li>
              <li class="mb-1">
                <a class="link-secondary text-decoration-none" href="#"
                  >Another resource
                </a>
              </li>
              <li class="mb-1">
                <a class="link-secondary text-decoration-none" href="#"
                  >Final resource
                </a>
              </li>
            </ul>
          </div>
          <div class="col-6 col-md">
            <h5>About</h5>
            <ul class="list-unstyled text-small">
              <li class="mb-1">
                <a class="link-secondary text-decoration-none" href="#"
                  >Team
                </a>
              </li>
              <li class="mb-1">
                <a class="link-secondary text-decoration-none" href="#"
                  >Locations
                </a>
              </li>
              <li class="mb-1">
                <a class="link-secondary text-decoration-none" href="#"
                  >Privacy
                </a>
              </li>
              <li class="mb-1">
                <a class="link-secondary text-decoration-none" href="#"
                  >Terms
                </a>
              </li>
            </ul>
          </div>
          -->
        </div>

        <div class="toast-container position-fixed bottom-0 end-0 p-3">
          <div
            id="liveToast"
            class="toast"
            role="alert"
            aria-live="assertive"
            aria-atomic="true"
          >
            <div class="toast-header">
              <img
                src="/static/assets/brand/lerafoxqueen-logo_32.svg"
                class="rounded me-2"
                alt="LeraFoxQueen"
              />
              <strong class="me-auto">LeraFoxQueen</strong>
              <small>Сейчас</small>
              <button
                type="button"
                class="btn-close"
                data-bs-dismiss="toast"
                aria-label="Close"
              ></button>
            </div>
            <div class="toast-body">Сообщение отправлено</div>
          </div>

          <div
            id="liveToastUUID"
            class="toast"
            role="alert"
            aria-live="assertive"
            aria-atomic="true"
          >
            <div class="toast-header">
              <img
                src="/static/assets/brand/lerafoxqueen-logo_32.svg"
                class="rounded me-2"
                alt="LeraFoxQueen"
              />
              <strong class="me-auto">LeraFoxQueen</strong>
              <small>Сейчас</small>
              <button
                type="button"
                class="btn-close"
                data-bs-dismiss="toast"
                aria-label="Close"
              ></button>
            </div>
            <div class="toast-body"></div>
          </div>
        </div>
      </footer>
    </div>

    <script
      src="/static/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"
      class="astro-vvvwv3sm"
    ></script>
    <!-- <script src="/static/node_modules/bootstrap-autocomplete/dist/latest/bootstrap-autocomplete.js"></script> -->

    <script>
      document.addEventListener("DOMContentLoaded", function () {
        const formModal = document.getElementById("formModal");
        const formModal_js = new bootstrap.Modal(formModal);

        const toastLive = document.getElementById("liveToast");
        const toastLive_js = new bootstrap.Toast(toastLive, {
          autohide: false,
        });
        const toastLive_body = toastLive.querySelector(".toast-body");

        const toastLiveUUID = document.getElementById("liveToastUUID");
        const toastLiveUUID_js = new bootstrap.Toast(toastLiveUUID);
        const toastLiveUUID_body = toastLiveUUID.querySelector(".toast-body");

        if (formModal) {
          formModal.addEventListener("show.bs.modal", (event) => {
            // Button that triggered the modal
            const button = event.relatedTarget;
            // Extract info from data-bs-* attributes
            const theme = button.getAttribute("data-bs-theme");
            // If necessary, you could initiate an Ajax request here
            // and then do the updating in a callback.

            const offer_block = document.getElementById("offer_block");
            const offer_field = document.getElementById("offer");

            if (theme === "Секс за деньги") {
              offer_block.style.display = "block";
              offer_field.value =
                "В сообщении укажи сколько ты готов потратить своих денег за час моего дневного времени, учитывая, что ночью я сплю.";
            } else if (theme === "Секс без обязательств") {
              offer_block.style.display = "block";
              offer_field.value =
                "Чем же ты сможешь меня заинтеревовать? Напиши в сообщении";
            } else {
              offer_block.style.display = "none";
              offer_field.value = "";
            }

            // Update the modal's content.
            const modalTitle = formModal.querySelector(".modal-title");
            modalTitle.textContent = `${theme}`;

            const theme_field = document.getElementById("theme_name");
            theme_field.value = theme;

            const sender_looking_relationship_field = document.getElementById(
              "sender_looking_relationship"
            );

            switch (theme) {
              case "Секс за деньги":
                sender_looking_relationship_field.value =
                  "relationships_for_money";
                break;

              case "Секс без обязательств":
                sender_looking_relationship_field.value =
                  "relationship_without_commitment";
                break;

              case "Дружба":
                sender_looking_relationship_field.value = "friendship";
                break;

              case "Серьёзные отношения":
                sender_looking_relationship_field.value = "marriage";
                break;
            }

            //const modalBodyInput = formModal.querySelector('.modal-body input')
            //modalBodyInput.value = theme
          });
        }

        // возвращает куки с указанным name,
        // или undefined, если ничего не найдено
        function getCookie(name) {
          let matches = document.cookie.match(
            new RegExp(
              "(?:^|; )" +
                name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, "\\$1") +
                "=([^;]*)"
            )
          );
          return matches ? decodeURIComponent(matches[1]) : undefined;
        }

        var sessionkey = getCookie("sessionkey");
        if (sessionkey !== undefined) {
          toastLiveUUID_body.textContent = "session key = " + sessionkey;
          document.getElementById("sessionkey").value = sessionkey;
          //toastLiveUUID_js.show();
        }

        /**
         * Helper function for POSTing data as JSON with fetch.
         *
         * @param {Object} options
         * @param {string} options.url - URL to POST data to
         * @param {FormData} options.formData - `FormData` instance
         * @return {Object} - Response body from URL that was POSTed to
         */
        var postFormDataAsJson = async ({ url, formData }) => {
          const plainFormData = Object.fromEntries(formData.entries());
          const formDataJsonString = JSON.stringify(plainFormData);

          const fetchOptions = {
            method: "POST",
            headers: {
              Accept: "application/json",
              "Content-Type": "application/json",
              // "Content-Type": "application/x-www-form-urlencoded",
            },
            body: formDataJsonString,
          };

          //alert("about to post" + formDataJsonString);
          console.log(url);
          console.log(formDataJsonString);
          const response = await fetch(url, fetchOptions);

          if (!response.ok) {
            const errorMessage = await response.text();
            const message =
              'Ошибка отправления. Свяжитесь с разработчиком <a href="https://t.me/LeraFoxQueen" target="_blank">LeraFoxQueen</a>';
            formModal_js.toggle();
            toastLive_body.innerHTML = message;
            toastLive_js.show();
            throw new Error(errorMessage);
          }

          return response.json();
        };
        /**
         * Event handler for a form submit event.
         * @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/submit_event
         * @example const exampleForm = document.getElementById("example-form");
         *          exampleForm.addEventListener("submit", handleFormSubmit);
         * @param {SubmitEvent} event
         */
        var handleFormSubmit = async (event) => {
          event.preventDefault();
          const form = event.currentTarget;
          const url = form.action;

          try {
            const formData = new FormData(form);
            const responseData = await postFormDataAsJson({
              url,
              formData,
            });
            console.log({
              responseData,
            });

            let telegram_name = document.getElementById("telegram_name").value;

            var message = "";

            if (responseData.id === null) {
              message =
                'Ошибка отправления. Возможно что была попытка отпавить анкету повторно. Свяжись с разработчиком <a href="https://t.me/LeraFoxQueen" target="_blank">LeraFoxQueen</a>';
            } else {
              message = `Сообщение отправлено. Если оно заинтересует, с тобой свяжутся по указанному контакту: <a href="https://t.me/${telegram_name}" target="_blank">${telegram_name}</a>`;
            }

            formModal_js.toggle();
            toastLive_body.innerHTML = message;
            toastLive_js.show();
          } catch (error) {
            console.error(error);
          }
        };

        document
          .querySelector("form[name='profile_send']")
          .addEventListener("submit", handleFormSubmit);
      });

      function showPage() {
        document.getElementById("loader").style.display = "none";
        document.getElementById("main_content").style.display = "block";
      }

        let showPage_var;

      function ready() {
        showPage_var = setTimeout(showPage, 1000);
      }

      document.addEventListener("DOMContentLoaded", ready);
    </script>
  </body>
</html>
