Site Builder

Editing: index-ok.php

writable 0666

<?php
$bizFile = __DIR__ . '/new-business.json';
if (is_readable(__DIR__.'/business.json')) {
    $bizFile = __DIR__.'/business.json'; // paid member
}
$biz = is_readable($bizFile) ? json_decode(file_get_contents($bizFile), true) : [];

$name = $biz['name'] ?? 'Business';
$email = $biz['email'] ?? '';
$slogan = $biz['slogan'] ?? '';
$desc = $biz['description'] ?? '';
$addr = $biz['address'] ?? '';
$city = $biz['city'] ?? '';
$state = $biz['state'] ?? '';
$zip = $biz['zip'] ?? '';
$phone = $biz['phone'] ?? '';
$website = $biz['website'] ?? '';
$tags = $biz['tags'] ?? [];
$location_tags = $biz['location_tags'] ?? [];
$lat = $biz['lat'] ?? '';
$lon = $biz['lon'] ?? '';
$twitter = $biz['twitter'] ?? '';
$facebook = $biz['facebook'] ?? '';
$instagram = $biz['instagram'] ?? '';
$tiktok = $biz['tiktok'] ?? '';
$linkedin = $biz['linkedin'] ?? '';
$youtube = $biz['youtube'] ?? '';
$isPaid = is_readable(__DIR__.'/business.json');

// NEW: directory links
$yelp = $biz['yelp'] ?? '';
$angi = $biz['angi'] ?? '';
$bbb = $biz['bbb'] ?? '';
$nextdoor = $biz['nextdoor'] ?? '';

$citystate = trim($city ? "$city, $state" : $state);
$title = $name . ($citystate ? " in $citystate" : "") . " | BestDealOn";
$descMeta = $desc ?: ($slogan ? "$name: $slogan" : $name) . ($citystate ? " in $citystate" : "");
$keywords = array_unique(array_merge([$name, $city, $state, $zip], $tags, $location_tags));
$metaKeywords = implode(', ', array_filter($keywords));
$url = "https://" . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI'];
$country = "USA";

// --- Coupon data (for premium)
$coupon = [];
if ($isPaid && is_readable(__DIR__.'/coupon.json')) {
    $coupon = json_decode(file_get_contents(__DIR__.'/coupon.json'), true) ?: [];
}

// --- Social Helper
function social_url($platform, $handle) {
    $handle = trim($handle);
    if (!$handle) return '';
    if (preg_match('~^https?://~', $handle)) return $handle;
    $handle = ltrim($handle, '@');
    switch(strtolower($platform)) {
        case 'twitter': return "https://twitter.com/$handle";
        case 'facebook': return "https://facebook.com/$handle";
        case 'instagram': return "https://instagram.com/$handle";
        case 'tiktok': return "https://tiktok.com/@" . $handle;
        case 'linkedin': return "https://linkedin.com/in/$handle";
        case 'youtube': return "https://youtube.com/@" . $handle;
        default: return $handle;
    }
}

// Slug helpers
function h($s){ return htmlspecialchars($s, ENT_QUOTES, 'UTF-8'); }
function tag_slug($str) { return strtolower(trim(preg_replace('/[^a-z0-9]+/i', '-', $str), '-')); }
function city_folder($city) {
    $slug = strtolower(str_replace(' ', '-', $city));
    return ucfirst($slug);
}
function format_phone($n) {
    $n = preg_replace('/\D/', '', $n);
    if(strlen($n)===10)
        return "(".substr($n,0,3).") ".substr($n,3,3)."‑".substr($n,6);
    return $n;
}
$cityslug = city_folder($city);
$stateslug = strtoupper($state);

