import React from "react";
import Image from "next/legacy/image";
import styled from "styled-components";
import {
  CTASection, TextSection, InfoBox, PageLink, Link,
} from "@components/index";
import ForIntlPageHero from "./ForIntlPageHero";

const FUKSI_POINTS_LINK = "https://static.sahkoinsinoorikilta.fi/FTMK/Fuksipisteohje.pdf";
const TG_GROUP_CHAT_LINK = "https://t.me/+oNrBDLI5cXZhNDEx";
const TG_NOTIFICATIONS_LINK = "https://t.me/sikhotline2526";
const EMAIL_LINK = "ftmk@sahkoinsinoorikilta.fi";
const EMAIL_LINK_MAILTO = `mailto:${EMAIL_LINK}`;

const ImageContainer = styled.div`
  width: 100%;
  display: block;
  margin: auto;
`;

const QRImages = styled.img`
  width: 10em;
  height: 10em;
`;

const FopasImage = styled.img`
  width: 15em;
  margin-bottom: 1em;
`;

const ForIntlPageView: React.FC = () => (
  <>
    <ForIntlPageHero />
    <TextSection>
      <h3 id="abeille">Congratulations on your admission!</h3>
      <div>
        <p>
          You&apos;ve not only become a new student at Aalto, but also what&apos;s known as a teekkari
          – a term used to describe students of technology in Finland, and which is synonymous
          with a distinct, tradition-filled student culture.
        </p>
        <p>
          Whether you&apos;ve learned about this before or it&apos;s your first time hearing about it, it&apos;s absolutely worth celebrating, and the best place for this is definitely our campus in Otaniemi. Welcome!
        </p>
        <p>
          As a first step, we recommend that you join the Telegram channels made for fuksis. This is where you can get to know your fellow new students and your student tutors known as ISOs. This is also where you can access the information channel.
          {" "}
          <Link to={TG_GROUP_CHAT_LINK} target="_blank">Click here</Link> to get acquainted with your fellow freshmen and ISOs, and <Link to={TG_NOTIFICATIONS_LINK} target="_blank">click here</Link> to join the notification channel.
        </p>

        <h6>A journey called Teekkarius</h6>
        <p>
          Every teekkari&apos;s journey is unique.
          The guild, the student union, and the other organizations in Otaniemi will undoubtedly offer something for everyone.
          You are now part of Aalto University&apos;s Electrical Engineering Guild, and we will support you throughout your teekkari journey so that you can find the places that are perfect for you to make an impact and pursue your hobbies.
          To make this possible, we have placed you in a freshman group, which you will get to know during orientation week and which will serve as your support group for new adventures.
          Your freshman group also includes a few tutors better known as ISOs.
          You can find more information about them <Link to="#isot">below</Link>.
        </p>
        <p>
          The journey of a teekkari is unique to everyone. The guild, the Aalto Student Union,
          and other organizations in Otaniemi offer various opportunities to pursue hobbies,
          passions, and social lives.
        </p>
        <p>
          You are now part of the Aalto University Guid of Electrical Engineering
          (SIK, short for Sähköinsinöörikilta in Finnish) and we will support you in
          settling in and finding the right places to have fun and make an impact.
        </p>
        <p>
          To make this successful, we’ve placed you in a small “fuksi group” with other new students,
          whom you will get to know and adventure with starting in Orientation Week.
          Your fuksi group also includes a few ISOs, who have studied here for at least a year and will
          lean on their experience to show you around and help you get comfortable.
        </p>

        <ImageContainer>
          <Image
            src="https://static.sahkoinsinoorikilta.fi/FTMK/Captains2025.jpg"
            alt="Kipparit"
            layout="responsive"
            width={100}
            height={80}
            objectFit="contain"
          />
        </ImageContainer>

        <h6>International captains</h6>
        <p>
          We are your International Fuksi Captains <strong>Markus</strong> and <strong>Apollo</strong>,
          and we will be there to support you in getting started at Aalto, but also to guide you through
          the awesome (and distinctly Finnish) process of becoming a full-blown teekkari.
          This involves participating in many fun activities and traditions, culminating in earning the famous
          Teekkari Cap and having an amazing community alongside you. If you have any questions,
          please contact us on Telegram or by email.
        </p>

        <h6>Looking forward to meeting you!</h6>
        <p>
          Even though your first few days in Otaniemi may bring some new and unfamiliar experiences,
          please don&apos;t be intimidated! Over time, the pieces of the puzzle will come together and you&apos;ll be
          having just as much fun as we are. Always remember that as a teekkari in Otaniemi, you&apos;re never alone.
        </p>
        <p>
          Orientation week will be held from 25 to 29 August 2025, but even before that you have the
          opportunity to come and get to know us, other freshmen and ISOs at a relaxed Headstart event.
          This will be held on Saturday 16 August 2025. More about that in the Telegram groups!
        </p>

        <h6>Apollo Ailus</h6>
        <p>+358 045 803 3662<br />apollo.ailus@sahkoinsinoorikilta.fi <br />@SIKCaptain</p>

        <h6>Markus Aaltio</h6>
        <p>+358 044 050 4028<br />markus.aaltio@sahkoinsinoorikilta.fi <br />@KvCaptain</p>
      </div>
      <aside>
        <div>
          <PageLink to={EMAIL_LINK_MAILTO} desc={EMAIL_LINK}>
            You can reach the freshman captains at
          </PageLink>
          <PageLink to="https://api.sahkoinsinoorikilta.fi/members/application" desc="And join our activities!&nbsp;›">
            Join the guild!
          </PageLink>
          <PageLink to={FUKSI_POINTS_LINK} desc="Take a look at the fuksipoints&nbsp;›">
            Fuksipoint guide - This will be translated later so don&apos;t worry if you don&apos;t understand Finnish!
          </PageLink>
        </div>
        <div>
          <InfoBox>
            <h6>Fuksiguide</h6>
            <Link to="https://static.sahkoinsinoorikilta.fi/FTMK/Fuksiguide_25_web.pdf" target="_blank">
              <FopasImage
                src="https://static.sahkoinsinoorikilta.fi/FTMK/Fuksiguide_25_cover.png"
              />
            </Link>

            <p>
              It&apos;s a good idea to take a look at the fuksiguide before starting your studies!
              The guide contains lots of useful information about the guild, the student union, and the student life in Otaniemi.
              You can find the guide <Link to="https://static.sahkoinsinoorikilta.fi/FTMK/Fopas_25_en_web.pdf" target="_blank">here</Link>.
            </p>
            <br />
            <h6>Telegram?</h6>
            <p>
              Telegram is a messaging app used in Otaniemi.
              More info can be found here: <Link to="https://telegram.org/faq" target="_blank">https://telegram.org/faq</Link>.
            </p>
            <p>
              SIK fuksis have a group chat, which you can join by scanning the QR code below:
            </p>
            <QRImages
              src="https://static.sahkoinsinoorikilta.fi/FTMK/SIK-Fuksit-2025.jpg"
            />
            <p>or <Link to={TG_GROUP_CHAT_LINK} target="_blank">press me!</Link></p>
            <p>Also join the notifications channel for SIK fuksis, to stay in the loop!:</p>
            <QRImages
              src="https://static.sahkoinsinoorikilta.fi/FTMK/SIK-Fuksit-tiedotus-2025.jpg"
            />
            <p>or <Link to={TG_NOTIFICATIONS_LINK} target="_blank">press me!</Link></p>
          </InfoBox>
        </div>
      </aside>
    </TextSection>
    <CTASection
      bgColor="lightBlue"
      link="/kilta/toiminta"
      linkText="Follow what the guild is up to"
    >
      The guild organises lots of things!
    </CTASection>

    <TextSection>
      <h3 id="isos">Freshman groups and ISOs</h3>
      <div>
        <p>SIK freshmen enjoy the guidance and care of their wonderful ISOs in their own freshman groups</p>
        <p>
          ISOs are older students and guild members, who are there to support you throughout your freshman year. You will be divided into groups.
          You can ask your ISOs anything regarding studying and student life. Even though they don&apos;t know all the answers, they can likely help you finding them.
        </p>
        <p>
          As stated above, your ISOs will support you through your whole freshman year, but you will see them most during the orientation week,
          during which they will wander through Otaniemi together with your group and guide you into the ways of the teekkari.
          They will also help you find whatever is needed to start your studies here, and will support you in creating your timetable and getting your library, HSL and student cards.
        </p>
        <p>ISOs are also invited to the first event of the freshman year, the head start. Come meet them there early!</p>
      </div>
    </TextSection>
  </>
);

export default ForIntlPageView;
