@extends('ielts.layout')

@section('ielts-css')
    {!! resource('css/ielts/sub.css') !!}

    {!! resource('css/myclass/my_class_mo.css') !!}
    {!! resource('css/myclass/my_class_mo_ielts.css') !!}
    {!! resource('css/common/nice-select-mo.css') !!}
@endsection



@section("ielts-content")
<div class="container_m">

    <div id="nav">
        <a href="#none" class="ico-back">뒤로가기</a>
        <h2>1:1 학습문의</h2>
    </div>
    <div id="btn">
        <a href="#none" class="btn-write on">
            등록
        </a>
    </div>
    <div id="container" class="bg-gray">
        <div class="filter">
            <select class="select-option wide" name="" id="" required>
                <option value="" disabled selected>강좌를 선택해 주세요.</option>
                <option value="">%강좌%</option>
                <option value="">%강좌%</option>
                <option value="">%강좌%</option>
                <option value="">%강좌%</option>
            </select>
        </div>
        <input type="text" placeholder="제목을 입력하세요.">
        <textarea name="" id="" placeholder="내용을 입력해주세요." class="w100txt"></textarea>
        <div class="file-wrap">
            <h4>
                <i class="ico-camera"></i>
                파일첨부
            </h4>
            <a href="#none" class="add-file">파일추가</a>
            <div class="file-list">
                <ul>
                    <li>
                        <span>%첨부파일명%. 확장자</span>
                        <i class="ico-file-delete"></i>
                    </li>
                    <li>
                        <span>%첨부파일명%. 확장자</span>
                        <i class="ico-file-delete"></i>
                    </li>
                    <li>
                        <span>%첨부파일명%. 확장자</span>
                        <i class="ico-file-delete"></i>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
@endsection



@section('ielts-script')

    {!! resource('js/common/jquery.nice-select-mo.js') !!}
    <script>
        $(document).ready(function () {
            $('.select-option').niceSelect();
            // textarea 내용 늘어나게
            $(document).on("keypress", "textarea", function (e) {
                var height = $(this).css("height");
                var iScrollHeight = $(this).prop("scrollHeight");
                $(this).css('height',iScrollHeight);
            });
        });
    </script>
@endsection