📄 File: callback-form.php

Path: /home2/outerorb/debtclearplans.co.uk/includes/callback-form.php

Size: 8.56 KB

Permissions: 0666

<?php
// DebtClearPlans callback form (introducer/lead generation). Do not pre-tick consent.
if (session_status() === PHP_SESSION_NONE) {
  session_start();
}

$callbackStatus = isset($_GET['cb_status']) ? $_GET['cb_status'] : '';
$callbackAlert = '';

if ($callbackStatus === 'success') {
  $callbackAlert = 'Thanks. Your callback request has been received and our team will contact you shortly.';
} elseif ($callbackStatus === 'mail_error') {
  $callbackAlert = 'Your request was received, but we could not send the confirmation emails right now. Please call or email us directly at hello@debtclearplans.co.uk.';
} elseif ($callbackStatus === 'error') {
  $callbackAlert = 'We could not submit your request. Please check the required fields and try again.';
}
?>
<div class="callback-form-wrap" id="callback-form-top">
  <div class="container">
    <div class="row">
      <div class="col-lg-12">
        <div class="heading1 text-center">
          <h2 class="text-anime-style-3">Request a free callback</h2>
          <div class="space16"></div>
          <p style="max-width:900px;margin:0 auto;">
            A real person will call you to understand your situation and explain which options may apply.
            DebtClearPlans is not authorised to provide regulated debt advice and we do not hold client money.
          </p>
        </div>

        <div class="space32"></div>
      </div>
    </div>

    <div class="row justify-content-center">
      <div class="col-lg-10 col-md-12">
        <div class="contact-inner-area" style="padding:28px;background:#fff;border:1px solid rgba(229,231,235,0.9);border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,0.04);">
          <?php if (!empty($callbackAlert)): ?>
          <div style="margin-bottom:16px;padding:12px 14px;border-radius:8px;<?php echo $callbackStatus === 'success' ? 'background:#ecfdf3;border:1px solid #34d399;color:#065f46;' : 'background:#fef2f2;border:1px solid #fca5a5;color:#991b1b;'; ?>">
            <?php echo htmlspecialchars($callbackAlert, ENT_QUOTES, 'UTF-8'); ?>
          </div>
          <?php endif; ?>
          <form action="/includes/callback-form-handler.php" method="post" novalidate>
            <input type="hidden" name="csrf_token" value="<?php echo isset($_SESSION['callback_csrf']) ? htmlspecialchars($_SESSION['callback_csrf'], ENT_QUOTES, 'UTF-8') : ''; ?>">
            <input type="hidden" name="return_url" value="<?php echo htmlspecialchars($_SERVER['REQUEST_URI'], ENT_QUOTES, 'UTF-8'); ?>">

            <style>
              /* Local styling so we don't have to rework theme CSS */
              .dcp-cb-form input[type="text"],
              .dcp-cb-form input[type="tel"],
              .dcp-cb-form input[type="email"],
              .dcp-cb-form select {
                width: 100%;
                padding: 14px 16px;
                border: 1px solid #e5e7eb;
                border-radius: 10px;
                background: #fff;
                font-family: inherit;
                font-size: 16px;
                color: #111827;
                transition: box-shadow .2s ease, border-color .2s ease;
              }
              .dcp-cb-form input:focus,
              .dcp-cb-form select:focus {
                outline: none;
                border-color: #9EDD05;
                box-shadow: 0 0 0 4px rgba(158,221,5,0.18);
              }
              .dcp-cb-form .dcp-field {
                margin-bottom: 16px;
              }
              .dcp-cb-form .dcp-consent {
                display:flex;
                gap:12px;
                align-items:flex-start;
                margin: 0;
                font-size: 14px;
                color:#374151;
                line-height:1.4;
              }
              .dcp-cb-form .dcp-consent input[type="checkbox"]{
                width:18px;
                height:18px;
                margin-top: 2px;
                accent-color: #9EDD05;
              }
              .dcp-cb-form .dcp-submit button{
                width:100%;
              }
            </style>

            <div class="row dcp-cb-form">
              <div class="col-lg-6">
                <div class="dcp-field">
                  <input type="text" name="full_name" placeholder="Your name*" required>
                </div>
              </div>

              <div class="col-lg-6">
                <div class="dcp-field">
                  <input type="tel" name="phone" placeholder="Phone number*" required>
                </div>
              </div>

              <div class="col-lg-6">
                <div class="dcp-field">
                  <input type="email" name="email" placeholder="Email (optional)">
                </div>
              </div>

              <div class="col-lg-6">
                <div class="dcp-field">
                  <select name="debt_range" required>
                    <option value="" selected disabled>Approximate total debt*</option>
                    <option value="under-5000">Under £5,000</option>
                    <option value="5000-10000">£5,000 to £10,000</option>
                    <option value="10000-20000">£10,000 to £20,000</option>
                    <option value="20000-50000">£20,000 to £50,000</option>
                    <option value="50000-plus">£50,000+</option>
                  </select>
                </div>
              </div>

              <div class="col-lg-6">
                <div class="dcp-field">
                  <select name="best_time" required>
                    <option value="" selected disabled>Best time to call*</option>
                    <option value="morning">Morning</option>
                    <option value="afternoon">Afternoon</option>
                    <option value="evening">Evening</option>
                    <option value="anytime">Anytime</option>
                  </select>
                </div>
              </div>

              <div class="col-lg-6">
                <div class="dcp-field">
                  <input
                    type="text"
                    name="honeypot"
                    placeholder="Leave this field blank"
                    autocomplete="off"
                    style="position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;"
                  />
                </div>
              </div>
            </div>

            <div class="space12"></div>

            <div style="margin-bottom:16px;">
              <label class="dcp-consent">
                <input type="checkbox" name="consent" required>
                <span>
                  I understand this is a callback request. DebtClearPlans will use my details to contact me about my enquiry.
                  <span style="color:#6b7280;">(Consent must be selected to submit.)</span>
                </span>
              </label>
            </div>

            <div class="btn-area1 dcp-submit">
              <button type="submit" class="vl-btn1" style="border:none;cursor:pointer;width:100%;">
                Get My Free Callback
              </button>
            </div>

            <div class="space16"></div>

            <p style="font-size:13px;color:#6b7280;margin:0;">
              Checking your options won’t affect your credit score. We’ll never share your details without your permission.
            </p>
          </form>

          <script>
            (function () {
              var params = new URLSearchParams(window.location.search);
              var shouldFocusForm = window.location.hash === '#callback-form-top' || params.has('cb_status');

              if (!shouldFocusForm) {
                return;
              }

              var scrollToForm = function () {
                var formSection = document.getElementById('callback-form-top');

                if (!formSection) {
                  return;
                }

                var header = document.getElementById('vl-header-sticky');
                var headerOffset = header ? header.offsetHeight + 20 : 20;
                var top = formSection.getBoundingClientRect().top + window.pageYOffset - headerOffset;

                window.scrollTo({
                  top: top > 0 ? top : 0,
                  behavior: 'smooth'
                });
              };

              window.addEventListener('load', function () {
                scrollToForm();
                window.setTimeout(scrollToForm, 250);
              });
            }());
          </script>
        </div>
      </div>
    </div>
  </div>
</div>

← Back to Directory Edit File 🔒 Chmod