<?php
/* Template Name: Contact (SNM) */
if ( ! defined( 'ABSPATH' ) ) { exit; }

// Hard-code your defaults while still allowing Customizer overrides
function snm_val($key, $fallback){ $v = get_theme_mod($key); return $v ? $v : $fallback; }
$snm_phone      = snm_val('snm_phone', '(216) 415-1568');
$snm_phone_tel  = snm_val('snm_phone_tel', '+12164151568');
$snm_email      = snm_val('snm_email', 'dispatch@strandednomoreroadside.com');

get_header(); ?>
<main class="page container">
  <h1>Contact Us</h1>
  <p class="lede">24/7 Dispatch. Fast, friendly, professional.</p>

  <?php if ( function_exists('snm_form_success') ) { snm_form_success(); } ?>

  <div class="grid2">
    <section class="card">
      <h2>Call or Text</h2>
      <p><a class="strong" href="tel:<?php echo esc_attr($snm_phone_tel); ?>"><?php echo esc_html($snm_phone); ?></a></p>
      <p><a class="strong" href="mailto:<?php echo esc_attr($snm_email); ?>"><?php echo esc_html($snm_email); ?></a></p>
      <p class="muted">Serving Northeast Ohio</p>
      <ul class="badges" style="margin-top:12px;">
        <li>24/7 Emergency Response</li>
        <li>Professional • Insured</li>
        <li>Local Experts</li>
      </ul>
    </section>

    <section class="card">
      <h2>Request Help</h2>
      <?php echo do_shortcode('[snm_contact_form]'); ?>
      <p class="muted">Prefer a call? Tap the number above and we’ll handle it now.</p>
    </section>
  </div>

  <section class="card" style="margin-top:16px; padding:0; overflow:hidden;">
    <div style="padding:16px 16px 0 16px;"><h2 style="margin:0 0 8px 0;">Our Service Area</h2></div>
    <div style="width:100%; height:0; padding-bottom:56.25%; position:relative; border-top:1px solid var(--line);">
      <!-- Google Maps embed centered on Brook Park, OH -->
      <iframe
        src="https://www.google.com/maps?q=Brook%20Park%2C%20OH&output=embed"
        style="position:absolute; top:0; left:0; width:100%; height:100%; border:0;"
        allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade">
      </iframe>
    </div>
  </section>
</main>
<?php get_footer(); ?>