www.mabform.wabuildingservices.com.au Open in urlscan Pro
103.13.84.205  Public Scan

URL: https://www.mabform.wabuildingservices.com.au/
Submission: On July 30 via api from US — Scanned from AU

Form analysis 1 forms found in the DOM

POST submit.php

<form action="submit.php" method="POST" enctype="multipart/form-data">
  <!-- Job Details Section -->
  <div class="mb-4">
    <h2 class="text-center headingjob">JOB DETAILS</h2>
    <hr>
    <div class="row">
      <div class="col-md-6">
        <div class="form-group">
          <label for="measurerName">Measurer's Full Name</label>
          <input type="text" class="form-control" id="measurerName" name="measurerName" required="">
        </div>
      </div>
      <div class="col-md-6">
        <div class="form-group">
          <label for="jobId">Job ID</label>
          <input type="text" class="form-control" id="jobId" name="jobId" value="" required="">
        </div>
      </div>
    </div>
  </div>
  <!-- Property Details Section -->
  <div class="mb-4">
    <h4 class="text-center headingjob">PROPERTY DETAILS</h4>
    <hr>
    <div class="row">
      <div class="col-md-6">
        <div class="form-group">
          <label>Property Type</label>
          <div>
            <div class="form-check ">
              <input class="form-check-input" type="radio" name="propertyType" id="house" value="house">
              <label class="form-check-label" for="house">House</label>
            </div>
            <div class="form-check ">
              <input class="form-check-input" type="radio" name="propertyType" id="apartment" value="apartment">
              <label class="form-check-label" for="apartment">Apartment</label>
            </div>
            <div class="form-check ">
              <input class="form-check-input" type="radio" name="propertyType" id="commercial" value="commercial">
              <label class="form-check-label" for="commercial">Commercial</label>
            </div>
            <div class="form-check ">
              <input class="form-check-input" type="radio" name="propertyType" id="other" value="other">
              <label class="form-check-label" for="other">Other</label>
            </div>
          </div>
        </div>
      </div>
      <div class="col-md-6">
        <div class="form-group">
          <label for="propertyNotes">Property Note</label>
          <textarea class="form-control" id="propertyNotes" name="propertyNotes" rows="6"></textarea>
        </div>
      </div>
    </div>
  </div>
  <!-- Colours Section -->
  <div class="mb-4">
    <h4 class="text-center headingjob">COLOURS</h4>
    <hr>
    <div class="row mb-5">
      <div class="col-md-6 text-uppercase">
        <h5 for="metalColour" class=" text-uppercase">Metal Colour</h5>
        <div class="form-group">
          <label for="FRAME" class=" colours">FRAME</label>
          <select class="form-control" id="FRAME" name="FRAME">
            <option value="">Please Select</option>
            <option value="Black" class="translatable _3mgcgnk2i _uidset">Black</option>
            <option value="White" class="translatable _3ivkgq8i3 _uidset">White</option>
            <option value="Silver" class="translatable _kwv577mz5 _uidset">Silver</option>
            <option value="Cream" class="translatable _dg6132uk2 _uidset">Cream</option>
          </select>
        </div>
      </div>
      <div class="col-md-6">
        <h5 for="metalColour" class=" text-uppercase">Fabric Colour</h5>
        <div class="form-group">
          <label for="fabricColour " class="text-uppercase  colours">BLIND A BRAND</label>
          <select class="form-control" id="blindABrand" name="blindABrand">
            <option value="">Please Select</option>
            <option value="Le Reve B/O" class="translatable _4gellgo10 _uidset">Le Reve B/O </option>
            <option value="Le Reve L/F" class="translatable _frrs3ledd _uidset">Le Reve L/F </option>
            <option value="Vibe" class="translatable _yc8myvfcn _uidset">Vibe</option>
            <option value="Enviro Vision" class="translatable _p5wp8gdkm _uidset">Enviro Vision</option>
          </select>
        </div>
      </div>
      <div class="col-md-6">
        <div class="form-group">
          <label for="blindARail" class="text-uppercase  colours">BLIND A RAIL</label>
          <select class="form-control" id="blindARail" name="blindARail">
            <option value="">Please Select</option>
            <option value="Black">Black</option>
            <option value="White">White</option>
            <option value="Silver">Silver</option>
            <option value="Cream">Cream</option>
          </select>
        </div>
      </div>
      <div class="col-md-6">
        <div class="form-group">
          <label for="blindAColour" class="text-uppercase  colours">BLIND A COLOUR</label>
          <input type="text" class="form-control" id="blindAColour" name="blindAColour">
        </div>
      </div>
      <div class="col-md-6">
        <div class="form-group">
          <label for="blindBRail" class="text-uppercase  colours">BLIND B RAIL</label>
          <select class="form-control" id="blindBRail" name="blindBRail">
            <option value="">Please Select</option>
            <option value="Black">Black</option>
            <option value="White">White</option>
            <option value="Silver">Silver</option>
            <option value="Cream">Cream</option>
          </select>
        </div>
      </div>
      <div class="col-md-6">
        <div class="form-group">
          <label for="blindBBrand" class="text-uppercase  colours">BLIND B BRAND</label>
          <select class="form-control" id="blindBBrand" name="blindBBrand">
            <option value="">Please Select</option>
            <option value="Le Reve B/O">Le Reve B/O </option>
            <option value="Le Reve L/F">Le Reve L/F </option>
            <option value="Vibe">Vibe</option>
            <option value="Enviro Vision">Enviro Vision</option>
          </select>
        </div>
      </div>
      <div class="col-md-6">
      </div>
      <div class="col-md-6">
        <div class="form-group">
          <label for="blindBColour" class="text-uppercase  colours">BLIND B COLOUR</label>
          <input type="text" class="form-control" id="blindBColour" name="blindBColour">
        </div>
      </div>
    </div>
    <h5 for="metalColour" class="text-center text-uppercase"><strong>MANUFACTURING MEASUREMENTS</strong>
    </h5>
    <hr>
    <div id="collapseContainer">
      <div class="windows mt-5" id="windowTemplate">
        <div class="form-group text-uppercase">
          <div class="card w1">
            <div class="row ">
              <div class="col-md-12 m-2">
                <div data-toggle="collapse" data-target="#collapse1" aria-expanded="true" aria-controls="collapseExample" class="collapsed">
                  <span class="m-2">
                    <b>Window1</b>
                  </span>
                  <button class="btn btn-danger  mr-4  rounded-circle removeCollapse float-right window1" type="button" style="display: none;"><i class="fa-solid fa-trash w1d"></i></button>
                  <button class="float-right mr-4 rounded-circle window1" border="0" type="button">
                    <i class="fa-solid fa-caret-down w1d"></i>
                  </button>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class=" collapse show" id="collapse1">
          <div>
            <div class=" center-block">
              <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
                <div class="panel panel-default">
                  <div class="panel-heading active" role="tab" id="headingOne">
                    <h4 class="panel-title">
                      <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne1" aria-expanded="true" aria-controls="collapseOne1" class="card text-center collapseOne1 ">
                                                                    PRODUCT CODE DETAILS
                                                                <i class="float-right fa fa-chevron-up pull-right"></i>
                                                            </a>
                    </h4>
                  </div>
                  <div id="collapseOne1" class="panel-collapse collapse in collapseOne1 collapseProduct" role="tabpanel" aria-labelledby="headingOne">
                    <div class="panel-body w-100">
                      <div class="row">
                        <div class="col-md-6 form-group">
                          <label for="product-code" class="form-label">PRODUCT CODE</label>
                          <input type="text" id="product-code" name="product-code[1]" class="form-control product-code" value="" readonly="">
                        </div>
                        <div class="col-md-6 form-group">
                          <label for="type-code " class="form-label">*TYPE CODE</label>
                          <input type="text" id="type-code" name="type-code[1]" class="form-control type-code" readonly="">
                        </div>
                        <div class="col-md-6 form-group">
                          <label for="product-width-code" class="form-label">PRODUCT WIDTH CODE</label>
                          <input type="text" id="product-width-code" name="product-width-code[1]" class="form-control product-width-code" readonly="">
                        </div>
                        <div class="col-md-6 form-group">
                          <label for="product-height-code" class="form-label">PRODUCT HEIGHT CODE</label>
                          <input type="text" id="product-height-code" name="product-height-code[1]" class="form-control product-height-code" readonly="">
                        </div>
                        <div class="col-md-6 form-group">
                          <label for="making-width" class="form-label">MAKING WIDTH</label>
                          <input type="text" id="making-width" class="form-control making-width" name="making-width[1]" value="" readonly="">
                        </div>
                        <div class="col-md-6 form-group">
                          <label for="making-height" class="form-label">MAKING HEIGHT</label>
                          <input type="text" id="making-height" class="form-control making-height" name="making-height[1]" value="" readonly="">
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <hr>
            <div class="row">
              <div class="col-md-6">
                <label for="blindType">Operation Type</label>
                <div class="form-check">
                  <input class="form-check-input" type="radio" name="opration_type[1]" id="motorised" value="motorised">
                  <label class="form-check-label" for="motorised">Motorised</label>
                </div>
                <div class="form-check">
                  <input class="form-check-input" type="radio" name="opration_type[1]" id="chain" value="chain">
                  <label class="form-check-label" for="chain">Chain</label>
                </div>
              </div>
              <div class="col-md-6">
                <label for="blindType">Roll Direction</label>
                <div class="form-check">
                  <input class="form-check-input" type="radio" name="roll_direction[1]" id="forward" value="forward">
                  <label class="form-check-label" for="forward">Forward</label>
                </div>
                <div class="form-check">
                  <input class="form-check-input" type="radio" name="roll_direction[1]" id="back" value="back">
                  <label class="form-check-label" for="back">Back</label>
                </div>
              </div>
            </div>
            <hr>
            <div class="row">
              <div class="col-md-12">
                <label for="blindType">BLIND TYPE</label>
              </div>
            </div>
            <div class="row ">
              <div class="col-md-6">
                <div class="form-check">
                  <input class="form-check-input" type="radio" name="blindType[1]" id="singleBlackout" value="1" onclick="toggleColourSection(this);">
                  <label class="form-check-label" for="singleBlackout">Single Blackout</label>
                </div>
                <div class="form-check">
                  <input class="form-check-input" type="radio" name="blindType[1]" id="singleWithoutPelmet" value="3" onclick="toggleColourSection(this);">
                  <label class="form-check-label" for="singleWithoutPelmet">Single without Pelmet</label>
                </div>
              </div>
              <div class="col-md-6">
                <div class="form-check">
                  <input class="form-check-input" type="radio" name="blindType[1]" id="doubleBlackout" value="2" onclick="toggleColourSection(this);">
                  <label class="form-check-label" for="doubleBlackout">Double Blackout</label>
                </div>
                <div class="form-check">
                  <input class="form-check-input" type="radio" name="blindType[1]" id="singleWithPelmetOnly" value="4" onclick="toggleColourSection(this);">
                  <label class="form-check-label" for="singleWithPelmetOnly">Single with Pelmet Only</label>
                </div>
              </div>
            </div>
            <hr>
            <div class="row ">
              <div class="col-md-12">
                <div class="form-group form-inline">
                  <span class="float-left">DO YOU WANT TO ADD MORE COLOUR ? <input type="checkbox" name="addColour[1]" id="addColour" onclick="addColourSection(this);">
                  </span>
                </div>
              </div>
            </div>
            <div class="colourB" style="display:none;">
              <div class="m-5">
                <h5 for="metalColour" class="text-center text-uppercase">
                  <strong>COlOURS</strong>
                </h5>
              </div>
              <div class="row">
                <div class="col-md-6 text-uppercase">
                  <h5 for="metalColour" class=" text-uppercase">Metal Colour</h5>
                  <div class="form-group">
                    <label for="FRAME" class=" colours">FRAME</label>
                    <select class="form-control" id="FRAME" name="W_FRAME[1]">
                      <option value="">Please Select</option>
                      <option value="Black" class="translatable _3mgcgnk2i _uidset">Black</option>
                      <option value="White" class="translatable _3ivkgq8i3 _uidset">White</option>
                      <option value="Silver" class="translatable _kwv577mz5 _uidset">Silver</option>
                      <option value="Cream" class="translatable _dg6132uk2 _uidset">Cream</option>
                    </select>
                  </div>
                </div>
                <div class="col-md-6">
                  <h5 for="metalColour" class=" text-uppercase">Fabric Colour</h5>
                  <div class="form-group">
                    <label for="fabricColour " class="text-uppercase  colours">BLIND A BRAND</label>
                    <select class="form-control" id="blindABrand" name="W_blindABrand[1]">
                      <option value="">Please Select</option>
                      <option value="Le Reve B/O" class="translatable _4gellgo10 _uidset">Le Reve B/O </option>
                      <option value="Le Reve L/F" class="translatable _frrs3ledd _uidset">Le Reve L/F </option>
                      <option value="Vibe" class="translatable _yc8myvfcn _uidset">Vibe</option>
                      <option value="Enviro Vision" class="translatable _p5wp8gdkm _uidset">Enviro Vision</option>
                    </select>
                  </div>
                </div>
                <div class="col-md-6">
                  <div class="form-group">
                    <label for="blindARail" class="text-uppercase  colours">BLIND A RAIL</label>
                    <select class="form-control" id="blindARail" name="W_blindARail[1]">
                      <option value="">Please Select</option>
                      <option value="Black">Black</option>
                      <option value="White">White</option>
                      <option value="Silver">Silver</option>
                      <option value="Cream">Cream</option>
                    </select>
                  </div>
                </div>
                <div class="col-md-6">
                  <div class="form-group">
                    <label for="blindAColour" class="text-uppercase  colours">BLIND A COLOUR</label>
                    <input type="text" class="form-control" id="blindAColour" name="W_blindAColour[1]">
                  </div>
                </div>
                <div class="col-md-6">
                  <div class="form-group">
                    <label for="blindBRail" class="text-uppercase  colours">BLIND B RAIL</label>
                    <select class="form-control" id="blindBRail" name="W_blindBRail[1]">
                      <option value="">Please Select</option>
                      <option value="Black">Black</option>
                      <option value="White">White</option>
                      <option value="Silver">Silver</option>
                      <option value="Cream">Cream</option>
                    </select>
                  </div>
                </div>
                <div class="col-md-6">
                  <div class="form-group">
                    <label for="blindBBrand" class="text-uppercase  colours">BLIND B BRAND</label>
                    <select class="form-control" id="blindBBrand" name="W_blindBBrand[1]">
                      <option value="">Please Select</option>
                      <option value="Le Reve B/O">Le Reve B/O </option>
                      <option value="Le Reve L/F">Le Reve L/F </option>
                      <option value="Vibe">Vibe</option>
                      <option value="Enviro Vision">Enviro Vision</option>
                    </select>
                  </div>
                </div>
                <div class="col-md-6">
                </div>
                <div class="col-md-6">
                  <div class="form-group">
                    <label for="blindBColour" class="text-uppercase  colours">BLIND B COLOUR</label>
                    <input type="text" class="form-control" id="blindBColour" name="W_blindBColour[1]">
                  </div>
                </div>
              </div>
            </div>
            <hr>
            <div class="row mt-5">
              <div class="col-md-6">
                <div class="form-group">
                  <label for="roomName">ROOM NAME AND IDENTIFIER</label>
                  <input type="text" class="form-control" id="roomName" name="roomName[1]">
                </div>
              </div>
              <div class="col-md-6">
                <div class="form-group">
                  <label for="windowType">WINDOW TYPE</label>
                  <select class="form-control" id="windowType" name="windowType[1]">
                    <option value="doubleHung">Double Hung</option>
                    <option value="sliding" selected="">Sliding</option>
                    <option value="bayWindow">Bay Window</option>
                  </select>
                </div>
              </div>
              <div class="col-md-6 w_1">
                <div class="form-group">
                  <label for="widthTop">WIDTH TOP</label>
                  <input min="0" max="3000" type="number" class="form-control widthTop numberInput" id="widthTop" name="widthTop[1]" onkeyup="HWRange(this, 'widthTop')">
                </div>
              </div>
              <div class="col-md-6 h_1">
                <div class="form-group">
                  <label for="heightLeft">HEIGHT LEFT</label>
                  <input min="0" max="3000" type="number" class="form-control heightLeft numberInput" id="heightLeft" name="heightLeft[1]" onkeyup="HWRange(this, 'heightLeft')">
                </div>
              </div>
              <div class="col-md-6 w_2">
                <div class="form-group">
                  <label for="widthCentre">WIDTH CENTRE</label>
                  <input min="0" max="3000" type="number" class="form-control widthCentre numberInput" id="widthCentre" name="widthCentre[1]" onkeyup="HWRange(this, 'widthCentre')">
                </div>
              </div>
              <div class="col-md-6 h_2">
                <div class="form-group">
                  <label for="heightCentre">HEIGHT CENTRE</label>
                  <input min="0" max="3000" type="number" class="form-control heightCentre numberInput" id="heightCentre" name="heightCentre[1]" onkeyup="HWRange(this, 'heightCentre')">
                </div>
              </div>
              <div class="col-md-6 w_3">
                <div class="form-group">
                  <label for="widthBottom">WIDTH BOTTOM</label>
                  <input min="0" max="3000" type="number" class="form-control widthBottom numberInput" id="widthBottom" name="widthBottom[1]" onkeyup="HWRange(this, 'widthBottom')">
                </div>
              </div>
              <div class="col-md-6 h_3">
                <div class="form-group">
                  <label for="heightRight">HEIGHT RIGHT</label>
                  <input min="0" max="3000" type="number" class="form-control heightRight numberInput" id="heightRight" name="heightRight[1]" onkeyup="HWRange(this, 'heightRight')">
                </div>
              </div>
            </div>
            <hr>
            <h5 for="metalColour" class="text-left text-uppercase mt-3"><strong>REVEAL DEPTH AND OBSTACLES</strong></h5>
            <span>The exact depth of the Reveal is required, at the smallest instance. All measurements are taken face wall to depth of window frame.</span>
            <hr>
            <div class="row mt-5">
              <div class="table-responsive">
                <table class="table table-bordered custom-table">
                  <thead>
                    <tr>
                      <th style="background-color: #ababac !important;border:none;"> &nbsp;</th>
                      <th>REVEAL</th>
                      <th>MULLION</th>
                      <th>HANDLE</th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr>
                      <th>DEPTH</th>
                      <td style="padding:0px;"><input type="text" placeholder="Reveal" style="border:0px;" class="reveal" name="reveal[1]"></td>
                      <td style="padding:0px;"><input type="text" placeholder="Mullion" class="mullion" name="mullion[1]"></td>
                      <td style="padding:0px;"><input type="text" placeholder="Handle" class="handle" name="handle[1]"></td>
                    </tr>
                  </tbody>
                </table>
              </div>
            </div>
            <div class="row mt-2 mb-2">
              <div class="col-md-6">
                <h6 for="metalColour" class="text-left text-uppercase mt-3"><strong>FIT TYPE AND MOUNTING MATERIAL</strong></h6>
                <div class="col-md-8">
                  <input class="form-check-input" type="checkbox" value="face_fit" id="face_fit" name="fitType[1][]">
                  <label class="form-check-label" for="face_fit"> Face Fit </label>
                </div>
                <div class="col-md-8">
                  <input class="form-check-input" type="checkbox" value="into_tile" id="into_tile" name="fitType[1][]">
                  <label class="form-check-label" for="into_tile"> Into Tile </label>
                </div>
              </div>
              <div class="col-md-6">
                <h6 for="metalColour" class="text-left text-uppercase mt-3">
                  <strong>Extra Fitting Sections ?</strong>
                </h6>
                <div class="col-md-8">
                  <input class="form-check-input" type="checkbox" value="channel_extenders" id="channel_extenders" name="extraFitting[1][]">
                  <label class="form-check-label" for="channel_extenders"> Channel Extenders </label>
                </div>
                <div class="col-md-8">
                  <input class="form-check-input" type="checkbox" value="pose_left" id="pose_left" name="extraFitting[1][]">
                  <label class="form-check-label" for="pose_left"> Pose Left </label>
                </div>
                <div class="col-md-8">
                  <input class="form-check-input" type="checkbox" value="pose_right" id="pose_right" name="extraFitting[1][]">
                  <label class="form-check-label" for="pose_right"> Pose Right </label>
                </div>
                <div class="col-md-8">
                  <input class="form-check-input" type="checkbox" value="bottom_rail_rest" id="bottom_rail_rest" name="extraFitting[1][]">
                  <label class="form-check-label" for="bottom_rail_rest"> Bottom Rail Rest </label>
                </div>
              </div>
            </div>
            <div class="row mt-2 mb-2">
              <div class="col-md-6">
                <h6 for="metalColour" class="text-left text-uppercase mt-3"><strong>ALL OTHER IMPORTANT POINTS</strong></h6>
                <div class="col-md-8">
                  <input class="form-check-input" type="checkbox" value="skirtingtoBeTrimmed" id="skirtingtoBeTrimmed" name="sillLocation[1][]">
                  <label class="form-check-label" for="skirtingtoBeTrimmed"> Skirting to be trimmed </label>
                </div>
                <div class="col-md-8">
                  <input class="form-check-input" type="checkbox" value="mullionToBeModified" id="mullionToBeModified" name="sillLocation[1][]">
                  <label class="form-check-label" for="mullionToBeModified"> Mullion to be modified </label>
                </div>
              </div>
            </div>
            <div class="row photoSection">
              <div class="col-md-6">
                <button type="button" class="start1 btn btn-primary start-stop-btn" data-video="video1-1" onclick="startStopBtn(this)">Photo</button>
                <div class="video-container1 d-none" data-id="video1-1">
                  <div id="content" data-content="video1-1" class="d-flex justify-content-center bg-dark content1">
                    <div class="status-text"><span class="badge badge-light d-flex justify-content-center" style="color:red">LIVE</span></div>
                    <video id="video1-1" class="video1" width="200px" height="100%" autoplay="" playsinline=""></video>
                    <div class="flip-icon d-flex justify-content-center" style="color:white" onclick="$(this).closest('.windows').find('.fbtn1').trigger('click');">
                      <i class="fa-solid fa-camera-rotate"></i>
                    </div>
                  </div>
                  <img id="img1-1" class="img1" style="display: none; width:200px; height:150px;">
                  <button type="button" class="btn btn-primary capture-btn cap1" data-video="video1-1" data-btn="video1-1" onclick="captureImg(this)">Capture</button>
                  <button type="button" class="btn btn-primary retake-btn rtb1" data-video="video1-1" data-rt="video1-1" onclick="retakeBtn(this)">Retake Photo</button>
                  <button type="button" class="d-none btn btn-primary flip-btn fbtn1" data-video="video1-1" data-flip="video1-1" onclick="flipBtn(this)">Flip Camera</button>
                  <input type="hidden" name="image1[1]" id="imageData1-1" class="imageData1-1 imgdata1">
                </div>
              </div>
              <div class="col-md-6">
                <button type="button" class="start2 btn btn-primary start-stop-btn" data-video="video2-1" onclick="startStopBtn(this)">Photo</button>
                <div class="video-container2 d-none" data-id="video2-1">
                  <div id="content" data-content="video2-1" class="d-flex justify-content-center bg-dark content2">
                    <div class="status-text">
                      <span class="badge badge-light d-flex justify-content-center" style="color:red">LIVE</span>
                    </div>
                    <video id="video2-1" class="video2" width="200px" height="100%" autoplay="" playsinline=""></video>
                    <div class="flip-icon d-flex justify-content-center" style="color:white" onclick="$(this).closest('.windows').find('.fbtn2').trigger('click');">
                      <i class="fa-solid fa-camera-rotate"></i>
                    </div>
                  </div>
                  <img id="img2-1" class="img2" name="img" style="display: none; width:200px; height:150px;">
                  <button type="button" class="btn btn-primary capture-btn cap2" data-video="video2-1" data-btn="video2-1" onclick="captureImg(this)">Capture</button>
                  <button type="button" class="btn btn-primary retake-btn rtb2" data-video="video2-1" data-rt="video2-1" onclick="retakeBtn(this)">Retake Photo</button>
                  <button type="button" class="d-none btn btn-primary flip-btn fbtn2" data-video="video2-1" data-flip="video2-1" onclick="flipBtn(this)">Flip Camera</button>
                  <input type="hidden" name="image2[1]" id="imageData2-1" class="imageData2-1 imgdata2">
                </div>
              </div>
            </div>
            <hr>
          </div>
        </div>
      </div>
    </div>
    <div class="row mt-2">
      <div class="col-md-12">
        <div class="form-group form-inline">
          <span class="float-left">DO YOU WANT TO ADD MORE WINDOW ? <button type="button" id="cloneButton" class="btn btn-success ml-2 addWindow pt-0 pb-0 pr-2 pl-2 "> <i class="fa-solid fa-plus"></i></button>
          </span>
        </div>
      </div>
    </div>
  </div>
  <!-- Submit Button -->
  <div class="row mt-2">
    <div class="col-md-6">
      <div class="form-group form-inline">
        <span class="float-left" for="measure_required">Is check measure required? <input type="checkbox" name="measure_required" id="measure_required" value="yes">
        </span>
      </div>
    </div>
    <div class="col-md-6">
      <div class="form-group form-inline">
        <span class="float-left" for="serviceM8">Do not populate ServiceM8 products, generate Check Measure PDF only? <input type="checkbox" name="serviceM8" id="serviceM8" value="yes">
        </span>
      </div>
    </div>
  </div>
  <div class="text-center">
    <canvas id="canvas" style="display: none;"></canvas>
    <button type="submit" class="btn btn-success ">Submit</button>
  </div>
