// Мой опыт — две компании. AL Legal с вертикальным треком ролей (стажёр → помощник юриста).
// Логотипы в светлых карточках (оригинальные цвета), при отсутствии PNG — SVG-заглушка (onError).
// ТЕКСТ ОПЫТА — ЗАГЛУШКИ: пришлите текст, вставлю в «Помощник юриста» (AL) и «Стажёр» (REVERA).
(function () {
  const { Badge } = window.ArthurDemchenkoBrandSystem_fe6514;

  const fallback = (svg) => (e) => { if (!e.currentTarget.dataset.fb) { e.currentTarget.dataset.fb = "1"; e.currentTarget.src = svg; } };

  function Experience() {
    return (
      <section className="w-band w-band--dark" id="experience">
        <div className="w-inner">
          <h2 className="w-section-title">Мой опыт</h2>
          <div className="w-table" style={{ marginTop: 40 }}>

            {/* AL Legal */}
            <div className="w-trow">
              <div className="w-trow__co">
                <span className="w-colo-chip w-colo-chip--al">
                  <img src="../../assets/logo-al-legal.png" onError={fallback("../../assets/logo-al-legal.svg")} alt="AL Legal" />
                </span>
                <span className="w-trow__name">AL Legal</span>
                <span className="w-trow__when">Дек 2025 — наст. время</span>
              </div>
              <div className="w-vtrack">
                <div className="w-vtrack__item">
                  <span className="w-vtrack__dot" />
                  <div className="w-trole__head">
                    <span className="w-trole__title">Стажёр</span>
                  </div>
                </div>
                <div className="w-vtrack__item w-vtrack__item--now">
                  <span className="w-vtrack__dot" />
                  <div className="w-trole__head">
                    <span className="w-trole__title">Помощник юриста</span>
                    <Badge variant="accent">Сейчас</Badge>
                  </div>
                  <ul className="w-trole__list">
                    <li>Участвовал в многомиллионном разбирательстве по правилам VIAC.</li>
                    <li>Готовил документы по английскому праву для разбирательства по правилам ICC.</li>
                    <li>Готовил юридические заключения для глобальной криптобиржи по праву Республики Беларусь.</li>
                  </ul>
                </div>
              </div>
            </div>

            {/* REVERA */}
            <div className="w-trow">
              <div className="w-trow__co">
                <span className="w-colo-chip w-colo-chip--revera">
                  <img src="../../assets/logo-revera.png" onError={fallback("../../assets/logo-revera.svg")} alt="REVERA" />
                </span>
                <span className="w-trow__name">REVERA</span>
                <span className="w-trow__when">Дек 2024 — Мар 2025</span>
              </div>
              <div className="w-vsolo">
                <div className="w-trole">
                  <div className="w-trole__head">
                    <span className="w-trole__title">Стажёр</span>
                  </div>
                  <ul className="w-trole__list">
                    <li>Разрабатывал правовые заключения для предпринимателей в крипто- и IT-секторах с учётом правового режима Парка высоких технологий.</li>
                    <li>Консультировал стартап-маркетплейс для выбора оптимальной бизнес-модели.</li>
                    <li>Составлял документы в области трудового права и иные локальные правовые акты.</li>
                  </ul>
                </div>
              </div>
            </div>

          </div>
        </div>
      </section>
    );
  }
  window.Experience = Experience;
})();