{literal}
<script type="text/javascript">
function insertdata() {
	
	var request = $.ajax({
	  url: "insertwait.php",
	  type: "POST",
	  data: {phone : $('#phn').val(),name : $('#name').val(),amount : $('#amount').val(),wait : $('#wait').val()},
	  dataType: "html"
	});

	request.done(function(html) {
		//alert('Data added');
		$('#phn').val('');
		$('#name').val('');
		$('#amount').val('');
		$('#wait').val('');
		$('#waitlist').show();
		$('#waitlist').html(html);
		$('#waitlistl').hide();
		
	});

	request.fail(function(jqXHR, textStatus) {
	  alert( "Request failed: " + textStatus );
	});
}

function sendmsg(id) {
	
	var request = $.ajax({
	  url: "sendmsg.php",
	  type: "POST",
	  data: {phone : $('#page'+id).attr('phone'),id : id},
	  dataType: "html"
	});

	request.done(function(html) {
		//var timeleft = 90;
		//alert(id);
		$('#page'+id).hide();
		/*var downloadTimer = setInterval(function(){
		  $('#p'+id).html('00:'+timeleft);
		  timeleft -= 1;
		  if(timeleft <= 0){
			clearInterval(downloadTimer);
			$('#p'+id).html('');
			$('#page'+id).show();
		  }
		}, 1000);*/
	});

	request.fail(function(jqXHR, textStatus) {
	  alert( "Request failed: " + textStatus );
	});
}

function dismiss(id) {
	$('#wid').val(id);
	
	$("#myModal").modal();
}
</script>
{/literal}

<!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">

   <!-- Main content -->
    <section class="content">

      <!-- Default box -->
      <div class="box">
        <div class="box-header with-border">
          <h3 class="box-title">Wait List</h3>

          <div class="box-tools pull-right">
            <button type="button" class="btn btn-box-tool" data-widget="collapse" data-toggle="tooltip"
                    title="Collapse">
              <i class="fa fa-minus"></i></button>
            <button type="button" class="btn btn-box-tool" data-widget="remove" data-toggle="tooltip" title="Remove">
              <i class="fa fa-times"></i></button>
          </div>
        </div>
        <div class="box-body">
<div id="content">
	
	<div id="content-container">
	<div class="row">
    	
		<div class="col-md-8 col-sm-12 col-xs-12 col-md-offset-3">				
			<form class="form-inline" method="post" name="frm2">
			<div class="form-group col-md-10 col-xs-12">     
				  <input type="text" class="form-control searchB" id="phn" placeholder="Mobile Phone" name="phone"> <input type="text" class="form-control searchB" id="name" placeholder="First Name" name="fname"> <input type="text" class="form-control searchB" id="amount" placeholder="Party Size" name="amount"> <input type="text" class="form-control searchB" id="wait" placeholder="Wait Time" name="wait"> <button type="button" class="btn btn-info searchBtn xsmarginT10" name="find" value="Search" onClick="insertdata()">CHECK-IN</button>
				        
				</div>
			 </form>
			 </div>
			 </div>
			 <br>
			 <div class="table-responsive">
             <div id="waitlist" style="display:none;"></div>
             <div id="waitlistl">
			  <table class="table" align="center">
					<thead>
						<tr>
							<th>Id</th>							
							<th>Phone</th>
							<th>Waiting</th>								
						</tr>
					</thead>
					<tbody>
						{section name=mydata loop=$dataarr}
                       	  <tr>
						  	<td>ID: {$dataarr[mydata].id}<p>CODE: {$dataarr[mydata].code}</td>
							<td><i class="fa fa-user" aria-hidden="true"></i> {$dataarr[mydata].fname}<p><i class="fa fa-mobile" aria-hidden="true"></i> {$dataarr[mydata].phone}<br><i class="fa fa-users" aria-hidden="true"></i> {$dataarr[mydata].amount}<!--<p id="p{$dataarr[mydata].id}"></p>--></td>			
							<td>{$dataarr[mydata].dtin}{if $dataarr[mydata].p1 == '0000-00-00 00:00:00'} <button type="button" class="btn btn-success" id="page{$dataarr[mydata].id}" onClick="sendmsg('{$dataarr[mydata].id}')" phone="{$dataarr[mydata].phone}"><i class="fa fa-volume-control-phone" aria-hidden="true"></i> PAGE </button> {/if} <button type="button" class="btn btn-danger" onClick="dismiss('{$dataarr[mydata].id}')"> <i class="fa fa-times" aria-hidden="true"></i> DISMISS </button></td>
						<!---	<td>{$dataarr[mydata].dtout}</td> --->							
													
						  </tr>                          
						 {/section}
                         
				</table>
                </div>
			</div>
            <div class="box-footer"><nav>
  					<ul class="pagination"> {$display_paging}</ul>
</nav></div>
		</div>
	</div>
	</div>
</div>
</div>

        <!-- /.box-footer-->
      </div>
      <!-- /.box -->

    </section>
    <!-- /.content -->
  </div>
  <!-- /.content-wrapper -->

  <footer class="main-footer">
    <div class="pull-right hidden-xs">
      <b>Version</b> 2.4.0
    </div>
    <strong>Copyright &copy; 2017-2018 <a href="https://entwined.com">Entwined LLC</a>.</strong> All rights
    reserved.
  </footer>
  
  <div class="modal fade" id="myModal" role="dialog">
    <div class="modal-dialog">
    
      <!-- Modal content-->
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal">&times;</button>		  <h4 class="modal-title"><ol class="breadcrumb">  <li>CUSTOMER SEATING<span id="nm"></span></li></ol></h4>
		<form method="post" id="frm2">
		
		<input type="hidden" name="wid" id="wid" value="" />
        <div class="modal-body">
		  <p>TABLE NUMBER :&nbsp;<input type="text" name="tnum" id="phn"></p>
          <p>NO SHOW :&nbsp;<input type="checkbox" name="noshow" id="phn" value="1"/></p>
          <p>SERVER NAME :&nbsp;<select name="chairs">
          					<option value="">-Select-</option>
                            {section name=mydata loop=$charr}
                            <option value="{$charr[mydata].cid}">{$charr[mydata].name}</option>
                            {/section}
          				  </select>
          </p>		  
        </div>
        <div class="modal-footer">
		<button type="submit" class="btn btn-success" id="register">SEAT CUSTOMER</button>
          <button type="button" class="btn btn-default" data-dismiss="modal">CLOSE</button>
        </div>
		</form>
      </div>
      
    </div>