{"version":3,"sources":["webpack:///./src/components/inner-page-layout.js","webpack:///./src/pages/contact.js","webpack:///./src/components/logo-card.js","webpack:///./src/components/image-card.js"],"names":["InnerPageLayout","children","className","href","image","src","target","hideLogo","download","category","title","Contact","React","useState","showSubmitMessage","setShowSubmitMessage","onSubmit","e","preventDefault","console","log","payload","config","email","subject","body","name","value","telephone","message","fetch","method","JSON","stringify","headers","then","res","json","for","type","id","placeholder","required","rows","LogoCard","props","linkHref","isDownload","to","style","maxWidth","margin","objectFit","ImageCard","undefined","imageClass"],"mappings":"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","file":"component---src-pages-contact-js-be4af1d7e9c37097d5c8.js","sourcesContent":["import React from \"react\"\r\nimport ImageCard from \"../components/image-card\"\r\nimport LogoCard from \"../components/logo-card\"\r\n\r\nexport default function InnerPageLayout({children}) {\r\n  return ( \r\n    <div className=\"row mb-2\">\r\n        <div className=\"col-md-9\">\r\n            {children}\r\n        </div>\r\n        <div className=\"col-md-3\">\r\n\r\n            <div className=\"row g-0 border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative\">\r\n                <div className=\"col\">\r\n                    <ImageCard href=\"/policies\" image=\"stock-respect2.jpg\">Please see links to our clubs policies and other key documents.</ImageCard>\r\n                </div>\r\n            </div>\r\n\r\n            <div className=\"row mb-4\">\r\n                <div className=\"col\">\r\n                    <ImageCard href=\"/contact\" image=\"stock-contactus.jpg\">If you are interested in joining us, we are always ready to welcome new players, coaches or assistants.</ImageCard>\r\n                </div>\r\n            </div>\r\n\r\n            <div className=\"row mb-4\">\r\n                <div className=\"col\">\r\n                    <div className=\"card shadow-sm\">\r\n                    <div className=\"card-header\">Featured Sponsor</div>\r\n                    <img src=\"sponsor-kipmcgrath.jpg\" />\r\n                    <div className=\"card-body\">\r\n                        <p className=\"card-text\">Kip McGrath provides live and interactive lessons online or in centre, tailored to your child’s needs.</p>\r\n                        <div className=\"btn-group\">\r\n                        <a href=\"https://www.kipmcgrath.co.uk/\" target=\"_blank\" className=\"btn btn-sm btn-outline-secondary\">View Sponsor</a>\r\n                        </div>\r\n                    </div>\r\n                    </div>\r\n                </div>    \r\n            </div>\r\n\r\n            <div className=\"row mb-4\">\r\n                <div className=\"col\">\r\n                    <LogoCard hideLogo={true} download={true} category=\"LCJ News\" href=\"/LCJ Season Review 20_21.pdf\" title=\"2020-2021 Season Review\">Read the 2020-2021 season review</LogoCard>\r\n                </div>\r\n            </div>\r\n\r\n        </div>\r\n    </div>      \r\n  );\r\n}\r\n","import React, { useState } from \"react\"\r\nimport Layout from \"../components/layout\"\r\nimport InnerPageLayout from \"../components/inner-page-layout\"\r\n\r\nexport default function Contact() {\r\n\r\n    const [showSubmitMessage, setShowSubmitMessage] = React.useState(false)\r\n\r\n    const submitForm = e => {\r\n   \r\n      e.preventDefault();\r\n      console.log('submitting form');\r\n\r\n      const payload = {\r\n          config: 'LCJ',\r\n          email: 'leedscityjnrs@gmail.com',\r\n          subject: 'New form submission from website',\r\n          body: `Name: ${e.target.name.value}\\r\\nTelephone: ${e.target.telephone.value}\\r\\nEmail: ${e.target.email.value}\\r\\nMessage: ${e.target.message.value}\\r\\n` \r\n      };\r\n\r\n      fetch('https://mail.mistryhq.com/api/mail/send', {\r\n        method: 'POST',\r\n        body: JSON.stringify(payload),\r\n        headers: { 'Content-Type': 'application/json' },\r\n      })\r\n      .then(res => {\r\n        console.log('form submitted successfully');\r\n        res.json();\r\n        setShowSubmitMessage(true);\r\n      });\r\n  }\r\n\r\n  return ( \r\n    <Layout>\r\n        <section className=\"container\">\r\n        <h1>Contact Us </h1>\r\n        <div className=\"row mb-2\">\r\n            <div className=\"col-md-8 mb-4\">\r\n                <img src=\"stock-contactus-wide.jpg\" className=\"img-fluid mb-4 inner-page-hero\" />\r\n                <p className=\"lead\">Get in touch!</p>\r\n                <p>Complete the form below and somebody will be in touch with you shortly. If you are a parent/guardian interested in your child joining to train/play at Leeds City Juniors, you can also email the manager of the relevant team (contact details are on the team pages).</p>\r\n                { showSubmitMessage ? (\r\n                    <div>\r\n                        <h4>Form submitted successfully</h4>\r\n                        <p>Thank you for getting in touch. One of our colleagues will get back in touch with you soon!</p>\r\n                    </div>\r\n                ) : (\r\n                    <form onSubmit={submitForm}>\r\n                        <div className=\"mb-3\">\r\n                        <label for=\"name\" className=\"form-label\">Name</label>\r\n                        <input type=\"text\" className=\"form-control\" id=\"name\" name=\"name\" placeholder=\"Firstname Lastname\" required />\r\n                        </div>\r\n                        <div className=\"mb-3\">\r\n                        <label for=\"telephone\" className=\"form-label\">Telephone</label>\r\n                        <input type=\"text\" className=\"form-control\" id=\"telephone\" name=\"telephone\" placeholder=\"0800 800 800\" />\r\n                        </div>\r\n                        <div className=\"mb-3\">\r\n                        <label for=\"email\" className=\"form-label\">Email</label>\r\n                        <input type=\"email\" className=\"form-control\" id=\"email\" name=\"email\" placeholder=\"name@example.com\" required />\r\n                        </div>\r\n                        <div className=\"mb-3\">\r\n                        <label for=\"message\" className=\"form-label\">Message</label>\r\n                        <textarea className=\"form-control\" id=\"message\" name=\"message\" rows=\"3\" required></textarea>\r\n                        </div>\r\n                        <button type=\"submit\" className=\"btn btn-primary\">Submit</button>\r\n                    </form>\r\n                )}\r\n            </div>\r\n            <div className=\"col-md-4\">\r\n                <div className=\"row g-0 border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative\">\r\n                    <div className=\"col p-4 d-flex flex-column position-static\">\r\n                        <h3>Club Address</h3>\r\n                        <address>\r\n                            <strong>Leeds City Juniors FC</strong>\r\n                            <p>Adel War Memorial Association<br />\r\n                            Church Lane, Adel<br />\r\n                            Leeds<br />\r\n                            West Yorkshire<br />\r\n                            LS16 8DE\r\n                            </p>\r\n                        </address>\r\n                    </div>\r\n                </div>\r\n                <div className=\"row g-0 border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative\">\r\n                    <div className=\"col p-4 d-flex flex-column position-static\">\r\n                        <h3>Email Us</h3>\r\n                        <address>\r\n                            <strong><a href=\"mailto:leedscityjnrs@gmail.com\">leedscityjnrs@gmail.com</a></strong>\r\n                        </address>\r\n                    </div>\r\n                </div>\r\n                <div className=\"row g-0 border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative\">\r\n                    <div className=\"col p-4 d-flex flex-column position-static\">\r\n                        <h3>AWMA</h3>\r\n                        <p>Leeds City Juniors are based at the Adel War Memorial Association (AWMA).</p>\r\n                        <dl>\r\n                            <dt>Website</dt>\r\n                            <dd><a href=\"https://adelclub.co.uk/\" target=\"_blank\">https://adelclub.co.uk/</a></dd>\r\n                        </dl>                        \r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n      </section>\r\n    </Layout>\r\n  );\r\n}\r\n","import React from \"react\"\r\nimport { Link } from \"gatsby\"\r\n\r\nexport default function LogoCard(props) {\r\n\r\n    const linkHref = props.href || '/todo';\r\n    const isDownload = props.download || false;\r\n\r\n    return (\r\n        <div className=\"row g-0 border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative\">\r\n            <div className=\"col p-4 d-flex flex-column position-static\">\r\n                <strong className=\"d-inline-block mb-2 lcj-color\">{props.category}</strong>\r\n                <h3 className=\"mb-0\">{props.title}</h3>\r\n                <p className=\"card-text mb-auto\">{props.children}</p>\r\n                { isDownload ?\r\n                    (<a href={linkHref} target=\"_blank\" className=\"stretched-link\">Read more</a>)\r\n                    :\r\n                    (<Link to={linkHref} className=\"stretched-link\">Read more</Link>)\r\n                }\r\n            </div>\r\n            { !props.hideLogo && <div className=\"col-auto d-none d-lg-block\">\r\n                <img src=\"logo.svg\" style={{maxWidth: '160px', margin: '0.5em', objectFit: 'cover'}} />\r\n            </div>}\r\n        </div>\r\n    );\r\n}\r\n","import React from \"react\"\r\nimport { Link } from \"gatsby\"\r\n\r\nexport default function ImageCard(props) {\r\n\r\n    const linkHref = props.href || undefined;\r\n\r\n    return (\r\n        <div className=\"card shadow-sm image-card h-100\">\r\n        <img src={props.image} className={props.imageClass} />\r\n        <div className=\"card-body\">\r\n          <p className=\"card-text\">{props.children}</p>\r\n          { linkHref &&\r\n            <div className=\"d-flex justify-content-between align-items-center\">\r\n              <div className=\"btn-group\">\r\n                <Link to={linkHref} className=\"btn btn-sm btn-outline-secondary\">View</Link>\r\n              </div>\r\n            </div>\r\n          }\r\n        </div>\r\n      </div>\r\n\r\n    );\r\n}"],"sourceRoot":""}