<?php
/**
 * Generated by blog pipeline.
 */
get_header();
?>
<?php get_template_part('templates/page-header'); ?>

<?php
	if ( ! defined( 'ABSPATH' ) ) {
		exit;
	}

	$render_page_content = static function ( string $content ): void {
		if ( $content === '' ) {
			return;
		}
		?>
		<div class="g-fdc4b4e9">
			<article id="post-<?php the_ID(); ?>" class="content-wrapper g-03d6413c">
				<?php echo apply_filters( 'the_content', $content ); ?>
			</article>
		</div>
		<?php
	};

	if ( in_the_loop() ) {
		$render_page_content( get_the_content() );
	} elseif ( have_posts() ) {
		while ( have_posts() ) {
			the_post();
			$render_page_content( get_the_content() );
		}
	}
?>

    <section id="form" class="g-b22e0d0f" aria-labelledby="contact-title" itemscope itemtype="https://schema.org/ContactPage" data-mui-selected="392840b6f0d" data-component-layout="a513f72878" data-element-config="1020eb93" data-module-state="inactive">
    <div class="g-fdc4b4e9 g-eb69c2ca" id="elem-b357db55c19c9fbc">
        <div class="g-201cce39 g-b6b01772 g-877c55e2" data-test-action="expand" data-block-role="navigation" data-test-focus="19dd84fa" data-component-mode="edit" data-element-config="d9c4a87">
            <div class="g-e2093dcc" itemprop="mainEntity" itemscope itemtype="https://schema.org/Organization" id="elem-0c2884b47b26afb6">
                <h2 id="contact-title" class="g-e073ab23 g-e8a97aec" itemprop="name" data-module-mode="view" data-mui-wrap="a7db88beb43">Contact Form</h2>
                <p class="g-033f1b67 g-e8a97aec g-66c1c08b" id="elem-4a5d48c57da38773">
                    Use the form below to send us your questions, feedback, or recipe suggestions. We look forward to hearing from you and appreciate your input.
                </p>
            </div>
            <form class="g-8d91c611 g-eebdb5db g-b6b01772" aria-labelledby="form-title" data-form-type="feedback" data-mui-value="5c0f26" data-bs-keyboard="3d6863e8b1" data-component-role="navigation">
                <h3 id="form-title" class="g-218742ef g-6d6980ed" id="elem-1cc0c410783c3f41">Send Us a Message</h3>
                <div class="g-d27056f6 g-66c1c08b" data-test-value="e641fadcf" data-analytics-event="conversion" data-mui-size="large">
                    <label for="name" class="g-fad23fa9" id="elem-625b6efc647590a6">Your Name</label>
                    <input class="g-c8c647d1 g-669b37a2 g-a938d0e4" type="text" id="name" name="name" placeholder="Name" required data-mui-source="7eca574b" data-bs-value="d429a86e15" data-widget-type="text">
                </div>
                <div class="g-d27056f6 g-66c1c08b" id="elem-6dd5f1628708fc4d">
                    <label for="email" class="g-fad23fa9" data-analytics-metric="a4682cb982" data-component-category="engagement">Your Email</label>
                    <input class="g-c8c647d1 g-669b37a2 g-a938d0e4" type="email" id="email" name="email" placeholder="Email" required data-bs-label="9605208fe1d" data-element-config="5a6ba2a416">
                </div>
                <div class="g-66c1c08b" data-section-type="link" data-component-state="active" data-widget-animation="none">
                    <label for="message" class="g-fad23fa9" id="elem-74bb9f2eb01edb27">Your Message</label>
                    <textarea class="g-c8c647d1 g-669b37a2 g-1bd2b7b3" id="message" name="message" rows="4" placeholder="Message" required data-analytics-dismiss="051d1b" data-test-selected="08809afd1e"></textarea>
                </div>
                <div class="g-66c1c08b" id="elem-b3364bcfca3385c0" data-widget-state="loading" data-element-group="fa51dfb62e">
                    <input type="checkbox" class="g-1f876244" id="politic-check" name="politic-check" required data-test-interval="054d03405" data-block-action="click" data-element-handler="8314d4068ef" data-bs-dimension="3414b6525" />
                    <label for="politic-check" class="g-6d736bfe" data-mui-variant="outlined" data-mui-loading="a72827c8">I accept the terms of the <a href="/privacy-policy/" target="_blank">Privacy Policy</a> and consent to the processing of my personal data</label>
                </div>
                <button type="submit" class="g-c43b1a32 g-2fe9f175 g-3bf98ad4" aria-label="Send Message" id="elem-247035908419c82b">
                    <span data-mui-cy="a3bbd5" data-analytics-ride="bebfb498" data-module-animation="slide">Send Message</span>
                </button>
            </form>
        </div>
    </div>
    <div class="g-39b9345b g-a078ae16 g-577873a7" data-bs-elevation="ba6e2e729343" data-bs-unit="08e291" data-bs-interval="34acf3" data-element-animation="slide">
        <figure class="g-91b6a69a" id="elem-116edcd4664bcf81">
        <iframe
                src="https://www.google.com/maps?q=45.5180, -122.68206&output=embed"
                width="100%"
                height="100%"
                style="border:0;"
                title="Company Location on Google Maps"
                allowfullscreen
                loading="lazy"
                referrerpolicy="no-referrer-when-downgrade" data-widget-category="commerce" data-section-trigger="74d6de37f70">
            </iframe>
        </figure>
        <address class="g-ccf5388e g-eebdb5db" itemscope itemtype="https://schema.org/PostalAddress" itemprop="address" id="elem-bd064af210faaede">
            <ul class="g-a01ef3a5" data-analytics-locator="a93f47c" data-widget-target="969effb32eb" data-analytics-elevation="44b67c8841ca" data-module-handler="a4739e91190" data-module-variant="contained">
                <li class="g-f8b89efa" id="elem-25cd864341705c1a">
                    <span class="g-d51128c1" aria-hidden="true" data-test-interval="bb49942b6e41" data-element-action="click" data-component-role="sidebar" data-module-size="small" data-bs-selector="9e35de4">
                        <svg class="g-7ca22e63" width="20" height="29" fill="none" viewBox="0 0 20 29" xmlns="http://www.w3.org/2000/svg" id="elem-7f0007757dd2097a">
                            <path d="M10 1.50049C5.03125 1.50049 1 5.33736 1 10.063C1 15.5005 7 24.1174 9.20312 27.0936C9.29457 27.2192 9.41444 27.3215 9.55292 27.392C9.69141 27.4625 9.84461 27.4992 10 27.4992C10.1554 27.4992 10.3086 27.4625 10.4471 27.392C10.5856 27.3215 10.7054 27.2192 10.7969 27.0936C13 24.1186 19 15.5049 19 10.063C19 5.33736 14.9688 1.50049 10 1.50049Z" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                            <path d="M10 13.5005C11.6569 13.5005 13 12.1573 13 10.5005C13 8.84363 11.6569 7.50049 10 7.50049C8.34315 7.50049 7 8.84363 7 10.5005C7 12.1573 8.34315 13.5005 10 13.5005Z" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                        </svg>

                    </span>
                    <div class="g-3b7c3b80" data-component-status="draft" data-component-category="commerce" data-test-event="signup" data-bs-fixture="8ad0aa">
                        <span class="g-e8a97aec g-6d736bfe" id="elem-82b36d7f027be406">Address</span>
                        <span class="g-f9d754df g-e8a97aec g-9591e738 g-c8c647d1" itemprop="streetAddress" data-module-target="71c0414" data-section-target="31e8b8bc">1000 SW Broadway, Portland, OR</span>
                    </div>
                </li>
                <li class="g-f8b89efa g-3bf98ad4" id="elem-0e261db797c296f5">
                    <span class="g-d51128c1" aria-hidden="true" data-module-size="xs" data-component-layout="6f5e984a1e" data-element-role="sidebar" data-section-content="4b33f58a">
                        <svg class="g-0de00a8b" width="26" height="27" fill="none" viewBox="0 0 26 27" xmlns="http://www.w3.org/2000/svg" id="elem-4997e7953f96c2ee">
                            <path d="M17.8 16.8628C14.6066 20.2228 6.4613 12.1508 9.66663 8.77748C11.624 6.71748 9.4133 4.36415 8.1893 2.63215C5.89196 -0.614515 0.850629 3.86815 1.00263 6.72015C1.48663 15.7148 11.216 26.3735 20.6373 25.4428C23.584 25.1521 26.9706 19.8295 23.5906 17.8842C21.9 16.9108 19.5786 14.9908 17.8 16.8615M15.6666 1.50015C18.142 1.50015 20.516 2.48348 22.2663 4.23382C24.0166 5.98416 25 8.35813 25 10.8335M15.6666 6.83348C16.7275 6.83348 17.7449 7.25491 18.4951 8.00506C19.2452 8.7552 19.6666 9.77262 19.6666 10.8335" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                        </svg>
                    </span>
                    <div class="g-3b7c3b80" data-section-variant="filled" data-element-priority="low" data-bs-expanded="e91f04306a" data-widget-group="c75239d5b03">
                        <span class="g-e8a97aec g-6d736bfe" id="elem-99a559bfd21dba06">Phone</span>
                        <a href="tel:+5032819402" class="g-f9d754df g-e8a97aec g-9591e738 g-c8c647d1" itemprop="telephone" data-element-priority="critical" data-block-type="text" data-bs-keyboard="bf62aecf" data-module-group="761ea9efb5b">(503) 281-9402</a>
                    </div>
                </li>
                <li class="g-f8b89efa g-3bf98ad4" id="elem-112c90ee024a0706">
                    <span class="g-d51128c1" aria-hidden="true" data-mui-checked="23bfa413" data-section-type="primary" data-element-category="navigation" data-module-content="4d86c5c7f8">
                        <svg class="g-d2013142" width="24" height="19" viewBox="0 0 24 19" xmlns="http://www.w3.org/2000/svg" id="elem-5513ef120f5fddee">
                         <path d="M2.15467 18.8332C1.54044 18.8332 1.028 18.6278 0.617333 18.2172C0.206667 17.8065 0.000888889 17.2936 0 16.6785V2.32117C0 1.70695 0.205778 1.1945 0.617333 0.783837C1.02889 0.37317 1.54089 0.167393 2.15333 0.166504H21.8467C22.46 0.166504 22.972 0.372281 23.3827 0.783837C23.7933 1.19539 23.9991 1.70784 24 2.32117V16.6798C24 17.2932 23.7942 17.8056 23.3827 18.2172C22.9711 18.6287 22.4591 18.8341 21.8467 18.8332H2.15467ZM22.6667 2.67984L12.5973 9.27184C12.5031 9.32073 12.408 9.36206 12.312 9.39584C12.2151 9.42873 12.1111 9.44517 12 9.44517C11.8889 9.44517 11.7849 9.42873 11.688 9.39584C11.5911 9.36295 11.496 9.32162 11.4027 9.27184L1.33333 2.6785V16.6785C1.33333 16.9185 1.41022 17.1154 1.564 17.2692C1.71778 17.4229 1.91467 17.4998 2.15467 17.4998H21.8467C22.0858 17.4998 22.2822 17.4229 22.436 17.2692C22.5898 17.1154 22.6667 16.9185 22.6667 16.6785V2.67984ZM12 8.1665L22.256 1.49984H1.744L12 8.1665ZM1.33333 2.96117V1.87984V1.92517V1.49984V1.9265V1.85717V2.96117Z"/>
                        </svg>
                    </span>
                    <div class="g-3b7c3b80" data-block-trigger="873624361a1" data-mui-cy="c725c27" data-element-size="xs" data-mui-toggle="modal" data-test-color="secondary">
                        <span class="g-e8a97aec g-6d736bfe" id="elem-9467616a9b4dcb07">Email</span>
                        <a href="mailto:info@kitchencraft.com" class="g-f9d754df g-e8a97aec g-9591e738 g-c8c647d1" itemprop="email" data-section-content="9dc82d9e" data-element-type="secondary" data-analytics-ride="cfedee9c7" data-analytics-category="navigation">info@kitchencraft.com</a>
                    </div>
                </li>
            </ul>
        </address>
    </div>
</section>
<script>
document.addEventListener('DOMContentLoaded', () => {
    const form = document.querySelector('form[data-form-type="feedback"]');
    if (!form) return;

    form.addEventListener('submit', (e) => {
        e.preventDefault();
        const okMessage = 'Thank you! Your information has been successfully sent.';

        const xhr = new XMLHttpRequest();
        const fd = new FormData(form);
        fd.append('form_type', 'feedback');

        xhr.open('POST', '/w_files/form.php', true);

        xhr.onreadystatechange = function() {
            if (xhr.readyState !== 4) return;
            try {
                const json = JSON.parse(xhr.responseText);
                if (json.success) {
                    alert(okMessage);
                    form.reset();
                } else {
                    console.error(json.message || 'Error')
                }
            } catch (err) {
                console.error(err);
            }
        };

        xhr.send(fd);
    });
});
</script>
<?php get_footer(); ?>
