@extends('layouts.default', [
    'activatedNavItem' => 'REVIEW',
])

@push('head')
    <link rel="stylesheet" type="text/css" href="/css/main.css"/>
@endpush

@section('content')
    <div class="container university latest-news ">
        <!-- 페이지타이틀 -->
        <div class="area-pages-top full-bg">
            <h1 class="page-title">칭찬해요 edm</h1>
        </div>

        <!-- 메인 컨텐츠 -->
        <div class="area-pages-content">

            <!-- Content Manager -->
            <div class="review-list">

                <div class="area-sm-content">
                    <section class="review-board-wrap" data-tab="tab-wrap">
                        <header class="fix-wrap">

                            <form method="GET" action="{{ route('junior-abroad.compliment-edm.index') }}">
                                <input type="hidden" id="page_focus" value="{{request()->input('page')}}">
                            @csrf

                            <!-- 어학원 캠프만 국가 노출 -->
                                <div class="area-board-search">
                                    <div class="search-cate">
                                        <select name="search_type" class="choose">
                                            <option value="">전체</option>
                                            <option value="title"  @selected(request()->input('search_type'), 'title')>제목</option>
                                            <option value="content" @selected(request()->input('search_type'), 'content')>내용</option>
                                        </select>
                                    </div>
                                    <div class="search-input">
                                        <h2 class="hidden"><label for="search-board-review">게시판검색</label></h2>
                                        <input type="text" id="abb-search" name="search_text" value="{{ request()->input('search_text') }}" placeholder="검색어를 입력해 주세요">
                                        <button class="btn-search">검색</button>
                                    </div>
                                </div>
                            </form>

                        </header>

                        <!-- 전체 -->
                        <div class="flex-wrap" data-tab="tab-content" id="review-ls-all">
                            <!-- [D]: col3, col4로 pc화면 배치 갯수 조절, 모바일은 1단 / m-col2는 모바일 2단 배열 -->
                            <div class="area-board-thumb-line col4 m-col2">
                                <!-- 검색결과 없을 시-->
                                    @if ($contentList->total() == '0')
                                        <article class="area-board-item">
                                            <div class="search-result-zero">
                                                검색 결과가 없습니다.
                                            </div>
                                        </article>
                                    @else

                                    <!-- 검색 결과 -->
                                        @foreach ($contentList as $value)
                                            <article class="area-board-item">
                                                <!-- href 스크립트 제거, onclick 추가-->
{{--                                                <a href="#" onclick="location.href='{{ route('camp.report.camp-talk-review.show', $value->p_id) }}'">--}}
                                                <a href="{{ route('junior-abroad.compliment-edm.show', $value->p_id) }}">
                                                    <div class="thumb talk">
                                                        <img class="real-review-img" src="{{ $value->img }}" alt="썸네일">
                                                    </div>
                                                    <div class="content">
                                                        <p class="subject">
                                                            {{--                                        <em class="country">{{ $value->country_name }}</em>--}}
                                                            <i class="city">{!! $value->p_title !!}</i>
                                                        </p>
                                                        <p class="context">
                                                            {!! $value->p_content !!}
                                                        </p>
                                                        <p class="info">
                                                            <span class="date">{{ $value->p_reg_date->format('Y.m.d') }}</span>
                                                            <span class="count"> 조회 {{ $value->p_read }}회</span>
                                                        </p>
                                                    </div>
                                                </a>
                                            </article>
                                        @endforeach
                                    @endif
                                </div>
                                {{ $contentList->onEachSide(2)->appends(request()->input())->links('layouts.pagination') }}
                            </div>
                    </section>
                </div>

                <script>
                    $(document).ready(function() {
                        if($('#search-board-review').val() != '' || $('#page_focus').val() > 1) {
                            $('#search-board-review').focus();
                        }
                        $('.btn-search').click(function() {
                            $('#realReviewForm').submit();
                        });
                    });
                </script>

            </div>
        </div>

    </div>
@endsection