@extends('admin.layouts.master')

@section('styles')
@stop

@section('title') Word List @stop

@section('metas')
@stop

@section('content')
        <!-- Content Header (Page header) -->
        <section class="content-header">
          <h1>Word List <a href="{{ route('word.filter.add') }}" class="btn btn-success btn-xs margin-l-10 margin-t-n-5">Add New Words</a></h1>
          <ol class="breadcrumb">
            <li><a href="{{ route('dashboard') }}"><i class="fa fa-dashboard"></i> Home</a></li>
            <li class="active">Word List</li>
          </ol>
        </section>

        <!-- Main content -->
        <section class="content">
          <div class="row">
            <!-- right column -->
            <div class="col-md-12">
              <!-- Horizontal Form -->
              <div class="box">
                <div class="box-body">
                  <table id="word-filter" data-ajax-url="{{ route('ajax.get.filter.words') }}" class="table table-bordered table-striped table-responsive">
                    <thead>
                        <tr>
                            <th width="10%">#ID</th>
                            <th>Word</th>
                            <th width="15%" class="text-center">Options</th>
                        </tr>
                    </thead>
                  </table>
                </div>
                <!-- /.box-body -->

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

            </div><!--/.col (right) -->
          </div>   <!-- /.row -->
        </section><!-- /.content -->
@stop

@section('scripts')
    <script type="text/javascript" src="{{ asset('admin-assets/dist/js/word-filter.js') }}"></script>
@stop