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

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

@section('content')
    <div class="bbs-banner">
        <h1 class="title">공지사항</h1>
        <p class="sub">놓칠 수 없는 edm유학센터의 최신 소식</p>
    </div>

    <div class="max-width">
        <div class="bbs notice">
            <!-- 게시판 검색 -->
            <div class="search-form">
                <form method="GET" action="{{ route('edm.notice.index') }}">
                    <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="{{!empty($keyword)? $keyword:'검색어를 입력하세요'}}" class="form-control">
                        <button class="btn-search btn"></button>
                    </div>
                </form>
            </div>

            <ul class="listWrap thumbnail col4"> <!-- [D]: col3, col4로 pc화면 배치 갯수 조절, 모바일은 1단 / m-col2는 모바일 2단 배열 -->
                @forelse ($contentList as $item)
                <li>
                    <a href="{{ route('edm.notice.show', $item->p_id) }}">
                        <figure class="thumb imgWrap"><img src="{{ $item->thumb_url }}" alt="{{ $item->p_title }}" onerror="defaultImage(this)"></figure>
                        <div class="textWrap">
                            <div class="subjectWrap">
                                @if ($item->p_notice)
                                <em class="text-color">[공지]</em>
                                @endif
                                <p class="subject">{!! $item->p_title !!}</p>
                            </div>
                            <p class="infoWrap">
                                <span class="date">{{ $item->p_reg_date->format('Y.m.d') }}</span>
                                <span class="read-count">조회 {{ $item->p_read }}</span>
                            </p>
                        </div>
                    </a>
                </li>
                @empty
                <div class="area-board-no-item">
                    <p class="context">등록된 게시글이 없습니다.</p>
                </div>
                @endforelse
            </ul>
            {{-- <div class="button-wrap center">
                <a href="#" class="button color">글쓰기</a>
            </div> --}}
            @if (count($contentList))
                <div class="page-links">
                    {{ $contentList->appends(request()->except('page'))->links('layouts.pagination') }}
                </div>
            @endif
        </div>

        <script>
            function defaultImage(elem) {
                elem.src = "https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/common/notice-none-img.png";
            }
        </script>

        <!-- 지사안내 -->
        {{-- @include('main.branches') --}}
    </div>
@endsection