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

@push('head')
	{!! resource($defaultSkinPath.'asset/common.css') !!}
	{!! resource('edmuhak/component/bbs/common.css') !!} <!-- 게시판 공통 css 하나로 사용 -->
	{!! resource($skinPath.'asset/board.css') !!}
	<link rel="stylesheet" type="text/css" href="/asset/swiper/swiper.min.css"/>
@endpush

@section('content')
	<div class="bbs-banner">
		@if($db=='junior-abroad-column')
		<h1 class="title">조기유학 칼럼</h1>
        <p class="sub">조기유학 전문가가 알려드리는 해외 초중고 최신정보</p>
		@endif
	</div>

    <div class="max-width">
	    <main class="bbs ">
            @if (isset($cfg->use->search))
				<div class="search-form">
		            <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"></button>
		                </div>
		            </form>
				</div>
			@endif

            @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="listWrap default">
				@foreach($vars as $var)
					@include($viewPath.'index-loop')
				@endforeach
			</ul>

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

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


    @if ($db=='university-abroad-univ-abroad-info')
	<script>
        var $scrollOffset = $('.category-tabs .tab .active').offset().left;
        $('.category-tabs').animate({
            scrollLeft: $scrollOffset - '16'
        }, 200);
	</script>
    @endif
@endsection