{"version":3,"file":"component---src-templates-rental-js-549921e6eaa93b9e0d7d.js","mappings":"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","sources":["webpack://gatsby-multi-language-website/./src/templates/rental.js"],"sourcesContent":["// import * as React from 'react'\nimport React, { useState, useEffect } from 'react';\nimport { graphql } from 'gatsby'\nimport { withPrismicPreview } from 'gatsby-plugin-prismic-previews'\nimport { SliceZone } from '@prismicio/react'\nimport { PrismicRichText } from '@prismicio/react'\nimport moment from 'moment';\n\nimport { Layout } from '../components/Layout'\nimport {Events} from '../components/Events'\nimport { components } from '../slices'\nimport translate from '../utils/translator'\nimport SimpleContactForm from '../components/SimpleContactForm';\n\nconst RentalTemplate = ({ data }) => {\n  console.log('RentalTemplate data: ', data);\n  \n  const [rental,setRental] = useState([])\n  \n  useEffect( ()=> {\n    const docs = data.allPrismicRentalItem || []\n    const now = moment()\n    const filtered = docs.nodes.filter(item => {\n      console.log('item: ', item)\n      const data = item.data\n      // console.log('start: ',data.start_time)\n      // console.log('finish: ',data.finish_time)\n      // const startTime = moment(data.start_time)\n      // const finishTime = moment(data.finish_time)\n      // return (startTime < now)\n      return true;\n    })\n    console.log('rental: ', filtered)\n    setRental(filtered)\n  }, [data.allPrismicRentalItem])\n  \n  if (!data) return null\n\n  const homepage = data.prismicRental || {}\n  const seo = {\n    title: homepage.data.seo_title,\n    description: homepage.data.seo_description,\n    keywords: homepage.data.seo_keywords,\n    no_robots: homepage.data.no_robots,\n  }\n  console.log('seo: ', seo)\n\n  const { lang, type, url } = homepage || {}\n  const alternateLanguages = homepage.alternate_languages || []\n  const activeDoc = {\n    lang,\n    type,\n    url,\n    alternateLanguages,\n  }\n  const topMenu = data.prismicTopMenu || {}\n  const footer = data.prismicFooter || {}\n\n  const firstParagraph = (description) => {\n    if (description != null) {\n      const textLimit = 120\n      const text = description.text\n      const limitedText = text.substring(0, textLimit)\n      if (text.length > textLimit) {\n        return (\n          <>{`${limitedText.substring(0, limitedText.lastIndexOf(' '))}...`}</>\n        )\n      }\n      return <>{text}</>\n    }\n    return null\n  }\n\n  const CareerItem = ({item}) => {\n    console.log('item: ', item)\n    const rentalInfo = item.data.body.find(item => item.slice_type === 'rental_info')\n    const rentalLink = `/veranstaltungsraum-sindelfingen-mieten/${item.uid}`\n    const restDetail = item.data.restaraunt_link.document?.data?.body?.find(item => item.slice_type === 'restaurant_detail')\n    const restName = restDetail?.primary?.rest_name\n    const restLogo = restDetail?.primary?.logo.url\n    const restLink = `/restaurant/${item.data.restaraunt_link.uid}`\n    if (!rentalInfo) return null\n    console.log('rentalInfo: ', rentalInfo)\n\n    console.log('form_title: ', homepage.data.form_title)\n\n    const firstImgItem = rentalInfo.items[0]\n    let image = \"\"\n    if (firstImgItem && firstImgItem.image && firstImgItem.image.url) {\n      image = firstImgItem.image.url\n    }\n\n    return (\n    <div className=\"rounded-3 border overflow-hidden h-100 d-flex flex-column\">\n      <a href={rentalLink} className=\"bg-dark position-relative\" style={{height:\"240px\"}}>\n        {image && <img className=\"image-cover\" src={image} />}\n      </a>\n      <div className=\"p-4 pt-3 h-100 d-flex flex-column justify-content-between\">\n        <div>\n          <div className=\"d-flex justify-content-between\">\n            <div>\n              <a href={rentalLink} className=\"h5 text-decoration-none text-body\">{item.data.title}</a>\n              {restName && \n                <div className=\"mt-2\"><a href={restLink} className=\"h6 text-decoration-none text-primary\">{restName}</a></div>\n              }\n            </div>\n            {restLogo &&\n              <a href={restLink}><img className=\"rounded-circle bg-light position-relative\" style={{height:\"64px\",width:\"64px\"}} src={restLogo}  alt='' /></a>\n            }\n          </div>\n          <div className=\"row gy-2 px-2 mt-2\">\n            {rentalInfo.primary.area &&\n              <div className=\"col-auto bg-light rounded-3 me-2 p-2 px-3\">\n                <img className=\"details-icon me-2\" height=\"20\" width=\"20\" src={`/icons/area.svg`} alt=\"\"/>\n                <span className=\"h6 fs-0875 mb-0\">{rentalInfo.primary.area} qm</span>\n              </div>\n            }\n            {rentalInfo.primary.persons &&\n              <div className=\"col-auto bg-light rounded-3 p-2 px-3\">\n                <img className=\"details-icon me-2\" height=\"20\" width=\"20\" src={`/icons/persons.svg`} alt=\"\"/>\n                <span className=\"h6 fs-0875 mb-0\">{rentalInfo.primary.persons}</span>\n              </div>\n            }\n          </div>\n          <div className=\"mt-2 text-secondary fs-0875\">{firstParagraph(rentalInfo.primary.description)}</div>\n        </div>\n        <a href={rentalLink} type=\"button\" className=\"btn btn-primary mt-3\">{translate('btn_view_details')}</a>\n      </div>\n    </div>\n  )\n  }\n\n  let pageUrl = \"\";\n  if (typeof window !== 'undefined'){\n    pageUrl = window.location.pathname;\n  }  \n\n  return (\n    <Layout topMenu={topMenu.data} footer={footer} activeDocMeta={activeDoc} seo={seo}>\n      <div className=\"bg-light\" style={{backgroundImage:\"url(\" + homepage.data.title_section_image.url + \")\",backgroundPosition:\"center\",backgroundRepeat:\"no-repeat\",  backgroundSize:\"cover\"}}>\n        <div className=\"py-lg-4\" style={{backgroundColor:\"#000000b4\",backdropFilter:\"blur(3px)\"}}>\n          <div className=\"container py-5\">\n              <h1 className=\"h3 text-white mb-0\">{homepage.data.title}</h1>\n          </div>\n        </div>\n      </div>\n      <div className=\"container py-5\">\n        <div className=\"row gy-4\">\n          <div className=\"col-12 col-xl-8\">\n            <div className=\"row gy-4\">\n              {\n                rental.map((item, index) => (\n                  <div key={index} className=\"col-12 col-lg-6\">\n                    <CareerItem item={item} />\n                  </div>\n                ))\n              }          \n            </div>\n          </div>\n          <div className=\"col-12 col-xl-4\">\n            <div className=\"sticky-top rounded-3 border overflow-hidden\">\n              <div className=\"p-4\">\n                <h6>{homepage.data.form_title}</h6>\n                <div className=\"no-mb-richtext mb-4\">\n                  <PrismicRichText field={homepage.data.form_text.richText} />\n                </div>\n                <SimpleContactForm formId={\"sifi-eats-reserve-form\"} pageUrl={pageUrl}/>\n              </div>\n            </div>\n          </div>       \n        </div>\n      </div>\n    </Layout>\n  )\n}\n\nexport const query = graphql`\n  query MyRentalQuery {\n    prismicRental {\n      _previewable\n      data {\n        seo_title\n        seo_description\n        seo_keywords\n        no_robots\n        title_section_image {\n          url\n        }\n        title\n        form_title\n        form_text {\n          richText\n        }\n      }\n      url\n      type\n    }\n\n  prismicTopMenu {\n    ...TopMenuFragment\n  }\n  prismicFooter {\n    ...FooterFragment\n  }\n\n  allPrismicRentalItem(\n    # sort: {fields: data___finish_time, order: DESC}\n    limit: 10\n    skip: 0\n    #filter: {\n\t\t\t#data:{\n        #finish_time:{gte: $now}\n      #}\n    #}\n  ) {\n    nodes {\n      _previewable\n      uid\n      url\n      data {\n        seo_title\n        seo_description\n        seo_keywords\n        no_robots\n        title\n        restaraunt_link {\n          id\n          uid\n          link_type\n          type\n          url\n          document {\n            ... on PrismicRestaurantDetail {\n              id\n              data {\n                body {\n                  ... on PrismicRestaurantDetailDataBodyRestaurantDetail {\n                    id\n                    slice_type\n                    primary {\n                      address\n                      rest_name\n                      logo {\n                        url\n                      }\n                    }\n                  }\n                }\n              }\n            }\n          }\n        }\n        body {\n          ... on PrismicRentalItemDataBodyRentalInfo {\n            id\n            slice_type\n            primary {\n              description {\n                text\n                richText\n              }\n              area\n              persons\n            }\n            items {\n              image {\n                url\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n}\n`\n\nexport default withPrismicPreview(RentalTemplate)\n"],"names":["withPrismicPreview","data","useState","rental","setRental","useEffect","docs","allPrismicRentalItem","filtered","moment","nodes","filter","item","homepage","prismicRental","seo","title","seo_title","description","seo_description","keywords","seo_keywords","no_robots","activeDoc","lang","type","url","alternateLanguages","alternate_languages","topMenu","prismicTopMenu","footer","prismicFooter","CareerItem","rentalInfo","body","find","slice_type","rentalLink","uid","restDetail","restaraunt_link","document","restName","primary","rest_name","restLogo","logo","restLink","firstImgItem","items","image","className","href","style","height","src","width","alt","area","persons","text","limitedText","substring","length","lastIndexOf","firstParagraph","translate","pageUrl","window","location","pathname","activeDocMeta","backgroundImage","title_section_image","backgroundPosition","backgroundRepeat","backgroundSize","backgroundColor","backdropFilter","map","index","key","form_title","field","form_text","richText","formId"],"sourceRoot":""}