// --- Social links (fixed)
$socialLinks = [];
if ($twitter)   $socialLinks[] = ['Twitter/X', social_url('twitter', $twitter), '🐦'];
if ($facebook)  $socialLinks[] = ['Facebook', social_url('facebook', $facebook), '📘'];
if ($instagram) $socialLinks[] = ['Instagram', social_url('instagram', $instagram), '📸'];
if ($tiktok)    $socialLinks[] = ['TikTok', social_url('tiktok', $tiktok), '🎵'];
if ($linkedin)  $socialLinks[] = ['LinkedIn', social_url('linkedin', $linkedin), '💼'];
if ($youtube)   $socialLinks[] = ['YouTube', social_url('youtube', $youtube), '▶️'];
if ($yelp)        $socialLinks[] = ['Yelp', $yelp, '⭐️'];
if ($angi)        $socialLinks[] = ['Angi', $angi, '🟠'];
if ($bbb)           $socialLinks[] = ['BBB', $bbb, '🏛️'];
if ($nextdoor) $socialLinks[] = ['Nextdoor', $nextdoor, '🏡'];
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title><?= h($title) ?></title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="icon" href="/bestdealon.svg" type="image/svg+xml">
<meta name="description" content="<?= h($descMeta) ?>">
<meta name="keywords" content="<?= h($metaKeywords) ?>">
<link rel="canonical" href="<?= h($url) ?>">
<meta property="og:title" content="<?= h($title) ?>">
<meta property="og:description" content="<?= h($descMeta) ?>">
<meta property="og:type" content="website">
<meta property="og:url" content="<?= h($url) ?>">
<meta property="og:site_name" content="BestDealOn">
<?php if($lat && $lon): ?>
<meta name="geo.position" content="<?= h("$lat;$lon") ?>">
<meta name="ICBM" content="<?= h("$lat, $lon") ?>">
<meta property="og:latitude" content="<?= h($lat) ?>">
<meta property="og:longitude" content="<?= h($lon) ?>">
<?php endif; ?>
<meta name="geo.placename" content="<?= h($citystate) ?>">
<meta name="geo.region" content="US-<?= h($stateslug) ?>">
<style>
body {background:#f5f8fb;font-family:system-ui,Arial,sans-serif;margin:0;color:#1b334a;}
.top-bar{display:flex;justify-content:space-between;align-items:center;background:#eee;padding:.6rem 1rem;}
.logo{font-weight:900;letter-spacing:-.5px;text-decoration:none;line-height:1;}
.logo .b{color:#551A8B;} .logo .d{color:#00c853;} .logo .o{color:#ff1744;}
nav.breadcrumb a{color:#0366d6;text-decoration:none;} nav.breadcrumb span{margin:0 .25rem;}
.biz-card {max-width: 470px; margin:2.2em auto 1.7em auto; background:#fff; border-radius:20px; box-shadow:0 2px 16px #dde3fa26; padding:2.2em 1.4em 1.3em 1.4em;}
.biz-card h1 { color:#2c61d7; font-size:1.49em; margin:0 0 .32em 0;}
.slogan { font-style:italic; color:#2e6eb0; margin-bottom:.2em; font-size:1.08em;}
.desc { color:#364868; font-size:1.07em; margin-bottom:1.05em; }
.fieldblock { margin-bottom:1.12em;}
.fieldrow { display:flex; gap:1.25em; flex-wrap:wrap;}
.flabel { font-weight:600; color:#23487b; width:95px; min-width:65px; }
.fval   { color:#364868; }
.tags { margin:.7em 0 0 0; }
.tag, .tags a.tag { display:inline-block; background:#e5f0fd; color:#0d3e7e; border-radius:15px; padding:.2em .95em; margin:0 .15em .18em 0; font-size:.98em; text-decoration:none; transition:.14s;}
.tags a.tag:hover { background:#0d3e7e; color:#fff; }
.show-more-link {margin-left:.4em;font-size:.99em;text-decoration:underline;color:#2585b4;cursor:pointer;}
.social-block {
  max-width:470px; margin:2.2em auto 0 auto; background:#fafdfe; border-radius:15px; box-shadow:0 1.5px 10px #c0d0ff15;
  padding:1.35em 1em .8em 1em; border:1.5px solid #e2eefd; text-align:center;
}
.social-block-title { font-size:1.13em; font-weight:700; color:#234c96; margin-bottom:.8em;}
.social-links { display:flex; gap:1em; justify-content:center; flex-wrap:wrap;}
.social-links a {display:inline-flex;align-items:center;gap:.3em;text-decoration:none;font-size:1.09em;background:#f1f4fc;color:#2967bc;padding:.43em 1.1em;border-radius:10px;font-weight:600;}
.social-links a:hover {background:#c9dfff;}
.paid-block, .free-block {
  max-width:470px; margin:2.2em auto 1.6em auto; background:#fffbe6; border:1.6px solid #f3e5b7;
  border-radius:13px; padding:1.55em 1.25em; text-align:center;
}
.paid-block { background:#e9f7eb; border-color:#b4e8b4; }
.paid-block-title { font-size:1.15em; color:#23ad6a; font-weight:700; margin-bottom:.5em;}
.free-block-title { font-size:1.15em; color:#b48b12; font-weight:700; margin-bottom:.5em;}
/* Coupon block styles */
.coupon-business-block {max-width:470px; margin:2.5em auto 0 auto;}
.coupon-demo-msg {text-align:center; margin-bottom:1.1em; font-size:1.11em; font-weight:700; color:#a75608;}
.coupon-demo-desc {text-align:center; margin-bottom:1em; color:#56411e;}
.coupon-demo-desc span {
    background:#fffbe6; padding:.7em 1em; border-radius:11px; display:inline-block;
}
.coupon-preview {
  background:#fff;
  border:3.5px solid #ffb63b;
  border-radius:27px; max-width:500px; margin:auto; padding:2.2em 2em 1.5em 2em;
  box-shadow:0 10px 38px #c59e6933, 0 2.5px 17px #fae1a1;
  position:relative; overflow:hidden;
  transition: max-width .25s;
}
.coupon-preview h2 {margin:0 0 .46em 0;color:#df6200;font-size:1.29em;}
.coupon-preview .desc {font-size:1.11em;color:#56411e;margin-bottom:1.18em;line-height:1.5;}
.coupon-preview .row {display:flex;justify-content:space-between;align-items:center;margin-bottom:.3em;}
.coupon-preview .label {font-weight:700;color:#ab2d00;font-size:1.05em;}
.coupon-preview .code {
  background:#ffefc1;border-radius:9px;display:inline-block;padding:.37em 2.1em;font-size:1.09em;color:#a95600;font-family:monospace;font-weight:700;
  letter-spacing:.08em;box-shadow:0 1px 8px #ffbe4e42;
}
.coupon-preview .expiry {font-size:1.06em;color:#a75608;font-weight:600;}
.coupon-demo-fade {opacity:0.77;}
@media(max-width:600px){
  .biz-card,.coupon-business-block,.social-block,.paid-block,.free-block{padding:1.2em .15em 1em .15em; max-width:99vw;}
  .fieldrow { flex-direction:column; gap:.1em;}
  .flabel{width:auto; min-width:0;}
}
/* ---------- 2025‑07‑08: mobile polish (non‑breaking override) ---------- */
@media (max-width:600px){

/* 1) neat margin so text doesn’t touch the glass */
    body{padding-left:1rem;padding-right:1rem;}

/* 2) header – logo on top, links underneath, all centred */
    .top-bar{
        flex-direction:column;
        align-items:center;
        text-align:center;
        gap:.4rem;                 /* little breathing‑room */
    }
    nav.breadcrumb{white-space:normal;}  /* allow wrap */

/* 3) business‑card fields – one item per row */
    .biz-card .fieldrow{display:block;margin-bottom:.65rem;}
    .biz-card .flabel  {display:block;width:auto;margin-bottom:2px;}
    .biz-card .fval    {display:block;}
}

</style>
</head>
<body>
<div class="top-bar">
  <a class="logo" href="/geo/"><span class="b">BEST&nbsp;</span><span class="d">DEAL&nbsp;</span><span class="o">ON</span></a>
  <nav class="breadcrumb" aria-label="Breadcrumb">
    <a href="/geo/">Index</a><span>/</span>
    <a href="/geo/<?= h($country) ?>/<?= h($stateslug) ?>/"><?= h($stateslug) ?></a><span>/</span>
    <?php if($cityslug): ?><a href="/geo/<?= h($country) ?>/<?= h($stateslug) ?>/<?= h($cityslug) ?>/"><?= h($city) ?></a><span>/</span><?php endif; ?>
    <span><?= h($name) ?></span>
  </nav>
</div>
<div class='biz-card'>
  <h1><?= h($name) ?></h1>
  <?php if($slogan): ?><div class='slogan'><?= h($slogan) ?></div><?php endif; ?>
  <?php if($desc): ?><div class='desc'><?= h($desc) ?></div><?php endif; ?>

<div class='fieldblock'>
   
    <?php if($addr || $city || $state || $zip): ?>
       <address class="biz-address">
        
    <div class="fieldrow address-row">
        <span class="flabel">Address:</span>
        <span class="fval">
            <?php if($addr)  echo h($addr).'<br>'; ?>
            <?php
                // City, ST  ZIP (handles any missing parts gracefully)
                echo h(
                    trim(
                        ($city ?: '') .
                        ($city && $state ? ', ' : '') .
                        ($state ?: '') .
                        ($zip ? ' '.$zip : '')
                    )
                );
            ?>
        </span>
    </div>
       </address>
    <?php endif; ?>
    <?php if($phone): ?>
      <div class="fieldrow"><span class='flabel'>Phone:</span> <span class='fval'><b><?= h(format_phone($phone)) ?></b></span></div>
    <?php endif; ?>
    <?php if($website): ?>
      <div class="fieldrow"><span class='flabel'>Website:</span> <span class='fval'><a href="<?= h($website) ?>"><?= h($website) ?></a></span></div>
    <?php endif; ?>
  </div>

<div class='tags' id="tags-block">
  <?php
    $tagLimit = 2;
    // Service tags
    $countTags = is_array($tags) ? count($tags) : 0;
    if($countTags) {
      echo "<span class='bold'>Service Tags:</span> ";
      foreach($tags as $i => $t) {
        $slug = tag_slug($t);
        $isHidden = $i >= $tagLimit ? 'style="display:none"' : '';
        if ($isPaid)
          echo "<a class='tag service-tag' $isHidden href='/geo/$country/$stateslug/$cityslug/business.php?type=" . urlencode($slug) . "' title='See all " . h($t) . " businesses in " . h($city) . ", $stateslug'>" . h($t) . "</a>";
        else
          echo "<span class='tag service-tag' $isHidden>" . h($t) . "</span>";
      }
      if ($countTags > $tagLimit) {
        echo '<button type="button" class="show-more-link" data-type="service" onclick="showMoreTags(this)" style="background:none;border:none;padding:0;margin-left:.5em;color:#2574bc;font-size:.99em;text-decoration:underline;cursor:pointer;">Show more</button>';
      }
    }
    // Location tags
    $countLocTags = is_array($location_tags) ? count($location_tags) : 0;
    if($countLocTags) {
      echo "<br><span class='bold'>Location Tags:</span> ";
      foreach($location_tags as $i => $t) {
        $locCitySlug = ucfirst(strtolower(str_replace(' ', '-', $t)));
        $isHidden = $i >= $tagLimit ? 'style="display:none"' : '';
        if ($isPaid)
          echo "<a class='tag location-tag' $isHidden href='/geo/$country/$stateslug/$locCitySlug/' title='See all businesses in " . h($t) . ", $stateslug'>" . h($t) . "</a>";
        else
          echo "<span class='tag location-tag' $isHidden>" . h($t) . "</span>";
      }
      if ($countLocTags > $tagLimit) {
        echo '<button type="button" class="show-more-link" data-type="location" onclick="showMoreTags(this)" style="background:none;border:none;padding:0;margin-left:.5em;color:#2574bc;font-size:.99em;text-decoration:underline;cursor:pointer;">Show more</button>';
      }
    }
  ?>
</div>
<div class='footer'>User Generated Business Page by BestDealOn.com</div>
</div>

<?php
$phoneDigits = preg_replace('/\D/', '', $phone);
$mylistCookie = $_COOKIE['mybizlist'] ?? '';
$mylistArr = array_filter(explode('-', $mylistCookie), function($n){ return preg_match('/^\d{10}$/', $n); });
$inList = in_array($phoneDigits, $mylistArr);
?>
<?php if($phoneDigits): ?>
  <div id="add-to-my-list-block" style="max-width:470px;margin:2em auto 0 auto;text-align:center;">
    <button id="myListBtn"
      style="display:inline-block;background:<?= $inList ? '#ff5e5e' : '#21b1d2' ?>;color:#fff;font-size:1.09em;font-weight:700;padding:.68em 2.2em;border-radius:11px;text-decoration:none;box-shadow:0 2px 10px #41b6da23;transition:.2s;cursor:pointer;border:none;"
      onclick="toggleMyList('<?= $phoneDigits ?>')">
      <?= $inList ? "Remove from My List" : "Add to My List" ?>
    </button>
    <?php if($inList): ?>
      <div style="margin-top:.7em;">
        <a href="/my-list/" style="font-size:1.04em;color:#1c90f3;text-decoration:underline;">View My List</a>
      </div>
    <?php endif; ?>
  </div>
<?php endif; ?>

<?php
/* ===============================================================
 *  RECOMMENDED LINKS BLOCK – card‑aligned version
 * ============================================================= */

$baseDir   = $dir    ?? $bizdir ?? dirname(__FILE__);
$linksFile = $baseDir.'/links.json';
$links     = is_readable($linksFile)
             ? json_decode(file_get_contents($linksFile),true,512,JSON_THROW_ON_ERROR) : [];
if (!is_array($links)) $links = [];

/* helper */
$esc = fn($s)=>htmlspecialchars($s??'',ENT_QUOTES,'UTF-8');
?>

<?php if ($links): ?>
<section class="section" style="padding-top:2.2rem"> 
  <div style="
       background:#fffbe6;border:2px solid #ffd973;border-radius:18px;
       padding:2.1rem 1.8rem;box-shadow:0 4px 20px #f5db9c3c;
       max-width:450px;margin:0 auto 2.4rem;">

<h2 style="display:flex;align-items:center;gap:.55em;margin-top:0">
      <span style="font-size:1.3em">🔗</span>
      <span style="font-size:1.27rem;color:#263238;font-weight:700">Recommended Links</span>
    </h2>

<ul class="link-list">
      <?php foreach (array_slice($links,0,5) as $l):
             if (empty($l['title'])||empty($l['url'])) continue;
             $uDisp = preg_replace('#^https?://#i','',$l['url']);
      ?>
        <li itemscope itemtype="https://schema.org/CreativeWork">
          <a href="<?= $esc($l['url']) ?>" target="_blank" rel="noopener" itemprop="url">
            <span itemprop="headline"><?= $esc($l['title']) ?></span>
          </a>
          <div class="url"><?= $esc($uDisp) ?></div>
          <?php if(!empty($l['excerpt'])): ?>
            <div class="excerpt" itemprop="description"><?= $esc($l['excerpt']) ?></div>
          <?php endif; ?>
        </li>
      <?php endforeach; ?>
    </ul>
  </div>
</section>

<?php elseif (!empty($isPaid)): /* premium user, no links yet */ ?>
<section class="section" style="padding-top:2.2rem">
  <div style="
       background:#fffbe6;border:2px solid #ffd973;border-radius:18px;
       padding:1.6rem 1.8rem;box-shadow:0 4px 20px #f5db9c3c;
       max-width:450px;margin:0 auto 2.4rem;text-align:center">
    <h2 style="display:flex;justify-content:center;align-items:center;gap:.55em;margin-top:0">
      <span style="font-size:1.3em">🔗</span>
      <span style="font-size:1.27rem;color:#263238;font-weight:700">Recommended Links</span>
    </h2>
    <p style="font-size:.94rem;color:#555;margin:.4em 0 0">
      No links added yet. Use your <b>Links Editor</b> to showcase
      articles, sponsors or resources here.
    </p>
  </div>
</section>

<?php else: /* free listing – gentle upsell */ ?>
<section class="section" style="padding-top:2.2rem">
  <div style="
       background:#fffbe6;border:2px solid #ffd973;border-radius:18px;
       padding:1.6rem 1.8rem;box-shadow:0 4px 20px #f5db9c3c;
       max-width:450px;margin:0 auto 2.4rem;text-align:center">
    <h2 style="display:flex;justify-content:center;align-items:center;gap:.55em;margin-top:0">
      <span style="font-size:1.3em">🔗</span>
      <span style="font-size:1.27rem;color:#263238;font-weight:700">Recommended Links</span>
    </h2>
    <p style="font-size:.94rem;color:#555;margin:.4em 0 0">
      Upgrade to a verified creator / premium listing to display
      your favourite links right on your profile.
    </p>
  </div>
</section>
<?php endif; ?>

<?php
/* ================================================================
 *  UNIVERSAL COUPON VIEW
 *  – Handles single coupon or an array of coupons.
 * ================================================================ */

/* ---------- 0. Helper values ---------- */
$descLimit       = 160;
$businessHeading = h($name) . ' Coupon';

/* Format phone once */
$formattedPhone = '';
if (!empty($phone)) {
    $digits = preg_replace('/\D/', '', $phone);
    $formattedPhone = (strlen($digits) === 10)
        ? '(' . substr($digits, 0, 3) . ') ' . substr($digits, 3, 3) . '‑' . substr($digits, 6)
        : h($phone);
}

/* ---------- 1. Normalise $coupon ---------- */
$couponList = [];
if ($isPaid && !empty($coupon)) {
    $couponList = (isset($coupon[0]) && is_array($coupon[0])) ? $coupon : [$coupon];
}
?>
<style>
@media print{
  .coupon-toolbar,.coupon-btn{display:none!important}
  .desc-screen,#readMoreLink,#showLessLink{display:none!important}
  .desc-print{display:block!important}
}
.desc-print{display:none}

/* flash when opened via #hash link */
.coupon-highlight{
  animation:flashBorder 2s linear 1;
}
@keyframes flashBorder{
  0%,100%{box-shadow:0 10px 38px #f5db9c3c,0 0 0 4px #ffb63b}
  50%    {box-shadow:0 14px 48px #fcd78b,0 0 0 6px #ffd16d}
}
</style>

<?php if ($isPaid && $couponList): ?>

<?php foreach ($couponList as $i => $cp):
    /* ---------- 2. Per‑coupon variables ---------- */
    if (empty($cp['title'])) continue;        // skip blanks

$title   = $cp['title']  ?? '';
    $code    = $cp['code']   ?? '';
    $expiry  = $cp['expiry'] ?? '';
    $descRaw = trim($cp['desc'] ?? '');

$descFull  = nl2br(h($descRaw));
    $descShort = nl2br(h(mb_substr($descRaw, 0, $descLimit, 'UTF-8')));
    $hasMore   = mb_strlen($descRaw, 'UTF-8') > $descLimit;

/* IDs */
    $codeClean = preg_replace('/\W+/', '', $code) ?: 'nocode';
    $cardID    = "coupon-{$codeClean}-{$i}";   // hash fragment / element id
    $uid       = "cp{$i}";                    // internal unique base
  ?>
  <style>
    /* Print rules must reference the unique IDs for this card */
    @media print{
      #<?= $cardID ?> .coupon-toolbar,
      #<?= $cardID ?> .coupon-btn{display:none!important}
      #<?= $cardID ?> .desc-screen{display:none!important}
      #<?= $cardID ?> .desc-print{display:block!important}
    }
    #<?= $cardID ?> .desc-print{display:none}
  </style>

<div style="max-width:470px;margin:2.5em auto">
    <div id="<?= $cardID ?>" class="coupon-preview"
         itemscope itemtype="https://schema.org/Offer"
         style="background:#fff;border:3.5px solid #ffb63b;border-radius:27px;max-width:500px;margin:auto;padding:2.2em 2em 1.5em;box-shadow:0 10px 38px #f5db9c3c;position:relative;overflow:hidden">
      <div style="text-align:center;font-weight:800;font-size:1.12em;letter-spacing:.01em;color:#194285;border-bottom:1px solid #ef8f13;padding-bottom:.13em;margin-bottom:1em">
        <?= $businessHeading ?>
      </div>

<div id="desc-<?= $uid ?>" class="desc desc-screen"
           style="font-size:1.07em;color:#3a3232;margin-bottom:1.25em;line-height:1.5;min-width:100%">
        <?php if ($hasMore): ?>
          <?= $descShort ?>
          <button id="read-<?= $uid ?>" type="button"
            style="background:none;border:none;padding:0;margin-left:.27em;color:#2574bc;font-size:.98em;text-decoration:underline;cursor:pointer">
            Read More
          </button>
        <?php else: ?>
          <?= $descFull ?>
        <?php endif; ?>
      </div>

<div class="desc desc-print" style="font-size:1.07em;color:#3a3232;margin-bottom:1.25em;line-height:1.5">
        <?= $descFull ?>
      </div>

<div style="display:flex;gap:2.1em;align-items:center;margin-bottom:.4em">
        <span style="font-weight:700;color:#ab2d00;font-size:1.05em">Coupon Code:</span>
        <span style="background:#ffefc1;border-radius:9px;display:inline-block;padding:.34em 1.8em;font-size:1.1em;color:#a95600;font-family:monospace;font-weight:700;letter-spacing:.09em;box-shadow:0 1px 8px #ffbe4e42">
          <?= h($code) ?>
        </span>
      </div>
      <div style="display:flex;gap:2.1em;align-items:center;margin-bottom:.4em">
        <span style="font-weight:700;color:#ab2d00;font-size:1.05em">Expires:</span>
        <span style="font-size:1.08em;color:#a75608;font-weight:600"><?= h($expiry ?: 'No Expiry') ?></span>
      </div>

<?php if ($formattedPhone): ?>
        <div style="text-align:center;margin:.65em 0 0">
          <a href="tel:<?= preg_replace('/\D/','',$phone) ?>"
             style="font-size:1.08em;color:#1565c0;background:#f6fafd;border-radius:7px;padding:.41em 1.35em;display:inline-block;font-weight:700;text-decoration:none;letter-spacing:.02em;box-shadow:0 1px 4px #e3eefd">
            📞 <?= $formattedPhone ?>
          </a>
        </div>
      <?php endif; ?>

<div class="coupon-toolbar" style="display:flex;justify-content:center;gap:1.3em;margin:1.15em 0 0">
        <button id="print-<?= $uid ?>" class="coupon-btn"
                style="padding:.67em 1.75em;border-radius:11px;font-size:1.09em;font-weight:700;border:none;cursor:pointer;box-shadow:0 1px 5px #ffeebb50;background:#ffeebb;color:#b25a00;display:flex;align-items:center;gap:.6em">
          🖨️ Print
        </button>
        <button id="share-<?= $uid ?>" class="coupon-btn"
                style="padding:.67em 1.75em;border-radius:11px;font-size:1.09em;font-weight:700;border:none;cursor:pointer;box-shadow:0 1px 5px #ffeebb50;background:#ffeebb;color:#0e7f45;display:flex;align-items:center;gap:.6em">
          📤 Share
        </button>
      </div>
    </div>
  </div>

/* ---------- A. READ‑MORE / SHOW‑LESS (event delegation) ---------- */
    const descDiv = document.getElementById('desc-' + uid);
    if (hasMore && descDiv) {
      descDiv.addEventListener('click', e => {
        const id = e.target.id || '';
        if (id === 'read-' + uid) {
          /* Expand */
          descDiv.innerHTML = descFull +
            '<button id="less-'+uid+'" type="button" style="background:none;border:none;padding:0;margin-left:.4em;color:#2574bc;font-size:.98em;text-decoration:underline;cursor:pointer">Show Less</button>';
        } else if (id === 'less-' + uid) {
          /* Collapse */
          descDiv.innerHTML = descShort +
            '<button id="read-'+uid+'" type="button" style="background:none;border:none;padding:0;margin-left:.27em;color:#2574bc;font-size:.98em;text-decoration:underline;cursor:pointer">Read More</button>';
        }
      });
    }

/* ---------- B. PRINT ---------- */
    const printBtn = document.getElementById('print-' + uid);
    if (printBtn) {
      printBtn.addEventListener('click', () => {
        const html = document.getElementById(cardID).outerHTML;
        const w = window.open('', '', 'width=600,height=800');
        w.document.write(
          '<html><title>Print Coupon</title><body style="margin:0;background:#f5f8fb;font-family:system-ui,Arial,sans-serif;">' +
          html + '</body></html>');
        w.document.close();
        setTimeout(() => { w.print(); w.close(); }, 250);
      });
    }

/* ---------- C. SHARE (deep‑link) ---------- */
    const shareBtn = document.getElementById('share-' + uid);
    if (shareBtn) {
      shareBtn.addEventListener('click', async e => {
        const url = location.href.split('#')[0] + '#' + cardID;
        const shareData = { title: titleText, text: `${titleText} – use code ${codeText}`, url };
        try {
          if (navigator.share) {
            await navigator.share(shareData);
          } else {
            await navigator.clipboard.writeText(url);
            shareBtn.textContent = '✅ Copied!';
            setTimeout(() => (shareBtn.textContent = '📤 Share'), 1500);
          }
        } catch { /* user cancelled – ignore */ }
      });
    }
  })();
  </script>
  <?php endforeach; ?>

<script>
  window.addEventListener('DOMContentLoaded', () => {
    const id = location.hash ? location.hash.substring(1) : '';
    const el = id && document.getElementById(id);
    if (el) {
      el.classList.add('coupon-highlight');
      el.scrollIntoView({behavior: 'smooth', block: 'center'});
    }
  });
  </script>

<?php else: ?>
  
<?php endif; ?>

<?php if($isPaid && $phone): ?>
  <div class="add-contact-block" style="max-width:470px; margin:2.2em auto 0 auto; background:#e5f7fa; border-radius:18px; box-shadow:0 1.5px 10px #54d3ef2a; padding:1.45em 1.2em 1.1em 1.2em; text-align:center;">
    <div style="font-size:1.2em; font-weight:700; color:#1997a5; margin-bottom:1.1em;">
      📇 Add This Business To Your Phone Contacts
    </div>
    <a href="/ph/generate-vcf.php?ph=<?= h(preg_replace('/\D/', '', $phone)) ?>"
       class="add-contact-btn"
       style="display:inline-block; background:#21b1d2; color:#fff; font-size:1.13em; font-weight:700; padding:.83em 2.6em; border-radius:12px; text-decoration:none; box-shadow:0 2px 10px #41b6da23; transition:.2s;">
      👉 Click Here To Save Contact
    </a>
    <div style="color:#298196; font-size:.99em; margin-top:.7em;">
      Tap to instantly add our info to your phone’s address book.
    </div>
  </div>
<?php endif; ?>

<?php
$qrName = h($name . ' -BestDealOn');
$qrPhone = preg_replace('/\D/','', $phone);
$qrUrl = "https://bestdealon.com/" . $qrPhone;
$qrVcard = "BEGIN:VCARD\nVERSION:3.0\nFN:$qrName\nTEL;TYPE=WORK,VOICE:$phone\nURL:$qrUrl\nEND:VCARD";
// URL encode for QR generator:
$qrVcardUrl = urlencode($qrVcard);
$qrImgUrl = "https://api.qrserver.com/v1/create-qr-code/?size=170x170&data=$qrVcardUrl";
?>
<div style="text-align:center;margin:1.4em 0 0 0;">
  <img src="<?= $qrImgUrl ?>" alt="Save business contact QR" style="width:170px;height:170px;border-radius:14px;box-shadow:0 1.5px 10px #e3eefd;">
  <div style="margin-top:.7em;font-size:1.09em;color:#2b4f8c;font-weight:700;">
    Scan to Save Contact
  </div>
</div>

<?php if($socialLinks): ?>
<div class="social-block">
  <div class="social-block-title">Follow <?= h($name) ?> on Social Media</div>
  <div class="social-links">
    <?php foreach($socialLinks as list($label,$url,$icon)): ?>
      <a href="<?= h($url) ?>" target="_blank" rel="noopener"><?= $icon ?> <?= h($label) ?></a>
    <?php endforeach; ?>
  </div>
</div>
<?php else: ?>
<div class="social-block">
  <div class="social-block-title">Follow <?= h($name) ?> on Social Media</div>
  <div style="color:#8e94a9;font-size:1.01em;">No social profiles added yet.</div>
</div>
<?php endif; ?>

<?php if($isPaid): ?>
<div class="paid-block">
  <div class="paid-block-title">AI Business Tools &amp; Member Control Panel <span style="font-size:1.1em;">🤖</span></div>
  <div>
    Welcome, premium member! Soon you'll unlock advanced AI tools for reputation monitoring, B2B research, review aggregation, competitor analysis, and more—right from your business dashboard.<br><br>
    <b>Coming Soon:</b> Manage your business details, see AI-powered insights, connect with new customers, and control your BestDealOn profile here.
  </div>
</div>
<?php else: ?>
<div class="free-block">
  <div class="free-block-title">Become a Premium Member &amp; Unlock AI Power!</div>
  <div>
    <b>Upgrade today</b> to add links, highlight your business, and unlock exclusive AI-driven features!<br><br>
    <ul style="text-align:left;max-width:420px;margin:1em auto 0 auto;line-height:1.6;">
      <li>AI-powered review summaries and competitor tracking</li>
      <li>Automated lead and reputation management</li>
      <li>Rich business analytics &amp; B2B research</li>
      <li>Priority customer support and more!</li>
    </ul>
    <a href="/advertise.php?geo=<?= h(strtolower($cityslug).'-'.$stateslug.'-advertising') ?>" style="background:#ef8f13;color:#fff;padding:.65em 2.3em;border-radius:9px;font-weight:700;text-decoration:none;display:inline-block;margin-top:.7em;font-size:1.06em;">Become a Member</a>
  </div>
</div>
<?php endif; ?>

<?php
/* ---------- Contact‑by‑Email block (self‑contained) ---------- */
$email = $biz['email'] ?? '';
if ($isPaid && filter_var($email, FILTER_VALIDATE_EMAIL)):
    $businessName = $name ?: 'Your Business';
?>
<div style="max-width:470px;margin:2em auto 0 auto;font-family:system-ui,Arial,sans-serif;">
  <form id="bizContactForm"
        style="background:#fff;border:2px solid #ef8f13;border-radius:14px;box-shadow:0 2px 13px #ffcc7044;overflow:hidden;"
        onsubmit="return sendMail(event);">
    <div style="background:#e62a19;color:#fff;font-weight:900;font-size:1.17em;padding:.76em 1.2em;
                text-align:center;letter-spacing:.01em;border-bottom:2.5px solid #ffdd9c;">
      <?= h($businessName) ?> Contact Request
    </div>

<div style="padding:1.1em .9em .9em .9em;">
      
      <div style="display:flex;flex-wrap:wrap;gap:.8em;">
        <div style="flex:1 1 145px;min-width:120px;">
          <label for="cfFirst" style="font-weight:600;color:#de5200;display:block;">First:</label>
          <input type="text" id="cfFirst" maxlength="32" required
                 style="width:100%;font-size:1em;padding:.41em .7em;margin-top:.15em;
                        border-radius:7px;border:1.2px solid #ffe4b2;">
        </div>
        <div style="flex:1 1 145px;min-width:120px;">
          <label for="cfLast" style="font-weight:600;color:#de5200;display:block;">Last:</label>
          <input type="text" id="cfLast" maxlength="32" required
                 style="width:100%;font-size:1em;padding:.41em .7em;margin-top:.15em;
                        border-radius:7px;border:1.2px solid #ffe4b2;">
        </div>
      </div>

<div style="display:flex;flex-wrap:wrap;gap:.8em;margin-top:.7em;">
        <div style="flex:1 1 200px;min-width:150px;">
          <label for="cfEmail" style="font-weight:600;color:#de5200;display:block;">Your E‑mail:</label>
          <input type="email" id="cfEmail" maxlength="60" required
                 style="width:100%;font-size:1em;padding:.41em .7em;margin-top:.15em;
                        border-radius:7px;border:1.2px solid #ffe4b2;">
        </div>
        <div style="flex:1 1 170px;min-width:130px;">
          <label for="cfPhone" style="font-weight:600;color:#de5200;display:block;">Your Phone:</label>
          <input type="text" id="cfPhone" maxlength="18"
                 style="width:100%;font-size:1em;padding:.41em .7em;margin-top:.15em;
                        border-radius:7px;border:1.2px solid #ffe4b2;">
        </div>
      </div>

<div style="display:flex;flex-wrap:wrap;gap:.8em;margin-top:.7em;">
        <div style="flex:1 1 150px;min-width:120px;">
          <label for="cfCallWhen" style="font-weight:600;color:#de5200;display:block;">Call When:</label>
          <select id="cfCallWhen"
                  style="width:100%;font-size:1em;padding:.41em .5em;margin-top:.15em;
                         border-radius:7px;border:1.2px solid #ffe4b2;">
            <option value="" selected>–</option>
            <option>Anytime</option><option>Morning</option>
            <option>Afternoon</option><option>Evening</option>
          </select>
        </div>
        <div style="flex:1 1 110px;min-width:95px;">
          <label for="cfZone" style="font-weight:600;color:#de5200;display:block;">Zone:</label>
          <select id="cfZone"
                  style="width:100%;font-size:1em;padding:.41em .5em;margin-top:.15em;
                         border-radius:7px;border:1.2px solid #ffe4b2;">
            <option value="" selected>–</option><option>ET</option><option>CT</option>
            <option>MT</option><option>PT</option>
          </select>
        </div>
      </div>

<div style="margin-top:1.05em;text-align:right;">
        <a href="#" id="showAddlLink" style="font-size:.98em;color:#1567b2;text-decoration:underline;
                                            cursor:pointer;font-weight:600;">+ Additional Information</a>
      </div>
      <div id="addlFields" style="display:none;margin-top:.9em;">
        <label for="cfAddl" style="font-weight:600;color:#de5200;display:block;">
          Details / Additional Info:
        </label>
        <textarea id="cfAddl" rows="3"
                  style="width:100%;font-size:1em;padding:.5em;margin-top:.15em;
                         border-radius:7px;border:1.2px solid #ffe4b2;resize:vertical;"></textarea>
      </div>

<div style="margin-top:1.3em;text-align:right;">
        <button type="submit"
                style="background:#ef8f13;color:#fff;font-weight:800;font-size:1.09em;
                       padding:.63em 2.25em;border-radius:9px;border:none;
                       box-shadow:0 1px 7px #ffeebb7a;cursor:pointer;transition:.13s;">
          SEND
        </button>
      </div>
    </div>
  </form>
</div>

/* build and launch the mailto: link */
function sendMail(ev) {
  ev.preventDefault();
  const $$ = id => document.getElementById(id).value.trim();
  const lines = [];

const first = $$('cfFirst');
  const last  = $$('cfLast');
  lines.push(`Name: ${first} ${last}`);

const senderMail = $$('cfEmail');
  if (senderMail)   lines.push(`E-mail: ${senderMail}`);

const senderPhone = $$('cfPhone');
  if (senderPhone)  lines.push(`Phone: ${senderPhone}`);

const callWhen = $$('cfCallWhen');
  if (callWhen)    lines.push(`Call When: ${callWhen}`);

const zone = $$('cfZone');
  if (zone)        lines.push(`Zone: ${zone}`);

const addl = $$('cfAddl');
  if (addl)        lines.push('', 'Additional Information:', addl);

/* encode for URL */
  const body = encodeURIComponent(lines.join('\n'));
  const subject = encodeURIComponent('Contact <?= addslashes($businessName) ?>');

const mailtoURL = `mailto:<?= addslashes($email) ?>?subject=${subject}&body=${body}`;

/* open default mail client */
  window.location.href = mailtoURL;
  return false; /* prevent normal submit */
}
</script>
<?php endif; ?>

<link rel="stylesheet" href="/promptinator.css">

<?php
/* ─────────────────────────────────────────────────────────
 *  PROMPT SELECTOR + PREVIEW CARD   (v3 – centred + token‑blue)
 * ───────────────────────────────────────────────────────── */

/* 1️⃣  find phone folder from ?ph, /ph/##########/, or parent dir */
$ph = $_GET['ph'] ?? '';
if (!$ph && preg_match('#/ph/(\d{10,15})(?:/|$)#', strtok($_SERVER['REQUEST_URI'],'?'), $m)) $ph = $m[1];
if (!$ph) { $p = basename(dirname(__DIR__)); if (preg_match('/^\d{10,15}$/', $p)) $ph = $p; }

/* 2️⃣  load prompts */
$promptFile = $_SERVER['DOCUMENT_ROOT']."/ph/$ph/prompts.json";
$promptArr  = is_readable($promptFile) ? json_decode(file_get_contents($promptFile), true) : [];
$prompts = array_values(array_filter($promptArr, fn($p)=>!empty($p['prompt'])));
if (!$prompts) return;

function label(string $txt,int $n=4):string{
  $w=preg_split('/\s+/',trim($txt)); return implode(' ',array_slice($w,0,$n)).(count($w)>$n?'…':'');
}
?>

<section class="prompt-card" style="
    margin:2.5em auto;max-width:450px;background:#fff;
    border:3px solid #ffb63b;border-radius:22px;box-shadow:0 8px 26px #f5db9c3c;
    padding:1.6rem 1.4rem;">
  <label for="promptSelect" style="font-weight:700;color:#0d4ca2;display:block;margin-bottom:.55rem;">
    Choose a prompt:
  </label>

<style>
  .prompt-card a      { color:#176edc!important; text-decoration:underline; }
  .prompt-card .token { color:#176edc; text-decoration:underline; cursor:pointer; }
  .prompt-card select { appearance:none; }
  @media (max-width:500px){ .prompt-card{width:90%;} }
</style>

/** load the module once, cache the enhanceTextarea export */
  const loadEnhancer = () =>
        enhancerP ||= import('/promptinator-pencil-only.js')
                       .then(m => m.enhanceTextarea);

document.addEventListener('click', async e => {
    const pencil = e.target.closest('#edit-link');
    if (!pencil) return;

const container = pencil.closest('.Promptinator') || document.body;
    const ta        = container.querySelector('#edit-form textarea');
    if (!ta) return;

const enhance = await loadEnhancer();
    enhance(ta);                              // decorate THIS textarea only
  });
})();
</script>

Site Builder

Editing: index-ok.php

Site Builder