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

@push('head')
    <link rel="stylesheet" type="text/css" href="/css/board/common.css"/>
    <link rel="stylesheet" type="text/css" href="/css/board/compliment-edm/board.css"/>

    <!-- <link rel="stylesheet" type="text/css" href="/css/main.css"/> -->
@endpush

@section('content')
    <div class="bbs-banner">
        <h1 class="title">칭찬해요 edm</h1>
        <p class="sub">학부모님들의 칭찬에 힘을 냅니다</p>
    </div>

    <div class="max-width">
        <!-- 메인 컨텐츠 -->
        <div class="bbs">

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

                <!-- 어학원 캠프만 국가 노출 -->
                    <div class="input-group">
                        <!-- <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> -->
                        <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="검색어를 입력하세요" class="form-control">
                        <button class="btn-search btn"></button>
                    </div>
                </form>
            </div>

            <ul class="listWrap thumbnail">
            <!-- 검색결과 없을 시-->
                @if ($contentList->total() == '0')
                    <article class="area-board-item">
                        <div class="search-result-zero">
                            검색 결과가 없습니다.
                        </div>
                    </article>
                @else

                <!-- 검색 결과 -->
                    @foreach ($contentList as $value)
                        <li>
                            <!-- 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="imgWrap">
                                    <img class="thumb" src="{{ $value->img }}" alt="썸네일">
                                </div>
                                <div class="textWrap">
                                    <div class="subjectWrap">
                                        {{--                                        <em class="country">{{ $value->country_name }}</em>--}}
                                        <p class="subject ellipsis_2">{!! $value->p_title !!}</p>
                                    </div>
                                    <p class="preview ellipsis_2">
                                        {!! $value->p_content !!}
                                    </p>
                                    <p class="infoWrap">
                                        <span class="date">{{ $value->p_reg_date->format('Y.m.d') }}</span>
                                        <span class="read-count"> 조회 {{ $value->p_read }}</span>
                                    </p>
                                </div>
                            </a>
                        </li>
                    @endforeach
                @endif
            </ul>
            <div class="page-links">{{ $contentList->onEachSide(2)->appends(request()->input())->links('layouts.pagination') }}</div>
        </div>
    </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>
@endsection