@extends('adminlte::page')

@section('title', 'AdminLTE')

@section('content_header')
    <h1>Dashboard</h1>
@stop

@section('content')
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.20/css/dataTables.bootstrap.min.css">

<div class="table-responsive">
<table id="example" class="table table-striped table-bordered" style="width:100%" style="font-size:16px">
  <thead>
    <tr>
     
      <th scope="col">流水號</th>
      <th scope="col" >名稱</th>
      <th scope="col">房間上限人數</th>
      <th scope="col">功能</th>
    </tr>
  </thead>
  <tbody>
  	@foreach($main_data as $key => $row)
  	<tr>
           <td>{{ $key }}</td>
      <td>{{ $row->nickname }}</td>
      <td>{{ $row->limit_people }}</td>
      <td><a href="persionstate/{{ $row->id }}" title="功能扭" class="btn btn-info">功能</a></td>
    </tr>
  	@endforeach
    
    
    
  </tbody>
</table>	
</div>
<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<script src="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js"></script>
<script>

  $(document).ready(function() {
    $('#example').DataTable();
} );
</script>



@stop