@extends('user.layouts.app')

@section('title', '取引成立履歴')

@section('header')
    <h1 id="title">取引成立履歴</h1>
@endsection

@section('content')
    <main>
        <form>
            <div id="wrapper-gray" class="contents">
                <ul class="assessment-list">
                    <li>
                        <div class="picandtext">
                            <div class="pic"><span class="established">取引<br>成立 </span><img src="{{ asset('assets/user/img/sample.jpg') }}"></div>
                            <div class="text">
                                <dl>
                                    <dt>受付番号</dt>
                                    <dd>000000</dd>
                                    <dt>形状</dt>
                                    <dd>ウイング</dd>
                                    <dt>型式</dt>
                                    <dd>2PG-FD2ALB</dd>
                                </dl>
                            </div>
                        </div>
                        <div class="cash">
                            <p>買取金額<span>000,000</span>円</p>
                        </div>
                        <div class="date">
                            <p>引き取り日:2020.00.00</p>
                        </div>
                        <p class="chat-btn"><a href="{{ route('user.chat.room') }}"><span>チャットルーム</span></a></p>
                        <ul class="pdf-line">
                            <li>
                                <a href="" download><span>買取見積書</span></a>
                            </li>
                            <li>
                                <a href="" download><span>売買契約書</span></a>
                            </li>
                        </ul>
                        <p class="user-information-btn"><a href="{{ route('user.vehicles.contractor_register') }}"><span>契約者情報を登録</span></a></p>
                    </li>
                    <li>
                        <div class="picandtext">
                            <div class="pic"><span class="end">取引<br>
              終了</span><img src="{{ asset('assets/user/img/sample.jpg') }}"></div>

                            <div class="text">
                                <dl>
                                    <dt>受付番号</dt>
                                    <dd>000000</dd>
                                    <dt>形状</dt>
                                    <dd>ウイング</dd>
                                    <dt>型式</dt>
                                    <dd>2PG-FD2ALB</dd>
                                </dl>
                            </div>
                        </div>
                        <div class="cash">
                            <p>買取金額<span>000,000</span>円</p>
                        </div>
                        <div class="date">
                            <p>引き取り日:2020.00.00</p>
                        </div>
                        <p class="chat-btn"><a href="{{ route('user.chat.room') }}"><span>チャットルーム</span></a></p>
                        <ul class="pdf-line">
                            <li>
                                <a href="" download><span>買取見積書</span></a>
                            </li>
                            <li>
                                <a href="" download><span>売買契約書</span></a>
                            </li>
                        </ul>
                        <p class="user-information-confirm-btn"><a href="{{ route('user.vehicles.contractor_confirm') }}"><span>契約者情報を確認</span></a></p>
                        <p class="image-btn"><a data-target="images" class="modal-open">車検証・車両画像</a></p>
                    </li>

                    <li>
                        <div class="picandtext">
                            <div class="pic"><span class="ok">引取日<br>確定</span><img src="{{ asset('assets/user/img/sample.jpg') }}"></div>

                            <div class="text">
                                <dl>
                                    <dt>受付番号</dt>
                                    <dd>000000</dd>
                                    <dt>形状</dt>
                                    <dd>ウイング</dd>
                                    <dt>型式</dt>
                                    <dd>2PG-FD2ALB</dd>
                                </dl>
                            </div>
                        </div>
                        <div class="cash">
                            <p>買取金額<span>000,000</span>円</p>
                        </div>
                        <div class="date">
                            <p>引き取り日:2020.00.00</p>
                        </div>
                        <p class="chat-btn"><a href="{{ route('user.chat.room') }}"><span>チャットルーム</span></a></p>
                        <ul class="pdf-line">
                            <li>
                                <a href="" download><span>買取見積書</span></a>
                            </li>
                            <li>
                                <a href="" download><span>売買契約書</span></a>
                            </li>
                        </ul>
                        <p class="user-information-confirm-btn"><a href="{{ route('user.vehicles.contractor_confirm') }}"><span>契約者情報を確認</span></a></p>
                        <p class="image-btn"><a data-target="images" class="modal-open">車検証・車両画像</a></p>
                    </li>

                    <li class="bk-glay">
                        <div class="picandtext">
                            <div class="pic"><span class="cancel">キャン<br>
              セル</span><img src="{{ asset('assets/user/img/sample.jpg') }}"></div>
                            <div class="text">
                                <dl>
                                    <dt>受付番号</dt>
                                    <dd>000000</dd>
                                    <dt>形状</dt>
                                    <dd>ウイング</dd>
                                    <dt>型式</dt>
                                    <dd>2PG-FD2ALB</dd>
                                </dl>
                            </div>
                        </div>
                        <div class="cash">
                            <p>買取金額<span>000,000</span>円</p>
                        </div>
                        <div class="date">
                            <p>引き取り日:2020.00.00</p>
                        </div>
                        <p class="chat-btn"><a href="{{ route('user.chat.room') }}"><span>チャットルーム</span></a></p>
                        <ul class="pdf-line">
                            <li>
                                <a href="" download><span>買取見積書</span></a>
                            </li>
                            <li>
                                <a href="" download><span>売買契約書</span></a>
                            </li>
                        </ul>
                        <p class="user-information-confirm-btn"><a href="{{ route('user.vehicles.contractor_confirm') }}"><span>契約者情報を確認</span></a></p>
                    </li>

                    <li class="bk-glay">
                        <div class="picandtext">
                            <div class="pic"><span class="changes">金額変更<br>後買取
</span><img src="{{ asset('assets/user/img/sample.jpg') }}"></div>
                            <div class="text">
                                <dl>
                                    <dt>受付番号</dt>
                                    <dd>000000</dd>
                                    <dt>形状</dt>
                                    <dd>ウイング</dd>
                                    <dt>型式</dt>
                                    <dd>2PG-FD2ALB</dd>
                                </dl>
                            </div>
                        </div>
                        <div class="cash">
                            <p>買取金額<span>000,000</span>円</p>
                        </div>
                        <div class="date">
                            <p>引き取り日:2020.00.00</p>
                        </div>
                        <p class="chat-btn"><a href="{{ route('user.chat.room') }}"><span>チャットルーム</span></a></p>
                        <!--
                   <p class="pdf-btn"><a href="" download><span>買取見積書PDFダウンロード</span></a></p>
         -->
                        <ul class="pdf-line">
                            <li>
                                <a href="" download><span>買取見積書</span></a>
                            </li>
                            <li>
                                <a href="" download><span>売買契約書</span></a>
                            </li>
                        </ul>
                        <p class="user-information-confirm-btn"><a href="{{ route('user.vehicles.contractor_confirm') }}"><span>契約者情報を確認</span></a></p>
                    </li>
                </ul>
            </div>
            <!--MODAL -->
            <div id="images" class="modal-content">
                <div class="textarea">
                    <h2 class="centre nobold">[車検証]</h2>
                    <img src="{{ asset('assets/user/img/syakensyo.jpg') }}" alt="image">
                    <h2 class="centre nobold">[車両画像]</h2>
                    <img src="{{ asset('assets/user/img/sample.jpg') }}" alt="image"> <img src="{{ asset('assets/user/img/sample2.jpg') }}" alt="image"> <img src="{{ asset('assets/user/img/sample.jpg') }}" alt="image"> <img src="{{ asset('assets/user/img/sample2.jpg') }}" alt="image">
                    <p class="no-cancel"><a class="modal-close">戻る</a></p>
                </div>
            </div>
            <!-- -->
        </form>
    </main>
@endsection