@include('admin.header.header')
@include('admin.common.nav')

  <section id="content">
    <section class="main padder">
      <div class="row">
        <div class="col-lg-12">
          <section class="panel">
            <header class="panel-heading">
             <h3>Users</h3>
			
            </header>
            <div class="panel-body">
              <div class="row text-small">
                <div class="col-sm-4 m-b-mini">
                  <select class="input-sm inline form-control" id="filter-form-client" style="width:130px">
                    <option value="0" onClick="$('#form-client').attr('action','');">Select Action</option>
                    <option value="1" onClick="$('#form-client').attr('action','client/delete_clients');">Delete Selected</option>
                    <option value="2" onClick="$('#form-client').attr('action','client/view_details_multiple_client_page');">View Details</option>
                  </select>
                  <button class="btn btn-sm btn-white" onClick="checkClientFormBeforeSubmit(this)">Apply</button>                
                </div>
                <div class="col-sm-4 m-b-mini">
                </div>
				 <form action="client/search_client" method="post" id="form-search-client" >
					<div class="col-sm-4">
					  <div class="input-group"> 
							<input type="text" name="keyword-search-client" class="input-sm form-control" placeholder="Search by name or location or contact number">
							<span class="input-group-btn">
							  <input class="btn btn-sm btn-white" type="submit" value="Go!">
							</span>
					  </div>
					</div>
				</form> 
              </div>
            </div>
            <div class="table-responsive">
              <table class="table table-striped b-t text-small">
                <thead>
                  <tr>
                    <th width="20"><input type="checkbox"></th>
                    <th width="60">ID</th>
                    <th class="th-sortable" data-toggle="class">Name
                      <span class="th-sort">
                        <i class="fa fa-sort-down text"></i>
                        <i class="fa fa-sort-up text-active"></i>
                        <i class="fa fa-sort"></i>
                      </span>
                    </th>
                    <th>Email</th>
                    <th>Created At</th>
                    <th width="200">Action</th>
                  </tr>
                </thead>
                <tbody>
				<form action="" id="form-client" method="post">
									<tr>
						<td colspan="5" style="text-align: center;"><h5> No user registered yet</h5></td>
					</tr>
									
				</form>
                </tbody>
              </table>    
            </div>
            <footer class="panel-footer">
              <div class="row">
                 <div class="col-sm-4 hidden-xs">
                  <select class="input-sm inline form-control" id="filter-form-client-down" style="width:130px">
                    <option value="0" onClick="$('#form-client').attr('action','');">Select Action</option>
                    <option value="1" onClick="$('#form-client').attr('action','client/delete_clients');">Delete Selected</option>
                    <option value="2" onClick="$('#form-client').attr('action','client/view_details_multiple_client_page');">View Details</option>
                  </select>
                  <button class="btn btn-sm btn-white" onClick="checkClientFormBeforeSubmit(this)">Apply</button>                 
                </div> 
                <div class="col-sm-3 text-center">
                 <!--  <small class="text-muted inline m-t-small m-b-small">showing 20-30 of 50 items</small> -->
                </div>
                <div class="col-sm-5 text-right text-center-sm">                
                  <ul class="pagination pagination-small m-t-none m-b-none">
                    <!-- <li><a href="#"><i class="fa fa-chevron-left"></i></a></li>
                    <li><a href="#">1</a></li>
                    <li><a href="#">2</a></li>        
                    <li><a href="#">3</a></li>
                    <li><a href="#">4</a></li>
                    <li><a href="#">5</a></li>
                    <li><a href="#"><i class="fa fa-chevron-right"></i></a></li> -->
					<!-- Show pagination links -->
					{!! $user_list->render() !!}
					
                  </ul>
                </div>
              </div>
            </footer>
          </section>
        </div>
      </div>
    </section>
  </section>
 
  @include('admin.footer.footer')