{"version":3,"file":"component---src-templates-room-template-js-bc0ab12f24610c601887.js","mappings":"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","sources":["webpack://pannal-village-hall-website/./src/components/rooms/roomLegend.js","webpack://pannal-village-hall-website/./src/templates/room-template.js","webpack://pannal-village-hall-website/./src/css/room.module.css"],"sourcesContent":["import React from \"react\";\n\nconst RoomLegend = () => {\n  return (\n    <table class=\"room-legend\">\n      <caption>Room abbreviations</caption>\n      <tbody>\n        <tr>\n          <th>MH</th>\n          <td>Main Hall</td>\n        </tr>\n        <tr>\n          <th>FR</th>\n          <td>Function Room</td>\n        </tr>\n        <tr>\n          <th>SH</th>\n          <td>Snooker Hall</td>\n        </tr>\n        <tr>\n          <th>AR</th>\n          <td>Activity Room</td>\n        </tr>\n        <tr>\n          <th>CR</th>\n          <td>Committee Room</td>\n        </tr>\n      </tbody>\n    </table>\n  );\n};\n\nexport default RoomLegend;\n","import React from \"react\";\nimport { graphql, Link } from \"gatsby\";\nimport { GatsbyImage } from \"gatsby-plugin-image\";\nimport ReactMarkdown from \"react-markdown\";\nimport ImageCarousel from \"../utils/ImageCarousel\";\nimport RoomLegend from \"../components/rooms/roomLegend\";\n\nimport {\n  roomBookButton,\n  roomBookPrices,\n  roomBookInfo,\n  roomBookDetails,\n  roomLegend,\n  roomCalendar,\n  roomFullDetails,\n  roomText,\n  roomImage,\n  roomDetails,\n  roomContent,\n  roomHeader,\n} from \"../css/room.module.css\";\n\nconst Room = ({ data }) => {\n  const {\n    strapiRoom: {\n      RoomTitle,\n      roomstext,\n      roomsRichText,\n      roomImage: image,\n      roomMultiImageFile,\n      bookOnline,\n      floorPlanLink,\n      availabilityCalendarLink,\n      hireAgreementLink,\n      bookingStatus,\n      prices,\n    },\n  } = data;\n\n  return (\n    <>\n      <div className={roomHeader}>\n        <h1>Our rooms</h1>\n        <h3>{RoomTitle}</h3>\n      </div>\n      <div className={roomContent}>\n        <div className={roomDetails}>\n          <div className={roomImage} style={{ height: \"100%\" }}>\n            {roomMultiImageFile.length > 0 ? (\n              <ImageCarousel\n                roomImages={[image, ...roomMultiImageFile]}\n                RoomTitle={RoomTitle}\n              />\n            ) : (\n              <GatsbyImage\n                image={image.childImageSharp.gatsbyImageData}\n                alt={RoomTitle}\n                imgStyle={{ objectFit: \"cover\" }}\n                style={{ height: \"100%\" }}\n              />\n            )}\n          </div>\n          <div className={roomText}>\n            <p>{roomstext}</p>\n            <div className={roomFullDetails}>\n              <ReactMarkdown source={roomsRichText} />\n            </div>\n          </div>\n          {availabilityCalendarLink !== null && (\n            <React.Fragment>\n              <div className={roomCalendar}>\n                <iframe\n                  src={availabilityCalendarLink}\n                  title=\"room calendar\"\n                ></iframe>\n              </div>\n              <div className={roomLegend}>\n                <RoomLegend />\n              </div>\n            </React.Fragment>\n          )}\n        </div>\n        <div className={roomBookDetails}>\n          <div className={roomBookInfo}>\n            {bookOnline && (\n              <div className={roomBookPrices}>\n                <h3>Prices</h3>\n                <ul>\n                  {prices.map((item, i) => (\n                    <li key={i}>\n                      {item.bookingType.name} use: £{item.cost} per hour\n                    </li>\n                  ))}\n                </ul>\n              </div>\n            )}\n            <div>\n              <h3>Floorplans</h3>\n              <p>\n                <a href={floorPlanLink}>\n                  Download all the floorplans for {RoomTitle}\n                </a>\n                &nbsp;(PDF)\n              </p>\n            </div>\n            <div>\n              <h3>Hire agreement</h3>\n              <p>\n                <a href={hireAgreementLink}>\n                  Download Pannal Village Hall hire agreement\n                </a>\n                &nbsp;(PDF)\n              </p>\n            </div>\n            {!bookOnline && (\n              <div>\n                <h3>Booking requests</h3>\n                <p>{bookingStatus}</p>\n              </div>\n            )}\n          </div>\n          {bookOnline && (\n            <div className={roomBookButton}>\n              <div>\n                <Link to=\"/contact\" className=\"btn-grey\">\n                  Contact us to book\n                </Link>\n              </div>\n            </div>\n          )}\n        </div>\n      </div>\n    </>\n  );\n};\n\nexport default Room;\n\nexport const query = graphql`\n  query room($slug: String!) {\n    strapiRoom(slug: { eq: $slug }) {\n      id\n      slug\n      RoomTitle\n      roomstext\n      roomsRichText\n      roomImage {\n        childImageSharp {\n          gatsbyImageData(placeholder: BLURRED, layout: FULL_WIDTH)\n        }\n      }\n      roomMultiImageFile {\n        childImageSharp {\n          gatsbyImageData(placeholder: BLURRED, layout: FULL_WIDTH)\n        }\n      }\n      roomMultipleImage {\n        id\n        formats {\n          medium {\n            childImageSharp {\n              gatsbyImageData(placeholder: BLURRED, layout: FULL_WIDTH)\n            }\n          }\n        }\n      }\n      bookOnline\n      bookingStatus\n      availabilityCalendarLink\n      floorPlanLink\n      hireAgreementLink\n      prices {\n        cost\n        bookingType {\n          name\n        }\n      }\n    }\n  }\n`;\n","// extracted by mini-css-extract-plugin\nexport var roomBookButton = \"room-module--room-book-button--fuZbU\";\nexport var roomBookDetails = \"room-module--room-book-details--Ww7RL\";\nexport var roomBookInfo = \"room-module--room-book-info--ONLfZ\";\nexport var roomBookPrices = \"room-module--room-book-prices--ehCy+\";\nexport var roomCalendar = \"room-module--room-calendar--YnGcS\";\nexport var roomContent = \"room-module--room-content--KdEdh\";\nexport var roomDetails = \"room-module--room-details--U7pE7\";\nexport var roomFullDetails = \"room-module--room-full-details--rSznU\";\nexport var roomHeader = \"room-module--room-header--2fmmT\";\nexport var roomImage = \"room-module--room-image--bw05r\";\nexport var roomLegend = \"room-module--room-legend--RDqw0\";\nexport var roomText = \"room-module--room-text--wR42X\";"],"names":["RoomLegend","React","class","_ref","data","strapiRoom","RoomTitle","roomstext","roomsRichText","roomImage","image","roomMultiImageFile","bookOnline","floorPlanLink","availabilityCalendarLink","hireAgreementLink","bookingStatus","prices","className","style","height","length","ImageCarousel","roomImages","concat","_toConsumableArray","GatsbyImage","childImageSharp","gatsbyImageData","alt","imgStyle","objectFit","ReactMarkdown","source","src","title","map","item","i","key","bookingType","name","cost","href","Link","to"],"sourceRoot":""}