import './App.css'
import Survey from './components/Survey'
import Admin from './components/Admin'

export default function App() {
  if (window.location.pathname === '/admin') {
    return <Admin />
  }

  const scrollToQuestions = () => {
    document.getElementById('questions')?.scrollIntoView({ behavior: 'smooth' })
  }

  return (
    <>
      <section className="welcome-section">
        <div className="invite-content">
          <p className="invite-greeting">Дорогие гости!</p>

          <p className="invite-lead">
            Мы очень рады пригласить вас на наш первый семейный праздник&nbsp;—
            нашу свадьбу.
          </p>

          <p className="invite-date">23 мая 2026 года</p>

          <div className="invite-schedule">
            <div className="invite-event">
              <span className="invite-time">14:00</span>
              <span className="invite-desc">
                Торжественная регистрация<br />
                <span className="invite-place">ЗАГС, ул. Пролетарская гора, д.&nbsp;1</span>
              </span>
            </div>
            <div className="invite-event">
              <span className="invite-time">17:00</span>
              <span className="invite-desc">
                Праздничный банкет<br />
                <span className="invite-place">Ресторан «Беллисто», банкетный зал «Людовик» <br/>
                  ул. Генерала Жадова, д. 9А</span>
              </span>
            </div>
          </div>

          <div className="welcome-divider" />

          <p className="invite-dresscode">
            Мы будем признательны, если в своих нарядах вы будете придерживаться
            нашей цветовой гаммы, а мужчины придут в классических костюмах.
          </p>

          <div className="invite-palette">
            <span style={{ background: '#b1dea1' }} />
            <span style={{ background: '#b7e0eb' }} />
            <span style={{ background: '#f8eeb2' }} />
            <span style={{ background: '#e196b0' }} />
            <span style={{ background: '#dcb9e2' }} />
          </div>

          <p className="invite-signature">С любовью, Ирина и Артем!</p>

          <div className="invite-bottom">
            <p className="invite-cta-text">
              Для подтверждения вашего присутствия, пожалуйста, пройдите опрос ниже.
            </p>

            <button className="welcome-cta" onClick={scrollToQuestions}>
              Заполнить анкету
            </button>
          </div>
        </div>
      </section>

      <section id="questions" className="questions-section">
        <Survey />
      </section>
    </>
  )
}