</form>

Text Content

MAB SITE MEASUREMENT FORM

Measurements must be exact! Use a calibrated Laser Measure and Precision Level
and answer all questions.

--------------------------------------------------------------------------------


JOB DETAILS

--------------------------------------------------------------------------------

Measurer's Full Name
Job ID

PROPERTY DETAILS

--------------------------------------------------------------------------------

Property Type
House
Apartment
Commercial
Other
Property Note

COLOURS

--------------------------------------------------------------------------------

METAL COLOUR

FRAME Please Select Black White Silver Cream

FABRIC COLOUR

BLIND A BRAND Please Select Le Reve B/O Le Reve L/F Vibe Enviro Vision
BLIND A RAIL Please Select Black White Silver Cream
BLIND A COLOUR
BLIND B RAIL Please Select Black White Silver Cream
BLIND B BRAND Please Select Le Reve B/O Le Reve L/F Vibe Enviro Vision

BLIND B COLOUR

MANUFACTURING MEASUREMENTS

--------------------------------------------------------------------------------

Window1

PRODUCT CODE DETAILS

PRODUCT CODE
*TYPE CODE
PRODUCT WIDTH CODE
PRODUCT HEIGHT CODE
MAKING WIDTH
MAKING HEIGHT

--------------------------------------------------------------------------------

