@extends('user.layouts.app')

@section('title', '問い合わせチャットルーム')

@section('header')
    <p class="back"><a href="javascript:history.go(-1)">
            <svg version="1.2" baseProfile="tiny" id="back"
                 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16"
                 overflow="visible" xml:space="preserve">
      <g>
          <polyline fill="none" stroke="#58595B" stroke-miterlimit="10" points="6.94,1.93 0.74,8.13 6.68,14.07 	"/>
          <line fill="none" stroke="#58595B" stroke-miterlimit="10" x1="1.21" y1="8.44" x2="15.97" y2="8.44"/>
      </g>
    </svg>
        </a></p>
    <h1 id="title">問い合わせチャットルーム</h1>
@endsection

@section('content')
    <main>
        <form>

            <div id="back-glay" class="fixclear">
                <div class="talkline-all">
                    <!--ここから-->
                    <time>2020/00/00</time>
                    <!-- -->
                    <div class="talkline">
                        <div class="left-message">
                            <ul class="fukidashi">
                                <li>
                                    <div><img src="{{ asset('assets/user/img/icon/ushi.png') }}"></div>
                                </li>
                                <li>
                                    <p>わからないことやご相談は、査定専門のプランナーがいつでもチャットでお答えします</p>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <!-- -->
                    <div class="talkline">
                        <div class="right-message">
                            <div class="fukidashi">
                                <p>書類のダウンロード方法を教えてください</p>
                            </div>
                        </div>
                    </div>
                    <!-- -->
                    <!--ここまで-->

                </div>
            </div>

            <div class="sendbox">
                <ul class="bottom-list">
                    <li>
                        <input type="file" id="filupload_01" class="dn" onchange="txtfilename_01.value = this.value;">
                        <input type="button" id="btnbrowse_01" class="btn_fileupload" onmouseover="this.className='btn_fileupload_over'" onmouseout="this.className='btn_fileupload'" onclick="filupload_01.click()" value="">
                    </li>
                    <li>
                        <textarea placeholder="Aa" id="textarea" class="waku1"></textarea>
                    </li>
                    <li>
                        <input type="submit" class="paperplane" value="">
                    </li>
                </ul>
            </div>
        </form>
    </main>
@endsection

@section('page_js')
    <script>
        $(function(){
            $('.chat-fix-btn').addClass('hide');
            $('html, body').animate({
                scrollTop: $(document).height()
            },1000);
            return false;
        });
    </script>
@endsection