module.staffchecklist.section.html

<section class="appSection ft-Wrapper visitorEditPriv staffChecklist" id="staffChecklistSection"> <!--YOU NEED TO PUT A FUNCTION TO HIDE "userinformation" SECTION WHEN ITS NOT RUN-->
  <div class="grid-row composer">
    <div class="columns-row">
      <header id="page-header-bottom" class="page-header-bottom">
	    <div class="grid-row">
          <h2>Staff/Volunteer Checklist</h2>
        </div>
      </header>
      <div class="columns-col columns-col-9 wow fadeInLeft staffChecklistContent">
        <div class="inputitem"><input class="formelem inputfield button-full-width" data-required="true" data-place="1" data-colname="phone_number" type="text" name="phone_number" id="staff_checklist_phone_number" size="30" placeholder="Phone Number"/></div>
        <div class="inputitem"><input class="formelem inputfield button-full-width" data-required="true" data-place="1" data-colname="year_and_major" type="text" name="year_and_major" id="staff_checklist_year_and_major" size="30" placeholder="Year of Grad, Major"/></div>
        <div class="inputitem bottompadding"><input class="formelem inputfield button-full-width" data-required="true" data-place="1" data-colname="mh_sentence" type="text" name="mh_sentence" id="staff_checklist_mh_sentence" size="30" placeholder="What you love about the Maker Hub"/></div>
        <label class="staffchecklist_checklabel container"><input type="checkbox" class="staffchecklist_checkbox" id="12345" data-colname="Available Hours" value="Yes"><span class="checkmark"></span>Available Hours Filled Out</label>
        <label class="staffchecklist_checklabel container"><input type="checkbox" class="staffchecklist_checkbox" data-colname="Staff Orientation" value="Yes"><span class="checkmark"></span>Staff Orientation</label>
        <label class="staffchecklist_checklabel container"><input type="checkbox" class="staffchecklist_checkbox" data-colname="Sent Welcome Email" value="Yes"><span class="checkmark"></span>Sent Welcome Email</label>
        <label class="staffchecklist_checklabel container"><input type="checkbox" class="staffchecklist_checkbox" data-colname="Headshot" value="Yes"><span class="checkmark"></span>Took Headshot</label>
        <label class="staffchecklist_checklabel container"><input type="checkbox" class="staffchecklist_checkbox" data-colname="On Facebook Group" value="Yes"><span class="checkmark"></span>On Facebook Group</label>
        <label class="staffchecklist_checklabel container"><input type="checkbox" class="staffchecklist_checkbox" data-colname="Quote on Website" value="Yes"><span class="checkmark"></span>Quote on Website</label>
        <label class="staffchecklist_checklabel container"><input type="checkbox" class="staffchecklist_checkbox" data-colname="shift on google calendar" value="Yes"><span class="checkmark"></span>Shift on Google Calendar</label>
        <label class="staffchecklist_checklabel container"><input type="checkbox" class="staffchecklist_checkbox" data-colname="On Share Drive" value="Yes"><span class="checkmark"></span>On Share Drive</label>
        <label class="staffchecklist_checklabel container"><input type="checkbox" class="staffchecklist_checkbox" data-colname="On Mailing List" value="Yes"><span class="checkmark"></span>On Mailing List</label>
        <label class="staffchecklist_checklabel container"><input type="checkbox" class="staffchecklist_checkbox" data-colname="In Google Group" value="Yes"><span class="checkmark"></span>In Google Group</label>
        <label class="staffchecklist_checklabel container"><input type="checkbox" class="staffchecklist_checkbox" data-colname="Signed Agreement" value="Yes"><span class="checkmark"></span>Signed Agreement</label>
        <label class="staffchecklist_checklabel container"><input type="checkbox" class="staffchecklist_checkbox" data-colname="Assigned Keycode" value="Yes"><span class="checkmark"></span>Assigned Keycode</label>
        <label class="staffchecklist_checklabel container"><input type="checkbox" class="staffchecklist_checkbox" data-colname="Added to Trello" value="Yes"><span class="checkmark"></span>Added to Trello</label>
        <div class="inputitem bottompadding"><input class="formelem inputfield button-full-width" data-required="true" data-place="1" data-colname="trelloid" type="text" name="trelloid" id="staff_checklist_trelloid" placeholder="Trello ID"/></div>
        
        <label class="staffchecklist_checklabel container"><input type="checkbox" class="staffchecklist_checkbox" data-colname="Sent link re Minors" value="Yes"><span class="checkmark"></span>Sent link re POM</label>
        <label class="staffchecklist_checklabel container"><input type="checkbox" class="staffchecklist_checkbox" data-colname="Completed Minors form" value="Yes"><span class="checkmark"></span>Completed POM form</label>
        <label class="staffchecklist_checklabel container"><input type="checkbox" class="staffchecklist_checkbox" data-colname="Laser Cutter Safety Orientation" value="Yes"><span class="checkmark"></span>Laser Cutter Safety Orientation</label>
        <label class="staffchecklist_checklabel container"><input type="checkbox" class="staffchecklist_checkbox" data-colname="" value="Yes"></label>
        
        <div class="inputitem">Headshot:<input type="file" id="checklist_headshot"></div>

        <div class="inputitem submitStaffChecklist ">
          <button id="staffChecklistSubmit" class="button-full-width submitbutton button-with-right-icon">Submit <i class="fa fa-paper-plane"></i></button>
        </div>
        <div class="staffChecklistError"></div>
        <div class="staffChecklistMessage"></div>
      </div>
    </div>

  </div>
</section>