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

@push('head')
    {!! resource('asset/css/camp/common.css') !!}
	{!! 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">
        <h1 class="title">캠프 후기</h1>
        <!-- <p class="sub">텍스트 없음</p> -->
    </div>

    <div class="camp-bgImg">
        <div class="max-width">
    	    <main class="bbs">

                <div class="bbs-header">
                    <div class="category-tabs col8">
                        <div class="tab">
                            <a href="/{{ $db }}?category=all" @class(['active' => empty($category) or $category == 'all'])>전체</a>
                        </div>

                        <div class="tab">
                            <a href="/{{ $db }}?category[]=미국" @class(['active' => $category == '미국'])>미국</a>
                        </div>

                        <div class="tab">
                            <a href="/{{ $db }}?category[]=영국" @class(['active' => $category == '영국'])>영국</a>
                        </div>

                        <div class="tab">
                            <a href="/{{ $db }}?category[]=캐나다" @class(['active' => $category == '캐나다'])>캐나다</a>
                        </div>

                        <div class="tab">
                            <a href="/{{ $db }}?category[]=필리핀" @class(['active' => $category == '필리핀'])>필리핀</a>
                        </div>

                        <div class="tab">
                            <a href="/{{ $db }}?category[]]호주" @class(['active' => $category == '호주'])>호주</a>
                        </div>

                        <div class="tab">
                            <a href="/{{ $db }}?category[]=뉴질랜드" @class(['active' => $category == '뉴질랜드'])>뉴질랜드</a>
                        </div>

                        <div class="tab">
                            <a href="/{{ $db }}?category[]=말레이시아" @class(['active' => $category == '말레이시아'])>말레이시아</a>
                        </div>
                    </div>
                </div>

    			@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 class="countBox">전체 <span>34534{{-- {{ $countAll }} --}}</span>건의 후기</div>
    				</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 thumbnail">
    				@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>
    </div>
	<script>

        if($('.value-tabs').length > 0) {
            var $scrollOffset2 = $('.value-tabs li.active').offset().left;
            $('.value-tabs').animate({
                scrollLeft: $scrollOffset2 - '16'
            }, 200);
        }
	</script>
@endsection