@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>
        <div class="estimate-total">
            <p>お見積金額<span>000,000</span>円(税別)<i>期限：0000/00/00</i></p>
        </div>
        <div id="wrapper-gray" class="contents">
            <p class="estimate-paper"><img src="{{ asset('assets/user/img/common/estimate-sample.jpg') }}"></p>
            <p class="pdf-btn"><a href=""><span>買取見積書PDFダウンロード</span></a></p>
            <p class="get-btn"><a data-target="help" class="modal-open">オーナーの代わりに売却手続きを依頼する</a></p>
            <p class="nego-btn">オーナーの代わりに売却金額を交渉する</p>
            <p class="cancel-btn"><a data-target="cancel" class="modal-open">オーナーの代わりに依頼をキャンセルする</a></p>
        </div>
        <div id="back-glay" class="fixclear">
            <div class="sendbox estimate-ver">
                <ul class="bottom-list">
                    <li> 希望<br>
                        金額 </li>
                    <li>
                        <input type="number" class="waku2">
                        <span>円</span> </li>
                    <li>
                        <input type="submit" class="paperplane2" value="" onClick="location.href='chat.html'; return false;">
                    </li>
                </ul>
            </div>
        </div>
    </main>

    <!--MODAL -->
    <div id="cancel" class="modal-content">
        <div class="textarea">
            <h2>キャンセル理由をお聞かせください</h2>
            <ul class="reason">
                <li>
                    <input type="radio" name="answer" id="q1">
                    <label for="q1">テキストテキストテキストテキストテキスト</label>
                </li>
                <li>
                    <input type="radio" name="answer" id="q2">
                    <label for="q2">テキストテキストテキストテキストテキスト</label>
                </li>
                <li>
                    <input type="radio" name="answer" id="q3">
                    <label for="q3">テキストテキストテキストテキストテキスト</label>
                </li>
                <li>
                    <input type="radio" name="answer" id="q4">
                    <label for="q4">その他</label>
                    <textarea></textarea>
                </li>
            </ul>
            <p class="cancel-send-btn">
                <input type="submit" value="送信する">
            </p>
            <p class="no-cancel"><a class="modal-close">キャンセルを取り消す</a></p>
        </div>
    </div>
    <!-- -->

    <!--MODAL -->
    <div id="help" class="modal-content">
        <div class="textarea">
            <h2>ご自身で必要書類も準備をされますか？<br>
                それともウシトラにすべて委任しますか？</h2>
            <ul class="reason">
                <li>
                    <input type="radio" name="self" id="do1">
                    <label for="do1">自分で行う</label>
                </li>
                <li>
                    <input type="radio" name="self" id="do2">
                    <label for="do2">ウシトラに委任する</label>
                    <p class="att"><small>※ウシトラに委任する場合手数料5,000円がかかります。<br>
                            ※手数料は紹介料から差し引かれます</small></p>
                </li>
            </ul>
            <p class="cancel-send-btn">
                <input type="submit" value="この内容で決定する" onClick="location.href='history.html'; return false;">
            </p>
            <p class="no-cancel"><a class="modal-close">戻る</a></p>
        </div>
    </div>
    <!-- -->
@endsection