@extends('admin.layouts.app')

@section('content')

        <div class="tour-content">
            <h2 class="title float-l">契約詳細</h2>
            <p class="float-r">サポーター名　　：ウルトラ東京001<br> サポーター連絡先：0120-12-3456
            </p>
        </div>
        <aside>
            <ul class="tab-group">
                <li class="tab"><a href="{{ route("admin.vehicles.edit") }}">車両情報</a></li>
                <li class="tab is-active"><a href="{{ route("admin.contract.edit") }}">契約情報</a></li>
            </ul>
        </aside>
        <table class="table2">
            <tr>
                <th>書類タイプ</th>
                <td><select class="plus-search">
                        <option>選択してください</option>
                        <option>事業用</option>
                        <option>自家用</option>
                        <option>抹消車両</option>
                    </select>
                    <input type="submit" class="ok coilok" value="決定"></td>
            </tr>
        </table>
        <table class="table2">
            <tr>
                <th></th>
                <td>
                    <ul class="list3">
                        <li>
                            <h3>委任状</h3>
                            <a href="{{ asset("assets/admin/img/ininjo.jpg") }}" data-lity="data-lity"><img src="{{ asset("assets/admin/img/ininjo.jpg") }}"></a>
                            <input type="text" placeholder="" class="text" value="現地渡し" readonly>
                        </li>
                        <li>
                            <h3>売買契約書</h3>
                            <a href="{{ asset("assets/admin/img/baibaikeiyakusho.jpg") }}" data-lity="data-lity"><img src="{{ asset("assets/admin/img/baibaikeiyakusho.jpg") }}"></a>
                            <input type="text" placeholder="" class="text" value="弊社へ郵送" readonly>
                        </li>
                        <li>
                            <h3>その他</h3>
                            <a href="{{ asset("assets/admin/img/jyuminhyou.png") }}" data-lity="data-lity"><img src="{{ asset("assets/admin/img/jyuminhyou.png") }}"></a>
                            <input type="text" placeholder="" class="text" value="弊社へ郵送" readonly>
                        </li>
                    </ul>
                </td>
            </tr>
        </table>
        <table class="table2">
            <tr>
                <th>売主名</th>
                <td><input type="text" placeholder="" class="text" value="山田太郎" readonly></td>
            </tr>
        </table>
        <div class="table-wrap2">
            <div class="table-wrap-left">
                <table class="table2">
                    <tr>
                        <th>銀行名</th>
                        <td><input type="text" placeholder="" class="text" value="" readonly></td>
                    </tr>
                    <tr>
                        <th>支店名</th>
                        <td><input type="text" placeholder="" class="text" value="" readonly></td>
                    </tr>
                </table>
            </div>
            <div class="table-wrap-right">
                <table class="table2">
                    <tr>
                        <th>口座種別</th>
                        <td><input type="text" placeholder="" class="text" value="" readonly></td>
                    </tr>
                    <tr>
                        <th>口座名義</th>
                        <td><input type="text" placeholder="" class="text" value="" readonly></td>
                    </tr>
                </table>
            </div>
        </div>
        <table class="table2">
            <tr>
                <th>口座番号</th>
                <td><input type="text" placeholder="" class="text" value="" readonly></td>
            </tr>
            <tr>
                <th>引渡先郵便番号</th>
                <td><input type="text" placeholder="" class="text" value="000-0000" readonly></td>
            </tr>
            <tr>
                <th>引渡先住所</th>
                <td><input type="text" placeholder="" class="text" value="" readonly></td>
            </tr>
            <tr>
                <th>引渡時立ち合い</th>
                <td><input type="text" placeholder="" class="text" value="不可能" readonly>

                    <!--不可能な場合のみ-->

                    <table class="table2">
                        <tr>
                            <th>担当者名</th>
                            <td><input type="text" placeholder="" class="text" value="テキストテキスト" readonly></td>
                        </tr>
                        <tr>
                            <th>電話番号</th>
                            <td><input type="text" placeholder="" class="text" value="000-000-0000" readonly></td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr>
                <th>引取希望日</th>
                <td>
                    <ul class="list3">
                        <li>
                            <input type="date" placeholder="" class="text" value="2020-12-01" readonly>
                        </li>
                        <li>
                            <input type="date" placeholder="" class="text" value="2020-12-02" readonly>
                        </li>
                        <li>
                            <input type="date" placeholder="" class="text" value="2020-12-03" readonly>
                        </li>
                    </ul>
                </td>
            </tr>
            <tr>
                <th>備考</th>
                <td><textarea placeholder="" class="text" readonly>テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</textarea></td>
            </tr>
            <tr>
                <th>引取日<sup>※</sup></th>
                <td><input type="date" placeholder="" class="text full" value="2020-12-01"></td>
            </tr>
            <tr>
                <th>買取金額<sup>※</sup></th>
                <td><input type="text" placeholder="" class="text" value="000,000円"></td>
            </tr>
            <tr>
                <th>ステータス<sup>※</sup></th>
                <td><select>
                        <option>取引成立</option>
                        <option>取引終了</option>
                        <option>取引キャンセル</option>
                    </select></td>
            </tr>
            <tr>
                <th>車検証</th>
                <td>
                    <ul class="license-list">
                        <li>
                            <a href="{{ asset('assets/admin/img/syakensyo.jpg') }}" data-lity="data-lity"><img src="{{ asset('assets/admin/img/syakensyo.jpg') }}"></a>
                        </li>
                    </ul>
                </td>
            </tr>
        </table>
        <div class="table-wrap2">
            <div class="table-wrap-left">
                <table class="table2">
                    <tr>
                        <th>看板消し画像<br> （斜め右）
                        </th>
                        <td>
                            <a href="{{ asset('assets/admin/img/sample.jpg') }}" data-lity="data-lity"><img src="{{ asset('assets/admin/img/sample.jpg') }}"></a>
                        </td>
                    </tr>
                    <tr>
                        <th>看板消し画像<br> （斜め左）
                        </th>
                        <td>
                            <a href="{{ asset('assets/admin/img/sample.jpg') }}" data-lity="data-lity"><img src="{{ asset('assets/admin/img/sample.jpg') }}"></a>
                        </td>
                    </tr>
                </table>
            </div>
            <div class="table-wrap-right">
                <table class="table2">
                    <tr>
                        <th>看板消し画像<br> （後ろ斜め右）
                        </th>
                        <td>
                            <a href="{{ asset('assets/admin/img/sample.jpg') }}" data-lity="data-lity"><img src="{{ asset('assets/admin/img/sample.jpg') }}"></a>
                        </td>
                    </tr>
                    <tr>
                        <th>看板消し画像<br> （後ろ斜め左）
                        </th>
                        <td>
                            <a href="{{ asset('assets/admin/img/sample.jpg') }}" data-lity="data-lity"><img src="{{ asset('assets/admin/img/sample.jpg') }}"></a>
                        </td>
                    </tr>
                </table>
            </div>
        </div>
        <div class="search-btn">
            <button type="button" class="edit">編集する</button>
        </div>
        <div class="search-btn"> <a href="{{ route("admin.contract.index") }}" class="back">一覧に戻る</a> </div>
        <div class="other-btns">
            <ul>
                <li><a href="" class="pdf">売買契約書</a></li>
                <li><a href="" class="pdf">買取契約書</a></li>
            </ul>
        </div>

@endsection