import { PageHeader } from '@/compositions/PageHeader/PageHeader'
import { Container } from '@/components/Container/Container'
import { Row } from '@/components/Flex/Row'
import { Col } from '@/components/Flex/Col'
import Image from 'next/image'
import styles from '@/compositions/PublicationAndNewsletter/styles.module.scss'
import { Section } from '@/components/Section/Section'
import { fetchLastMagazine } from '@/fetch/magazine'
import { Button } from '@/components/Button/Button'
import { P } from '@/components/Text/Paragraph'
import { siteConfig } from '@/config/site'

export const dynamic = 'force-dynamic'

export default async function MagazinePage() {
  const magazine = await fetchLastMagazine();
  const magazine_url = magazine && typeof magazine.document === "object" ? magazine.document.url || undefined : undefined;
  const magazine_cover = magazine && typeof magazine.cover === "object" ? magazine.cover : undefined;


  return (
    <>
      <PageHeader
        title={siteConfig.magazineName}
        description={`Unser Pfarrei-Magazin erscheint viermal im Jahr und informiert Sie über alles Wichtige aus unserem Gemeindeleben. Freuen Sie sich auf interessante Berichte, spirituelle Impulse, einen Überblick über kommende Termine und Geschichten von Menschen aus unserer Mitte.`}
      >
        </PageHeader>

      <Section padding={"small"}>
        <Container>
          <Row alignItems={"center"}>
            <Col>
              {magazine_url && magazine_cover && magazine_cover.url &&
                <a href={magazine_url} target={'_blank'}>
                  <Image
                    className={styles.image}
                    src={magazine_cover.url}
                    width={magazine_cover.width || 500}
                    height={magazine_cover.height || 600}
                    alt={'Pfarreimagazin Ausgabe'}
                    unoptimized={false}
                  />
                </a>
              }
            </Col>
            <Col>
              <P width={"3/4"}>
                Bleiben Sie auf dem Laufenden! Hier finden Sie die aktuelle Ausgabe mit allen Berichten und Terminen aus der Gemeinde.
                <br/><br/>
              </P>
              <Button size={"md"} schema={"shade"} href={`/pfarrei/magazin/archiv`}>Archiv</Button>
              <Button size={"md"} target={"_blank"} href={magazine_url}>{siteConfig.magazineName} herunterladen</Button>
            </Col>
          </Row>
        </Container>
      </Section>
      <Section>

      </Section>
    </>
  )
}