@extends(env('APP_NAME').'.layout')

@push('head')
	{!! resource($defaultSkinPath.'asset/common.css') !!}
	{!! resource($defaultSkinPath.'asset/index.css') !!}
@endpush

@section('content')
    <div class="container">
	    <main class="bbs">
	    	<div class="bbs-header"> 
			    @if (isset($cfg->use->search))
		            <form name="bbs-search" method="get" action="/{{ $db }}">
		                <div class="input-group input-group-sm">
		                    <input class="form-control" type="text" name="keyword" autocomplete="off" placeholder="{{!empty($keyword)? $keyword:'검색'}}">
		                    <button class="btn btn-outline-secondary" type="submit"><i class="bi bi-search"></i></button>
		                </div>
		            </form>
			    @endif

				@if (isset($cfg->use->category))
					<ul class="category-tabs">
				    	<li>
				        	<a {!! empty($category) ? 'class="active"':'' !!} href="/{{$db}}?category=all">all</a>
				    	</li>
					    @foreach ($cfg->category as $cat)
					        <li>
					            <a style="color: {{$cat->color}};" {!! (isset($category) and ($category == $cat->title or (is_array($category) and in_array($cat->title, $category)))) ? 'class="active"':'' !!} href="/{{$db}}?category={{$cat->title}}">
					            	{{ $cat->title }}
					            	@if ($cat->num>0)
					            		<span>{{number_format($cat->num)}}</span>
					            	@endif
					            </a>
					        </li>
					    @endforeach
					</ul>
				@endif
			</div>

			@if (isset($cfg->use->notice) and count($notices)>0)
				<ul class="index notice">
					@foreach($notices as $var)
						@include($viewPath.'notice-loop')
					@endforeach
				</ul>
			@endif

			<ul class="index">
				@foreach($vars as $var)
					@include($viewPath.'index-loop')
				@endforeach
			</ul>

			@if (!empty($cfg->show->pagemenu))
			<div class="page-links">
				{{ $vars->withQueryString()->links() }}
			</div>
			@endif

			@include($viewPath.'footer')
		</main>
    </div>
@endsection