---
import MainLayout from "@/layouts/MainLayout.astro";
import MainSection from "@components/ui/blocks/MainSection.astro";
import LeftSection from "@components/ui/blocks/LeftSection.astro";
import RightSection from "@components/ui/blocks/RightSection.astro";
import FeaturesStats from "@components/sections/features/FeaturesStats.astro";
import photoSalonCheminee from "@images/salon-cheminee.jpg";
import photoSalonCuisine from "@images/salon-1.jpg";
import photoCuisine from "@images/cuisine-1.jpg";
import photoChambreEnfantEst from "@images/chambre-enfant-est-grand-angle.jpg";
import photoChambreEnfantOuest from "@images/chambre-enfant-ouest-grand-angle-2.jpg";
import photoSuite1 from "@images/suite-du-bas-1.jpg";
import photoParentale from "@images/chambre-parentale.jpg";
import photoSalleDEau from "@images/salle-d-eau-1.jpg";
import photoChambre2 from "@images/chambre-2.jpg";
import { websiteStructuredDescription } from "../data_files/constants";
import BureauSection from "../components/sections/BureauSection.astro";

interface Article {
  isRightSection: boolean;
  title: string;
  subTitle: string;
  btnExists?: boolean;
  btnTitle?: string;
  btnURL?: string;
  single?: boolean;
  img?: any;
  imgAlt?: string;
  imgOne?: any;
  imgOneAlt?: string;
  imgTwo?: any;
  imgTwoAlt?: string;
}

const articles: Article[] = [
  {
    isRightSection: true,
    title: "Grande pièce de vie lumineuse",
    subTitle: "Exposée plein sud, la pièce de vie principale est baignée de lumière, tout en restant fraiche l’été. " +
      "Elle offre un accès fluide à la terrasse à travers ses 3 portes-fenêtre." +
      "Majoritairement de plain-pied, la maison est organisée autour de sa grande terrasse orientée plein sud et accessible depuis toutes les pièces de vie, sans vis-à-vis.",
    single: false,
    imgOne: photoSalonCheminee,
    imgOneAlt: "Vue du salon depuis la cuisine, avec la cheminée au fond",
    imgTwo: photoSalonCuisine,
    imgTwoAlt: "Vue du salon depuis la cheminée, avec la cuisine ouverte au fond",
  },
  {
    isRightSection: false,
    title: "Cuisine ouverte, toute équipée",
    subTitle:
      "Refaite en 2017, la cuisine allie plan de travail en bois et nombreux rangements. Elle est équipée de plaques à induction, d’une hotte et d’un four Bosch.",
    img: photoCuisine,
    imgAlt: "Cuisine ouverte, toute équipée",
  },
  {
    isRightSection: true,
    title: "Chambre principale",
    subTitle: "Fenêtre panoramique, rangements et grand placard, parquet. Vue sur l’impasse.",
    imgOne: photoParentale,
    imgOneAlt: "Chambre parentale spacieuse et lumineuse",
    single: true,
    btnExists: false,
    btnTitle: "Learn More",
    btnURL: "#",
  },
  {
    isRightSection: false,
    title: "Seconde chambre",
    subTitle:
      "… ou chambre d’amis … ou salle de jeux … ou bureau … ou atelier … petit salon … qu’en ferez-vous ?",
    img: photoChambre2,
    imgAlt: "Second chambre, aménagée en petit salon de jeu",
    btnExists: false,
    btnTitle: "Learn More",
    btnURL: "#",
  },
  {
    isRightSection: true,
    title: "Salle d’eau",
    subTitle: "Refaite en 2017, douche à l’italienne, vaste double vasque, étagères, porte-serviette chauffant…",
    imgOne: photoSalleDEau,
    imgOneAlt: "Douche à l’italienne et ses beaux carreaux multicolores, double-vasque, étagères",
    single: true,
    btnExists: false,
    btnTitle: "Learn More",
    btnURL: "#",
  },
  {
    isRightSection: true,
    title: "Chambres enfants",
    subTitle:
      "Un passage par la salle de jeu permet de rejoindre l’espace enfants : 2 grandes chambres plein sud, reliées par une salle d’eau commune, et par un dégagement qui offre grands placards et toilette. ",
    single: false,
    imgOne: photoChambreEnfantOuest,
    imgOneAlt: "Photos de la chambre enfant côté ouest, qui donne sur le jardin",
    imgTwo: photoChambreEnfantEst,
    imgTwoAlt: "Photo de la chambre enfant côté est, qui donne sur le jardin et l’impasse",
  },
  {
    isRightSection: false,
    title: "Suite du bas",
    subTitle: "L’étage inférieur de la maison, semi-enterré, a été entièrement refait en 2019. L’ancienne salle de jeux a été complètement rénovée et transformée en une suite avec salle d'eau, conçue pour héberger un couple avec enfants. La meilleure chambre de la maison ?",
    img: photoSuite1,
    imgAlt: "Grande suite du bas. La meilleure chambre de la maison ?",
  }
];

const pageTitle: string = `Pièces de la maison | 177m2 à vendre à Albi`;
---

<MainLayout
  title={pageTitle}
  structuredData={{
    "@context": "https://schema.org",
    "@type": "WebPage",
    "@id": "https://achat-maison-albi.fr/pieces/",
    "url": "https://achat-maison-albi.fr/pieces/",
    "name": "Pièces de la maison | 177m2 à vendre à Albi",
    "description": "Avec 5 chambres, 3 salles d’eau, un bureau et des beaux espaces de vie intérieurs comme extérieurs, notre maison est accueillante et conviviale.",
    image: photoSalonCheminee as unknown as string,
    "isPartOf": websiteStructuredDescription,
    "inLanguage": "fr-FR"
  }}
>
  <MainSection
    title="Des espaces pour chacun et chacune"
    subTitle="Avec 5 chambres, 3 salles d’eau, un bureau et des beaux espaces de vie intérieurs comme extérieurs, notre maison est accueillante et conviviale."
    btnTitle="Nous contacter"
    btnURL="/contact/"
  />

  {
    articles.map(article => {
      return article.isRightSection ? (
        <RightSection
          title={article.title}
          subTitle={article.subTitle}
          single={article.single}
          imgOne={article.imgOne}
          imgOneAlt={article.imgOneAlt}
          imgTwo={article.imgTwo}
          imgTwoAlt={article.imgTwoAlt}
          btnExists={article.btnExists}
          btnTitle={article.btnTitle}
          btnURL={article.btnURL}
        />
      ) : (
        <LeftSection
          title={article.title}
          subTitle={article.subTitle}
          img={article.img}
          imgAlt={article.imgAlt}
          btnExists={article.btnExists}
          btnTitle={article.btnTitle}
          btnURL={article.btnURL}
        />
      );
    })
  }

  <BureauSection />

  <FeaturesStats
    title="En chiffres"
    subTitle="Parce que même quand on aime, il faut compter !"
    mainStatTitle="177 m2"
    mainStatSubTitle="De la place pour la famille, pour le travail, pour la vie !"
    stats={[
      {
        stat: "5 chambres",
        description: "Pouvant accueillir facilement 12 personnes",
      },
      {
        stat: "3 salles d’eau",
        description: "Pour ne plus attendre son tour…",
      },
      {
        stat: "100%",
        description: "de satisfaction des actuel(le)s occupant(e)s",
      },
    ]}
  />
</MainLayout>