@extends('hnd.layout')

@section('hnd-css')
    {!! resource('css/common/board.css') !!}
    {!! resource('css/hnd/board.css') !!}
@endsection

@section("progress")
    @include('progress')
@endsection

@section("hnd-content")
    <div id="wrap" class="boardPage default">
        <div class="max-width">
            <div class="pageTitle">
                <button type="button" onclick="history.back()" class="backBtn mo-backBtn"></button>
                <h1>공지사항</h1>
            </div>

            <div class="board-top one">
                <!-- 검색 -->
                <div class="searchWrap">
                    <form action="" method="get" id="search-form">
                        <input type="hidden" name="paginate" id="paginate" value="10">
                        <input type="hidden" name="faq_type" id="faq_type" value="">
                        <div class="search">
                            <input type="text" placeholder="검색어를 입력하세요." name="keyword" value="">
                            <input type="submit" value="검색" class="search-submit">
                        </div>
                    </form>
                </div>
            </div>

            <!-- 게시판 리스트 -->
            <div class="board-list default">
                <div class="headWrap pc-headWrap">
                    <div class="flex">
                        <div class="number">No</div>
                        <div class="subject">제목</div>
                        <div class="count">조회수</div>
                        <div class="date">작성일</div>
                    </div>
                </div>

                <!-- 게시글 / 공지사항 등록 영역 -->
                <ul class="notice flex">
                    <li>
                        <a href="/hnd/_board/notice/view" class="subject">
                            <figure class="icon"></figure>
                            <p class="ellipsis_2">edm 해외대학 정규과정 합격 현황</p>
                        </a>
                        <div class="count option">272</div>
                        <div class="date option">25.03.28</div>
                    </li>
                    <li>
                        <a href="/hnd/_board/notice/view" class="subject">
                            <figure class="icon"></figure>
                            <p class="ellipsis_2">A레벨 단기 집중반 OPEN★ 단 6주만에 완성하는 A레벨 특강! 선착순 모집중!</p>
                        </a>
                        <div class="count option">6553</div>
                        <div class="date option">25.03.28</div>
                    </li>
                </ul>

                <!-- 게시글 / 일반 -->
                <ul class="list flex" id="inquiry_list">
                    <li>
                        <a href="/hnd/_board/notice/view" class="subject">
                            <p class="ellipsis_2">Cambridge English 의 음원은 어디서 받아야 하나요?</p>
                        </a>
                        <div class="number option">16</div>
                        <div class="count option">2</div>
                        <div class="date option">25.03.28</div>
                    </li>
                </ul>
            </div>

            <nav id="paginationWrap">
                <div class="pagination">
                    <div class="number">
                        <a href="javascript:void(0)" class="current" aria-current="page"><span>1</span></a>
                        <a href="">2</a>
                    </div>
                </div>
            </nav>
        </div>

    </div>
@endsection

@section('hnd-script')

@endsection