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

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

@section('content')
    @if($menuId !== "hanaschool_gallery")
    <section class="youtube-section1">
        <div class="container">
            <div class="youtube-section1-box">
                <div>
                    <img src="https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/youtube/youtube-section01-logo01.png" alt="youtube logo">
                    <h1>
                        세계적 명문 <strong>영국 미술/디자인 대학 진학 과정</strong>과<br>
                        <strong>영국 현지소식</strong>을 한 자리에 모은 국내 유일 채널
                    </h1>
                    <p>
                        오직 하나스쿨오브아트 유튜브에서만 볼 수 있는 영국 아트유학 핵심 영상!<br class="pc-br">
                        영국 아트유학 준비 과정과 합격후기, UAL에 재학 중인 학생들의 생생한 Vlog를 확인하세요!
                    </p>
                </div>
            </div>
        </div>
    </section>
    @endif        
    
    <div class="container pass-review">
        <main class="bbs">
            @if($menuId !== "hanaschool_gallery")
            <div class="youtube-section2">
                <div class="youtube-section2-text">
                    오직 하나스쿨오브아트 <br class="mo-br">유튜브 채널에서만 볼 수 있는
                    <strong>영국 아트유학 핵심 영상 모아보기!</strong>
                </div>
                <p>
                    <a href="https://www.youtube.com/channel/UCHEUA3VNhymx1W_pukzvCxQ?sub_confirmation=1" target="_blank" alt="하나스쿨오브아트" class="youtube-section2-link">하나스쿨오브아트</a>
                </p>
            </div>
            @else            
                <h1>{{ $seoHeader->title }}</h1>
            @endif
            
			@php($youtube = $Bbs->getOption('youtube'))
			
            <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" aria-label="검색버튼"><i class="bi bi-search"></i></button>
                        </div>
                    </form>
                @endif
                <!-- 정렬 -->
                <form id="sortForm" method="get" action="/{{ $db }}">
                    <select name="sortby" id="sortby">
                        <option value="latest" @selected($sort, 'latest')>최신순</option>
                        <option value="readcount" @selected($sort, 'readcount')>조회순</option>
                    </select>
                </form>
                <!-- //정렬 -->
            </div>

			<ul class="index pass-review-list">
				@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>
    <script>
        $(document).ready(function(){
            $('#sortby').on('change', function(){
                $('#sortForm').submit();
            });
        });
    </script>
@endsection