Subversion Repositories web.active

<?php namespace ProcessWire;

// basic-page.php template file 
// See README.txt for more information

// build our main page-image2wbmp
if($page->pageimage) {
  // an image is present
  //$img = $page->pageimage->size(781, 867);
  $str_image = '<figure><img src="'.$page->pageimage->size(781,867)->url.'" alt="Image RLD Active picture missing"/></figure>';
} else { $str_image = '';} // set the default picture e.g logo

//<a href="#" class="privacywire-show-options">Show Cookie Options</a>
$download_button = '<button class="privacywire-show-options download_bt">
                     '.$page->download_text.'Show Cookie Options</button>';

                     
// header test on the page
//$main_text = ""; //$page->main_text;

// main content of the page
$content = '
      <!-- content_header -->
      <div id="content_header" class="content_header body_text">
        <div class="container">
          <div class="row">
            <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12">
              <div class="content_header_img">'.$str_image.'</div>
            </div>
            <div class="col-xl-8 col-lg-8 col-md-8 col-sm-12 pa-ing">
              <div class="content_header_text">
                <div class="content_header_text_box">
                  <h2>'.strtok($page->headline, " ").'<strong class="black">'.strstr($page->headline," ").'</strong></h2>
                  <p>'.$page->contact_box.'</p>
                </div>
                <div class="text-right">
                  <!-- <a href="#" class="privacywire-show-options">Show Cookie Options</a> -->
                  <!-- <button class="privacywire-show-options btn btn-primary">Show Cookie Options</button> -->
                  <!--'.$download_button.'-->
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- end about -->
      
      <!-- basic_page -->
      <div id="basic_page" class="basic_page">
        <div class="container">
          <div class="row">
            <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12">
             <div class="form-body">
                <div class="form-signin shadow-lg rounded mx-auto py-4 px-5">
                  <!-- <h4 class="font-weight-bolder text-success mb-4">Neem contact op</h4> -->
                  <h4 class="font-weight-bolder float-center mb-4">Neem contact met ons op</h4>
                  <!-- Form -->
                  <form action="/forms/AjaxForm.php" method="post" class="m-auto" id="contactform">
                    <div class="form-group">
                      <input type="text" class="form-control" name="name" placeholder="Naam">
                    </div>
                    <div class="form-group">
                      <input type="email" class="form-control" name="email" placeholder="Email">
                    </div>
                    <div class="form-group">
                      <textarea name="message" class="form-control" rows="4" placeholder="Jouw bericht"></textarea>
                    </div>
                    
                    <input type="checkbox" name="contact_me_by_fax_only" value="1" style="display:none !important" tabindex="-1" autocomplete="off">
                    
                    <!-- <button type="submit" id="submit-btn" class="btn w-100 download_bt"> -->
                    <button type="submit" id="submit-btn" class="btn w-100 download_bt">
                      <div class="spinner-border spinner-border-sm d-none" role="status">
                        <span class="sr-only">Loading...</span>
                      </div>
                      <span id="sendtext">SEND</span>
                    </button>
                    <!-- Token value | recaptcha -->
                    <input name="recaptcha-token" type="hidden">
                  </form>
            
                  <!-- Alert status -->
                  <!-- <div role="alert" aria-live="assertive" aria-atomic="true" class="toast d-none fixed-top m-3" data-delay="8000"> -->
                  <div id="myToast" role="alert" aria-live="assertive" aria-atomic="true" class="toast d-none fixed-top m-3" data-delay="8000">
                    <div class="toast-header">
                      <svg class=" rounded mr-2" width="20" height="20" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img">
                        <rect fill="#C4CBF5" width="100%" height="100%" />
                      </svg>
                      <strong class="mr-auto">'.$g_settings->webadmin.'</strong>
                      <small>Zojuist</small>
                      <button type="button" class="ml-2 mb-1 close" data-dismiss="toast" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                      </button>
                    </div>
                    <div class="toast-body"></div>
                  </div>
                </div>
              </div>
        
              <script>
                $("#myToast").on("show.bs.toast", function() {
                  $(this).removeClass("d-none");
                })

                $("#myToast").on("hidden.bs.toast", function() {
                  $(this).addClass("d-none");
                })        
              </script>
            </div>
            <div class="col-xl-2 col-lg-2 col-md-2 col-sm-12">
            </div>
            <div class="col-xl-3 col-lg-3 col-md-3 col-sm-12 ">
              <p class="text-left">'.$page->body.'</p>
            </div>
            <div class="col-xl-3 col-lg-3 col-md-3 col-sm-12 pa-ing">
              <p class="text-left">'.$page->body2.'</p>
<div class="text-right">
                  <!-- <a href="#" class="privacywire-show-options">Show Cookie Options</a> -->
                  <!-- <button class="privacywire-show-options btn btn-primary">Show Cookie Options</button> -->
                  '.$download_button.'
                </div>            </div>
          </div>
        </div>
      </div>
    </div>
      
           ';