@extends('layouts.default')

@section('content')

    <link rel="stylesheet" type="text/css" href="/css/inquiry.css"/>

    <div class="container inquiry board">
        <!-- 사이트 경로 표시 -->
        <div class="area-pages-wayfinding">
            <div class="flex-wrap">
                <div class="way-prev-dep">
                    <a href="#">실시간Q&amp;A</a>
                </div>
            </div>
        </div>
        <!-- 제목 및 현재위치 표시 -->
        <div class="area-pages-top">
            <h1 class="page-title">실시간Q&amp;A</h1>
            <div class="add-text">
                궁금한 사항을 남겨주세요.<br>
                전문 컨설턴트가 24시간 이내 친절히 답변해드리겠습니다.
            </div>
        </div>
        <div class="area-pages-content">
            <div class="flex-wrap">
                <div class="area-board-basic">
                    <!-- 보드상단 검색영역 -->
                    <div class="area-board-search">
                        <div class="search-cate">
                            <select class="choose">
                                <option value="전체" selected>전체</option>
                                <option value="제목">제목</option>
                                <option value="내용">내용</option>
                            </select>
                        </div>
                        <div class="search-input">
                            <h2 class="hidden"><label for="abb-search">유학프로그램 검색</label></h2>
                            <input type="text" id="abb-search" name="">
                            <button class="btn-search">검색</button>
                        </div>
                    </div>

                    <!-- board:list -->
                    <div class="area-board-list">
                        <div class="list-wrap-qna">
                            <div class="roll-box">
                                <a href="qna-board-view.blade.php">
                                    <div class="q-title">질문타이틀<span class="comment-num">(2)</span> </div>
                                    <div class="user-info">
                                        <span class="user-name">글쓴이</span>
                                        <span class="user-date">날짜</span>
                                        <span class="count">조회수</span>
                                    </div>
                                    <div class="q-process complete">답변완료</div>
                                </a>
                            </div>
                            <div class="roll-box">
                                <a href="#">
                                    <div class="q-title">질문타이틀</div>
                                    <div class="user-info">
                                        <span class="user-name">글쓴이</span>
                                        <span class="user-date">날짜</span>
                                        <span class="count">조회수</span>
                                    </div>
                                    <div class="q-process">답변대기</div>
                                </a>
                            </div>
                        </div>
                    </div>

                    <!-- 공통 : 페이지네이션 -->
                    <div class="area-pagination">
                        <div class="arr">
                            <a href="#" class="first">첫 목록으로</a>
                            <a href="#" class="prev">이전 목록으로</a>
                        </div>
                        <div class="pages">
                            <a href="#" class="active">1</a>
                            <a href="#">2</a>
                            <a href="#">3</a>
                            <a href="#">4</a>
                            <a href="#">5</a>
                            <a href="#">6</a>
                            <a href="#">7</a>
                            <a href="#">8</a>
                            <a href="#">9</a>
                            <a href="#">10</a>
                        </div>
                        <div class="arr">
                            <a href="#" class="next">다음 목록으로</a>
                            <a href="#" class="last">마지막 목록으로</a>
                        </div>
                    </div>

                    <!-- 버튼 -->
                    <div class="button-wrap center">
                        <button class="button">내 글 확인하기</button>
                        <a href="#" class="button color">문의하기</a>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection