module.equipmentreservation.section.html

<link href="https://cdn.rawgit.com/xdan/datetimepicker/11a13e94/build/jquery.datetimepicker.min.css" rel="stylesheet">
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://cdn.rawgit.com/xdan/datetimepicker/11a13e94/build/jquery.datetimepicker.full.min.js"></script>
 <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.19.1/moment-with-locales.min.js"
    crossorigin="anonymous"></script>


<section class="appSection ft-Wrapper visitorEditPriv equipmentReservation" id="equipmentreservation"> <!--YOU NEED TO PUT A FUNCTION TO HIDE "userinformation" SECTION WHEN ITS NOT RUN-->
							<div class="grid-row composer">
								<br />
								<div class="columns-row">
                                  	<div class="columns-col columns-col-9 wow fadeInLeft">
										<h3>Equipment Reservation</h3>	
										<br><br>						
									</div>						
								</div>
                                <div class="columns-row">
                                  	<div class="columns-col columns-col-9 wow fadeInLeft EquipmentReservationContent">

                                            
<div id="equipmentreservation_accordion" class="equipmentreservationAccordion">
  <div class="card equipmentreservationTemplate">
    <div class="card-header" id="equipmentreservation_headingN">
      <h5 class="mb-0">
        <button class="btn btn-link collapsed equipmentreservationButton" data-toggle="collapse" data-target="#equipmentreservation_collapseN" aria-expanded="false" aria-controls="fequipmentreservation_collapseN">
          merit badge/skill
        </button>
      </h5>
    </div>
    <div id="equipmentreservation_collapseN" class="equipmentreservation_collapse collapse" aria-labelledby="equipmentreservation_headingN" data-parent="#equipmentreservation_accordion">
      <div class="card-body equipmentreservationContent ">
        <div class='equipmentreservationHead'><h3>Reserve:</h3></div>
        <div class="equipmentreservationBody">
          <div class="eqResDateContainer"><span>
          From: <input type="datetime-local" class="eqResDate eqResDateStartDate" value="" placeholder="Start Time"></span>
          </div>
          <div class="eqResDateContainer">
          To: <input type="datetime-local" class="eqResDate eqResDateEndDate" value="" placeholder="End Time">
          </div>
          <div class="eqResSubmit"><button class="eqResDateSubmit submit-button  button-with-left-icon button-full-width"><i class="fa fa-paper-plane"></i> Create Reservation</button></div>
          <div class="eqResErrors"></div>
          <div class="eqResMessages"></div>
        </div>
        <BR/>
        <div class="equipmentCurrentReservations">
          <h3>Current Reservations:</h3>
          <div class="equipmentCurrentReservationsList">        
          </div>
        </div>
      </div>
    </div>
  </div>
</div>                                            
                                            
									</div>	                                
                                </div>
							</div>
						</section>