app/Resources/views/Areas/commercialcontactform/view.html.php line 138

Open in your IDE?
  1. <section id="<?= $id ?>" class="<?= $class ?>">
  3.     <style><?= file_get_contents( __DIR__.'/style.css' ) ?></style>
  5.     <style>
  6.         @media screen and (min-width: 0px) {
  7.             <?php if( $ContactObject->getMainBgColor() ) : ?>
  8.                 section.theme-area.commercialcontactform#<?= $id ?> {
  9.                     background-color: <?= $ContactObject->getMainBgColor() ?>;
  10.                 }
  11.             <?php endif; ?>
  12.             <?php if( $ContactObject->getMainBgBranding() && $ContactObject->getMainBgBranding() != 'disabled' ) : ?>
  13.                 section.theme-area.commercialcontactform#<?= $id ?> {
  14.                     background-image: url('<?= $ContactObject->getMainBgBranding() ?>');
  15.                 }
  16.             <?php endif; ?>
  17.             <?php if( $ContactObject->getMainHeroImage() ) : ?>
  18.                 section.theme-area.commercialcontactform#<?= $id ?> .background-image-wrapper {
  19.                     background-image: url('<?= $ContactObject->getMainHeroImage()->getFullPath() ?>');
  20.                 }
  21.             <?php endif; ?>
  22.             <?php if( $ContactObject->getMainHeroImageAlign() ) : ?>
  23.                 section.theme-area.commercialcontactform#<?= $id ?> .background-image-wrapper {
  24.                     background-position: top <?= $ContactObject->getMainHeroImageAlign() ?>;
  25.                 }
  26.             <?php endif; ?>
  27.             <?php if( $ContactObject->getSidebarDashColor() ) : ?>
  28.                 section.theme-area.commercialcontactform#<?= $id ?> .info-content::before {
  29.                     background-color: <?= $ContactObject->getSidebarDashColor() ?>;
  30.                 }
  31.             <?php endif; ?>
  32.             <?php if( $ContactObject->getMainHeroHeadingColor() ) : ?>
  33.                 section.theme-area.commercialcontactform#<?= $id ?> h1.heading {
  34.                     color: <?= $ContactObject->getMainHeroHeadingColor() ?>;
  35.                 }
  36.             <?php endif; ?>
  37.             <?php if( $ContactObject->getSidebarHeadingColor() ) : ?>
  38.                 section.theme-area.commercialcontactform#<?= $id ?> h2.info-heading {
  39.                     color: <?= $ContactObject->getSidebarHeadingColor() ?>;
  40.                 }
  41.             <?php endif; ?>
  42.             <?php if( $ContactObject->getSidebarBgColor() ) : ?>
  43.                 section.theme-area.commercialcontactform#<?= $id ?> .contact-information {
  44.                     background-color: <?= $ContactObject->getSidebarBgColor() ?>;
  45.                 }
  46.             <?php endif; ?>
  47.             <?php if( $ContactObject->getSidebarTextColor() ) : ?>
  48.                 section.theme-area.commercialcontactform#<?= $id ?> .contact-information {
  49.                     color: <?= $ContactObject->getSidebarTextColor() ?>;
  50.                 }
  51.             <?php endif; ?>
  52.         }
  53.     </style>
  55.     <div class="background-image-wrapper">
  56.         <div class="interior">
  58.             <?php /* HEADING */ ?>
  59.             <?php if( $ContactObject->getMainHeroHeadingText() ) : ?>
  60.                 <h1 class="heading"><?= $ContactObject->getMainHeroHeadingText() ?></h1>
  61.             <?php endif; ?>
  63.             <div class="grid-x contact-form-container">
  65.                 <?php /* SIDEBAR */ ?>
  66.                 <div class="medium-4 cell contact-information">
  68.                     <?php foreach( $ContactObject->getSidebarInfo() as $SidebarInfo ) : ?>
  69.                         <div class="info-wrapper">
  71.                             <?php if( !empty( $SidebarInfo[ 'Heading' ]->getData() ) ) : ?>
  72.                                 <h2 class="info-heading"><?= $SidebarInfo[ 'Heading' ]->getData() ?></h2>
  73.                             <?php endif; ?>
  75.                             <?php if( !empty( $SidebarInfo[ 'Content' ]->getData() ) ) : ?>
  76.                                 <div class="info-content"><?= $SidebarInfo[ 'Content' ]->getData() ?></div>
  77.                             <?php endif; ?>
  79.                         </div>
  80.                     <?php endforeach; ?>
  82.                 </div>
  84.                 <?php /* CONTACT FORM */ ?>
  85.                 <div class="medium-8 cell contact-form">
  87.                     <?php /* FEEDBACK MESSAGING */ ?>
  88.                     <?php if( $RequestResponse ) : ?>
  89.                         <div class="callout <?= substr( $RequestResponse, 0, 7 ) == 'Success' ? 'success' : 'alert' ?>"><?= $RequestResponse ?></div>
  90.                     <?php endif; ?>
  92.                     <form method="POST">
  94.                         <input type="hidden" name="component_id" value="<?= $id ?>" />
  95.                         <input type="hidden" name="object_id" value="<?= $ContactObject->getId() ?>" />
  97.                         <fieldset class="form-columns-2">
  98.                             <div class="hs_firstname hs-firstname hs-fieldtype-text field hs-form-field">
  99.                                 <div class="input">
  100.                                     <input type="text" id="fName" name="fName" placeholder="First Name" required />
  101.                                 </div>
  102.                             </div>
  103.                             <div class="hs_lastname hs-lastname hs-fieldtype-text field hs-form-field">
  104.                                 <div class="input">
  105.                                     <input type="text" id="lName" name="lName" placeholder="Last Name" required />
  106.                                 </div>
  107.                             </div>
  108.                         </fieldset>
  110.                         <fieldset class="form-columns-2">
  111.                             <div class="email">
  112.                                 <div class="input">
  113.                                     <input type="email" id="email" name="email" placeholder="Primary Email Address" required />
  114.                                 </div>
  115.                             </div>
  116.                             <div class="phone">
  117.                                 <div class="input">
  118.                                     <input type="tel" id="phone" name="phone" placeholder="XXX-XXX-XXXX" pattern="[0-9]{3}-[0-9]{3}-[0-9]{4}" />
  119.                                 </div>
  120.                             </div>
  121.                         </fieldset>
  123.                         <fieldset class="form-columns-1">
  124.                             <div class="hs_message hs-message hs-fieldtype-textarea field hs-form-field">
  125.                                 <div class="input">
  126.                                     <textarea name="message" id="message" cols="5" rows="10" placeholder="What can we assist you with?"></textarea>
  127.                                     <div class="hp-wrap"><textarea name="additional" id="additional" cols="5" rows="10" placeholder="Any additional requests?" tabindex="-1"></textarea></div>
  128.                                 </div>
  129.                             </div>
  130.                         </fieldset>
  132.                         <fieldset class="form-columns-1">
  133.                             <div class="hs_desired_county hs-desired_county hs-fieldtype-select field hs-form-field">
  134.                                 <legend class="hs-field-desc" style="display:block;">Which location are you intersted in?</legend>
  135.                                 <div class="input">
  136.                                     <select class="hs-input" name="location" id="location" placeholder="Please choose you location" required>
  137.                                         <option value="" disabled selected>Select location...</option>
  138.                                         <?php foreach( $select_options as $select_option ) : ?>
  139.                                             <option value="<?= $select_option ?>"><?= $select_option ?></option>
  140.                                         <?php endforeach; ?>
  141.                                     </select>
  142.                                 </div>
  143.                             </div>
  144.                         </fieldset>
  146.                         <div class="input">
  147.                             <div class="g-recaptcha" data-sitekey="6LfTvr0UAAAAAMxrQ8hvTvljTHHpicRPgETlx6v0"></div>
  148.                         </div>
  150.                         <div class="hs_submit">
  151.                             <div class="class=">
  152.                                 <input type="submit" value="Get In Touch" class="hs-button">
  153.                             </div>
  154.                         </div>
  156.                     </form>
  158.                 </div>
  160.             </div>
  162.         </div>
  163.     </div>
  165.     <script src="https://www.google.com/recaptcha/api.js" async defer></script>
  167. </section>