import { Heading, Chapter, Box, Idiomatic as I, Code, Anchor as A, Dialog, BringAttention as B, ListOrdered, ListUnordered } from "@steffo/bluelib-react"
import type { NextPage } from "next"

import Image from "next/image"
import imgmDZSqjV from "../../public/images/year1/programmazione1/mDZSqjV.png"
import imgbrdw8Xy from "../../public/images/year1/programmazione1/brdw8Xy.png"
import imgaPTwrxz from "../../public/images/year1/programmazione1/aPTwrxz.png"
import img5QLSkFN from "../../public/images/year1/programmazione1/5QLSkFN.png"
import imgzP74nks from "../../public/images/year1/programmazione1/zP74nks.png"
import imgjp4uz5B from "../../public/images/year1/programmazione1/jp4uz5B.png"
import imgLq9IepY from "../../public/images/year1/programmazione1/Lq9IepY.png"
import imgdy3b5Ub from "../../public/images/year1/programmazione1/dy3b5Ub.png"
import imgFjYpT1n from "../../public/images/year1/programmazione1/FjYpT1n.png"
import imgklZQ9So from "../../public/images/year1/programmazione1/klZQ9So.png"
import imgF6lBCqS from "../../public/images/year1/programmazione1/F6lBCqS.png"

const Page: NextPage = () => {
    return <>
        <Heading level={2}>
            Programmazione 1
        </Heading>
        <Chapter>
            <Box>
                <Heading level={3}>
                    Introduzione
                </Heading>
                <p>
                    Avendo già programmato in C / C++ alle scuole superiori, non ho avuto il minimo bisogno di studiare per l&apos;esame di Programmazione 1, e pertanto non ho preso appunti.
                </p>
                <p>
                    Il massimo che posso fare è consigliare qualche risorsa online per il C++, e allegare al sito la guida che avevo scritto al tempo per installare su Windows il compilatore C / C++ MinGW.
                </p>
            </Box>
        </Chapter>
        <Chapter>
            <Box>
                <Heading level={3}>
                    Collegamenti utili
                </Heading>
                <ListUnordered>
                    <ListUnordered.Item>
                        <a href="https://en.cppreference.com/w/">cppreference.com</a>
                    </ListUnordered.Item>
                    <ListUnordered.Item>
                        <a href="https://www.cplusplus.com/reference/">cplusplus.com</a>
                    </ListUnordered.Item>
                    <ListUnordered.Item>
                        <a href="https://stackoverflow.com/questions">stackoverflow.com</a>
                    </ListUnordered.Item>
                </ListUnordered>
            </Box>
        </Chapter>
        <Chapter>
            <Box>
                <Heading level={3}>
                    Come installare correttamente MinGW su Windows
                </Heading>
                <p>
                    Scaricate <A href="https://osdn.net/projects/mingw/downloads/68260/mingw-get-setup.exe/">l&apos;installer ufficiale</A>, ed eseguitelo.
                </p>
                <Image width={602} height={465} src={imgmDZSqjV}/>
                <p> 
                    Dovrebbe comparire questa schermata. Cliccate su <I>Install</I>, poi scegliete una cartella di installazione (ricordatevela!) e poi <I>Continue</I>. Lasciate stare le altre opzioni, dovrebbero essere tutte spuntate, tranne <I>For all users</I>, che dovrebbe essere disattivato.
                </p>
                <Image width={602} height={465} src={imgbrdw8Xy}/>
                <p> 
                    Aspettate che finisca il download. Pochi secondi dopo, dovrebbe finire e dovrebbe apparire un tasto <I>Continue</I>. Premetelo.
                </p>
                <Image width={996} height={525} src={imgaPTwrxz}/>
                <p> 
                    Dovrebbe apparirvi questa finestra. L&apos;installer di MinGW è una specie di gestore pacchetti (tipo <Code>apt</Code> su Ubuntu); potete quali pacchetti installare, e quindi quali funzionalità.
                </p>
                <Image width={795} height={160} src={img5QLSkFN}/>
                <p> 
                    Nel nostro caso, dovrebbero servirci <Code>mingw32-base-bin</Code> (per il C e alcune librerie C++) e <Code>mingw32-gcc-g++-bin</Code> (per il C++). Cliccate, quindi, sui due quadratini corrispondenti, e premete <I>Mark for Installation</I>. Dovrebbe comparire una freccia gialla sul quadratino.
                </p>
                <Image width={334} height={193} src={imgzP74nks}/>
                <p> 
                    Ora, è il momento di installare i pacchetti. Aprite il menù <I>Installation</I>, poi premete <I>Apply Changes</I>, e di nuovo <I>Apply</I>.
                </p>
                <Image width={562} height={131} src={imgjp4uz5B}/>
                <p> 
                    Lasciate che scarichi, ci vorrà un po&apos;. Guardatevi un video nel frattempo, fatevi una partitina a qualcosa, tornate dopo circa 10 minuti.
                </p>
                <Image width={414} height={186} src={imgLq9IepY}/>
                <p> 
                    Una volta installato, dobbiamo aggiungere <Code>g++</Code> ai programmi eseguibili da Prompt dei Comandi: premete il tasto <kbd>Windows</kbd>, e scrivete <Code>PATH</Code>. Windows dovrebbe trovarvi automaticamente quell&apos;opzione.
                </p>
                <Image width={412} height={486} src={imgdy3b5Ub}/>
                <p> 
                    Dentro la finestra di <I>Proprietà del Sistema</I>, premete <I>Variabili d&apos;ambiente</I>.
                </p>
                <Image width={618} height={585} src={imgFjYpT1n}/>
                <p> 
                    Trovate la variabile d&apos;ambiente globale <code>Path</code>, e fateci doppio click per modificarla.
                </p>
                <Image width={527} height={501} src={imgklZQ9So}/>
                <p> 
                    Ora dovreste vedere l&apos;elenco di tutte le cartelle contenenti programmi eseguibili da terminale: dobbiamo aggiungere quella di MinGW! Premete <I>Sfoglia</I>.
                </p>
                <Image width={320} height={410} src={imgF6lBCqS}/>
                <p> 
                    Trovate la cartella in cui avete installato MinGW (vi avevo detto di ricordarvela!); entrateci, poi selezionate la sottocartella <Code>bin</Code> e premete <I>OK</I> su tutte le finestre che avete aperto fino ad ora, chiudendole.
                </p>
                <p> 
                    Complimenti! Avete installato MinGW e potete compilare programmi C e C++ da Windows! Avete a disposizione <Code>gcc</Code> e <Code>g++</Code> sul Prompt dei Comandi, e potete finalmente creare dei file <Code>.exe</Code>!
                </p>
            </Box>
        </Chapter>
    </>
}

export default Page