Operation Type
Motorised
Chain
Roll Direction
Forward
Back

--------------------------------------------------------------------------------

BLIND TYPE
Single Blackout
Single without Pelmet
Double Blackout
Single with Pelmet Only

--------------------------------------------------------------------------------

DO YOU WANT TO ADD MORE COLOUR ?

COLOURS

METAL COLOUR

FRAME Please Select Black White Silver Cream

FABRIC COLOUR

BLIND A BRAND Please Select Le Reve B/O Le Reve L/F Vibe Enviro Vision
BLIND A RAIL Please Select Black White Silver Cream
BLIND A COLOUR
BLIND B RAIL Please Select Black White Silver Cream
BLIND B BRAND Please Select Le Reve B/O Le Reve L/F Vibe Enviro Vision

BLIND B COLOUR

--------------------------------------------------------------------------------

ROOM NAME AND IDENTIFIER
WINDOW TYPE Double Hung Sliding Bay Window
WIDTH TOP
HEIGHT LEFT
WIDTH CENTRE
HEIGHT CENTRE
WIDTH BOTTOM
HEIGHT RIGHT

--------------------------------------------------------------------------------

REVEAL DEPTH AND OBSTACLES

The exact depth of the Reveal is required, at the smallest instance. All
measurements are taken face wall to depth of window frame.

--------------------------------------------------------------------------------

  REVEAL MULLION HANDLE DEPTH

FIT TYPE AND MOUNTING MATERIAL

Face Fit
Into Tile

EXTRA FITTING SECTIONS ?

Channel Extenders
Pose Left
Pose Right
Bottom Rail Rest

ALL OTHER IMPORTANT POINTS

Skirting to be trimmed
Mullion to be modified
Photo
LIVE

Capture Retake Photo Flip Camera
Photo
LIVE

Capture Retake Photo Flip Camera

--------------------------------------------------------------------------------

DO YOU WANT TO ADD MORE WINDOW ?
Is check measure required?
Do not populate ServiceM8 products, generate Check Measure PDF only?
Submit