@extends('layouts.default')

@section('content')

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

    <div class="container inquiry">
        <!-- 사이트 경로 표시 -->
        <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:view -->
                    <div class="area-board-view">
                        <div class="view-wrap-qna">
                            <!-- 게시판 헤더 -->
                            <div class="view-header">
                                <div class="q-title"><i>Q.</i>질문타이틀</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>
                            </div>
                            <!-- 질문내용 -->
                            <div class="view-content-question">
                                문의내용문의내용문의내용문의내용문의내용문의내용문의내용문의내용문의내용문의내용문의내용문의내용문의내용문의내용문의내용문의내용문의내용문의내용
                            </div>
                            <!-- 답변내용 -->
                            <div class="view-content-answer">
                                답변내용답변내용답변내용답변내용답변내용답변내답변내용답변내용답변내용답변내용답변내용답변내용답변내용답변내용답변내용답변내용답변내용답변내용
                                <div class="write-date">2020.01.22</div>
                            </div>
                            <!-- 질문내용 -->
                            <div class="view-content-question">
                                재문의<br>
                                재문의<br>
                                재문의<br>
                                재문의<br>
                                <div class="write-date">2020.01.22</div>
                            </div>
                            <!-- 질문내용 -->
                            <div class="view-content-answer">
                                답변내용<br>
                                답변내용<br>
                                답변내용<br>
                                답변내용<br>
                                답변내용<br>
                                <div class="write-date">2020.01.22</div>
                            </div>
                            <!-- 코멘트작성 -->
                            <div class="view-content-comment">
                                <textarea></textarea>
                            </div>
                        </div>
                    </div>

                    <div class="button-wrap center">
                        <!--<button class="button">다시문의하기</button>-->
                        <button class="button">수정</button>
                        <input type="reset" class="button" value="삭제">
                        <a href="#" class="button color">목록</a>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection