@extends('dashboard.layouts.master')

@section('judul')
{{$title}}
@endsection
@section('content')
@section('main_sidebar')
@include('dashboard.layouts.include_sidebar.sid_pesan')
@endsection

<div class="row">
    <div class="col-md-12">
        <h4>{{ $title }}</h4>
        <div class="box box-warning">
            <div class="box-header">
                <p>
                    <button class="btn btn-sm btn-flat btn-warning btn-refresh"><i class="fa fa-refresh"></i> Refresh</button>
                </p>
            </div>
            <div class="box-body">
             
            	<div class="row">
            		<div class="col-md-8">
            			<table class="table myTable">
            				<thead>
            					<tr>
            						<th>Tahun</th>
            						<th>Limit</th>
            						<th>Delete</th>
            					</tr>
            				</thead>
            				<tbody>
            					@foreach($data as $dt)
            					<tr>
            						<td>{{ $dt->tahun }}</td>
            						<td>{{$dt->limit}} Peserta</td>
            						<td>
            							<button href="{{url('admin/limit/'.$dt->id)}}" class="btn btn-xs btn-danger btn-hapus"><i class="fa fa-trash"></i></button>
            						</td>
            					</tr>
            					@endforeach
            				</tbody>
            			</table>
            		</div>

            		<div class="col-md-4">
            			<form role="form" method="post">
            				{{csrf_field()}}
			              <div class="box-body">
			                <div class="form-group">
			                  <label for="exampleInputEmail1">Tahun</label>
			                  <input type="text" class="form-control" id="exampleInputEmail1" placeholder="Tahun" max="4" required="" name="tahun" autocomplete="off">
			                </div>
			                <div class="form-group">
			                  <label for="exampleInputPassword1">Limit Peserta</label>
			                  <input type="number" required="" name="limit" class="form-control" id="exampleInputPassword1" placeholder="Limit Peserta" autocomplete="off">
			                </div>
			              </div>
			              <!-- /.box-body -->
			 
			              <div class="box-footer">
			                <button type="submit" class="btn btn-primary">Submit</button>
			              </div>
			            </form>
            		</div>
            	</div>

            </div>
        </div>
    </div>
</div>

@endsection

@section('scripts')

<script type="text/javascript">
    $(document).ready(function(){
       
        // btn refresh
        $('.btn-refresh').click(function(e){
            e.preventDefault();
            $('.preloader').fadeIn();
            location.reload();
        })
        
    })
</script>

@endsection