@extends('layouts.default', [
	'sidebarLight' => true,
	'headerMegaMenu' => true,
	'sidebarMenu' => 'board',
])

@section('title', Lang::get('board.word.board'))
@push('css')

@endpush

@section('content')
	<!-- begin page-header -->
	<h1 class="page-header">{{ Lang::get('board.word.board') }}</h1>
    <!-- end page-header -->
    
    @include('template.board.search')

    <!-- begin tab-content -->
    <div class="tab-content width-full">
		<div class="text-right">
			<a href="{{ URL::route('board.create') }}" class="btn btn-success btn-sm">
				<i class="fas fa-lg fa-fw m-r-5 fa-plus"></i>{{ Lang::get('board.word.register') }}
			</a>
		</div>

		<div class='m-t-10'>
			<table id="data-table-default" class="table table-bordered" >
				<thead>
					<tr>
						<th width="10%" class="text-nowrap">No.</th>
                        <th width="50%" class="text-nowrap">{{ Lang::get('board.word.title') }}</th>
                        <th width="20%" class="text-nowrap">{{ Lang::get('board.word.name') }}</th>
                        <th width="20%" class="text-nowrap">{{ Lang::get('board.word.create_time') }}</th>
					</tr>
				</thead>

				@include('template.board.list')
			</table>
		</div>

		@include('template.table_pagination', ['resources' => $board])
    </div>
    <!-- end tab-content -->
@endsection

@push('scripts')

	<script src="/assets/plugins/bootstrap-select/dist/js/bootstrap-select.min.js"></script>

	<script>
		$(document).ready(function() {
	    	$('.selectpicker').selectpicker('setStyle', 'btn-white');
		});
	</script>

@endpush