<!-- Modal -->
<div class="modal fade" id="myListModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header bg-primary">
        <h4 class="modal-title" id="ltitle">Title</h4>
      </div>

        <div class="modal-body" id="mlist">

      </div>
      <div class="modal-footer">
        <button type="button" style="float:left" class="btn btn-danger" data-dismiss="modal" >Close</button>
      </div>
      </form>
    </div>
  </div>
</div>
 


<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header bg-primary">
        <h4 class="modal-title" id="mtitle">Title</h4>
        <!-- <button type="button" class="btn-close" style="right: 0; top:0" data-dismiss="modal" aria-label="Close">X</button> -->
      </div>
      <div id="add1" style="display:none">
        <div class="modal-body">
        <center><h3 style="padding:10px" class="text-success">Successfully<br> Submitted</h3> </center>
      </div>
       <div class="modal-footer">
        <button type="button" style="float:left" class="btn btn-danger" data-dismiss="modal" >Close</button>
        
      </div>
    </div>
    
    
      <form class="form-horizontal" method="post" id="add2">
        <div class="modal-body">
                      <div class="form-group">
                        <label for="inputName" class="col-sm-2 control-label">Adult</label>
                        <div class="col-sm-10">
                        <table width="100%"><tr><td>  <input type="number" class="form-control report" id="in1" placeholder="Male" name="a1"></td><td><input type="number" class="form-control report" id="in2" placeholder="Female" name="a2"></td></tr></table>
                        </div>
                      </div>
                      
                      <div class="form-group">
                        <label for="inputName" class="col-sm-2 control-label">Youth</label>
                        <div class="col-sm-10">
                        <table width="100%"><tr><td>  <input type="number" class="form-control report" id="in3" placeholder="Male" name="y1"></td><td><input type="number" class="form-control report" id="in4" placeholder="Female" name="y2"></td></tr></table>
                        </div>
                      </div>
                      
                      <div class="form-group">
                        <label for="inputName" class="col-sm-2 control-label">Children</label>
                        <div class="col-sm-10">
                        <table width="100%"><tr><td>  <input type="number" class="form-control report" id="in5" placeholder="Male" name="c1"></td><td><input type="number" class="form-control report" id="in6" placeholder="Female" name="c2"></td></tr></table>
                        </div>
                      </div>
                      
                      
                      <div class="form-group">
                        <label for="inputName" class="col-sm-2 control-label">Visitors & Converts</label>
                        <div class="col-sm-10">
                        <table width="100%"><tr><td>  <input type="number" class="form-control report" id="in7" placeholder="Visitors" name="vis"></td><td><input type="number" class="form-control report" id="in8" placeholder="Converts" name="conv"></td></tr></table>
                        </div>
                      </div>
                      
                      
                      
                      <div class="form-group">
                        <label for="inputName" class="col-sm-2 control-label">Tithe & Offering</label>
                        <div class="col-sm-10">
                      <input type="number" class="form-control report" id="in9" placeholder="Tithe & Offering" name="off">
                        </div>
                      </div>
                      

                       <div class="form-group">
                        <label for="inputName" class="col-sm-2 control-label">Special Offering</label>
                        <div class="col-sm-10">
                    <input type="number" class="form-control report" id="in10"  placeholder="Special Offering" name="soff">
                        </div>
                      </div>
                      
                      <div class="form-group">
                        <label for="inputName" class="col-sm-2 control-label">Comment</label>
                        <div class="col-sm-10">
                      <input type="text" class="form-control report" id="in11" placeholder="Comment" name="com" >
                        </div>
                      </div>

                      <input type="hidden" class="report" id="pid">
                      <input type="hidden" class="report" id="prog">
                      <input type="hidden" class="report" id="pdate">
                    

      </div>
      <div class="modal-footer">
        <button type="button" style="float:left" class="btn btn-danger" data-dismiss="modal" >Close</button>
         <button type="button" class="btn btn-primary" name="register" onclick="addReport()">Submit Attendance Report</button>
      </div>
      </form>
    </div>
  </div>
</div>
 




<!-- Modal -->
<div class="modal fade" id="myModalEdit" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header bg-purple">
        <h4 class="modal-title" id="mtitle2">Title</h4>
        <!-- <button type="button" class="btn-close" style="right: 0; top:0" data-dismiss="modal" aria-label="Close">X</button> -->
      </div>
      <div id="edit1" style="display:none">
        <div class="modal-body">
        <center><h3 style="padding:10px" class="text-success">Successfully<br> Updated</h3> </center> 
      </div>
      <div class="modal-footer">
        <button type="button" style="float:left" class="btn btn-danger" data-dismiss="modal" >Close</button>
        
      </div>
    </div>
      <form class="form-horizontal" method="post" id="edit2">
        <div class="modal-body">
                      <div class="form-group">
                        <label for="inputName" class="col-sm-2 control-label">Adult</label>
                        <div class="col-sm-10">
                        <table width="100%"><tr><td>  <input type="number" class="form-control reportt" id="a1" placeholder="Male" name="a1"></td><td><input type="number" class="form-control reportt" id="a2" placeholder="Female" name="a2"></td></tr></table>
                        </div>
                      </div>
                      
                      <div class="form-group">
                        <label for="inputName" class="col-sm-2 control-label">Youth</label>
                        <div class="col-sm-10">
                        <table width="100%"><tr><td>  <input type="number" class="form-control reportt" id="y1" placeholder="Male" name="y1"></td><td><input type="number" class="form-control reportt" id="y2" placeholder="Female" name="y2"></td></tr></table>
                        </div>
                      </div>
                      
                      <div class="form-group">
                        <label for="inputName" class="col-sm-2 control-label">Children</label>
                        <div class="col-sm-10">
                        <table width="100%"><tr><td>  <input type="number" class="form-control reportt" id="c1" placeholder="Male" name="c1"></td><td><input type="number" class="form-control reportt" id="c2" placeholder="Female" name="c2"></td></tr></table>
                        </div>
                      </div>
                      
                      
                      <div class="form-group">
                        <label for="inputName" class="col-sm-2 control-label">Visitors & Converts</label>
                        <div class="col-sm-10">
                        <table width="100%"><tr><td>  <input type="number" class="form-control reportt" id="vis" placeholder="Visitors" name="vis"></td><td><input type="number" class="form-control reportt" id="conv" placeholder="Converts" name="conv"></td></tr></table>
                        </div>
                      </div>
                      
                      
                      
                      <div class="form-group">
                        <label for="inputName" class="col-sm-2 control-label">Tithe & Offering</label>
                        <div class="col-sm-10">
                      <input type="number" class="form-control reportt" id="off" placeholder="Tithe & Offering" name="off">
                        </div>
                      </div>
                      

                       <div class="form-group">
                        <label for="inputName" class="col-sm-2 control-label">Special Offering</label>
                        <div class="col-sm-10">
                    <input type="number" class="form-control reportt"  placeholder="Special Offering" name="soff" id="soff">
                        </div>
                      </div>
                      
                      <div class="form-group">
                        <label for="inputName" class="col-sm-2 control-label">Comment</label>
                        <div class="col-sm-10">
                      <input type="text" class="form-control reportt" id="rem" placeholder="Comment" name="com" >
                        </div>
                      </div>

                      <input type="hidden" class="reportt" id="sn">
                    

      </div>
      <div class="modal-footer">
        <button type="button" style="float:left" class="btn btn-danger" data-dismiss="modal" >Close</button>
         <button type="button" class="btn bg-purple" name="register" onclick="editReport()">Update Attendance Report</button>
      </div>
      </form>
    </div>
  </div>
</div>