@extends('admin.layouts.app')

@section('content')

        <div class="tour-content">
            <h2 class="title float-l">車両詳細</h2>
            <p class="float-r">サポーター名：ウルトラ東京001</p>
        </div>
        <aside>
            <ul class="tab-group">
                <li class="tab is-active"><a href="{{ route("admin.vehicles.edit") }}">車両情報</a></li>
                <li class="tab"><a href="{{ route("admin.contract.edit") }}">契約情報</a></li>
            </ul>
        </aside>
        <table class="table2 mb">
            <tr>
                <th>1.5トン以上</th>
                <td colspan="2"><input type="text" placeholder="" class="text" value="はい" readonly></td>
            </tr>
        </table>
        <div class="slider-box">
            <div class="text">
                <table class="table2">
                    <tr>
                        <th>年式</th>
                        <td><input type="text"></td>
                    </tr>
                    <tr>
                        <th>型式</th>
                        <td><input type="text"></td>
                    </tr>
                    <tr>
                        <th>形状</th>
                        <td><input type="text"></td>
                    </tr>
                    <tr>
                        <th>車台番号</th>
                        <td><input type="text"></td>
                    </tr>
                    <tr>
                        <th>担当者</th>
                        <td><input type="text"></td>
                    </tr>
                </table>
            </div>
            <div class="pic">
                <ul class="slider">
                    <li>
                        <a href="{{ asset("assets/admin/img/syakensyo.jpg") }}" data-lity="data-lity"><img src="{{ asset("assets/admin/img/syakensyo.jpg") }}"></a>
                    </li>
                    <li>
                        <a href="{{ asset("assets/admin/img/syakensyo.jpg") }}" data-lity="data-lity"><img src="{{ asset("assets/admin/img/syakensyo.jpg") }}"></a>
                    </li>
                </ul>
            </div>
        </div>
        <table class="table2 mb">
            <tr>
                <th>走行距離</th>
                <td colspan="2"><input type="text" placeholder="" class="text" value="100,000Km" readonly></td>
            </tr>
        </table>
        <div class="table-wrap2">
            <!-- -->
            <div class="table-wrap-left">
                <div class="slider-box2">
                    <div class="text">
                        <h2>前斜め右</h2>
                    </div>
                    <div class="pic">
                        <ul class="slider">
                            <li>
                                <a href="{{ asset("assets/admin/img/sample.jpg") }}" data-lity="data-lity"><img src="{{ asset("assets/admin/img/sample.jpg") }}"></a>
                            </li>
                            <li>
                                <a href="{{ asset("assets/admin/img/sample.jpg") }}" data-lity="data-lity"><img src="{{ asset("assets/admin/img/sample.jpg") }}"></a>
                            </li>
                            <li>
                                <a href="{{ asset("assets/admin/img/sample.jpg") }}" data-lity="data-lity"><img src="{{ asset("assets/admin/img/sample.jpg") }}"></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="table-wrap-right">
                <div class="slider-box2">
                    <div class="text">
                        <h2>前斜め左</h2>
                    </div>
                    <div class="pic">
                        <ul class="slider">
                            <li>
                                <a href="{{ asset("assets/admin/img/sample.jpg") }}" data-lity="data-lity"><img src="{{ asset("assets/admin/img/sample.jpg") }}"></a>
                            </li>
                            <li>
                                <a href="{{ asset("assets/admin/img/sample.jpg") }}" data-lity="data-lity"><img src="{{ asset("assets/admin/img/sample.jpg") }}"></a>
                            </li>
                            <li>
                                <a href="{{ asset("assets/admin/img/sample.jpg") }}" data-lity="data-lity"><img src="{{ asset("assets/admin/img/sample.jpg") }}"></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>

            <div class="table-wrap-left">
                <div class="slider-box2">
                    <div class="text">
                        <h2>後ろ斜め右</h2>
                    </div>
                    <div class="pic">
                        <ul class="slider">
                            <li>
                                <a href="{{ asset("assets/admin/img/sample.jpg") }}" data-lity="data-lity"><img src="{{ asset("assets/admin/img/sample.jpg") }}"></a>
                            </li>
                            <li>
                                <a href="{{ asset("assets/admin/img/sample.jpg") }}" data-lity="data-lity"><img src="{{ asset("assets/admin/img/sample.jpg") }}"></a>
                            </li>
                            <li>
                                <a href="{{ asset("assets/admin/img/sample.jpg") }}" data-lity="data-lity"><img src="{{ asset("assets/admin/img/sample.jpg") }}"></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="table-wrap-right">
                <div class="slider-box2">
                    <div class="text">
                        <h2>後ろ斜め左</h2>
                    </div>
                    <div class="pic">
                        <ul class="slider">
                            <li>
                                <a href="{{ asset("assets/admin/img/sample.jpg") }}" data-lity="data-lity"><img src="{{ asset("assets/admin/img/sample.jpg") }}"></a>
                            </li>
                            <li>
                                <a href="{{ asset("assets/admin/img/sample.jpg") }}" data-lity="data-lity"><img src="{{ asset("assets/admin/img/sample.jpg") }}"></a>
                            </li>
                            <li>
                                <a href="{{ asset("assets/admin/img/sample.jpg") }}" data-lity="data-lity"><img src="{{ asset("assets/admin/img/sample.jpg") }}"></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>

            <div class="table-wrap-left">
                <div class="slider-box2">
                    <div class="text">
                        <h2>庫内床</h2>
                    </div>
                    <div class="pic">
                        <ul class="slider">
                            <li>
                                <a href="{{ asset("assets/admin/img/sample.jpg") }}" data-lity="data-lity"><img src="{{ asset("assets/admin/img/sample.jpg") }}"></a>
                            </li>
                            <li>
                                <a href="{{ asset("assets/admin/img/sample.jpg") }}" data-lity="data-lity"><img src="{{ asset("assets/admin/img/sample.jpg") }}"></a>
                            </li>
                            <li>
                                <a href="{{ asset("assets/admin/img/sample.jpg") }}" data-lity="data-lity"><img src="{{ asset("assets/admin/img/sample.jpg") }}"></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="table-wrap-right">
                <div class="slider-box2">
                    <div class="text">
                        <h2>庫内天井</h2>
                    </div>
                    <div class="pic">
                        <ul class="slider">
                            <li>
                                <a href="{{ asset("assets/admin/img/sample.jpg") }}" data-lity="data-lity"><img src="{{ asset("assets/admin/img/sample.jpg") }}"></a>
                            </li>
                            <li>
                                <a href="{{ asset("assets/admin/img/sample.jpg") }}" data-lity="data-lity"><img src="{{ asset("assets/admin/img/sample.jpg") }}"></a>
                            </li>
                            <li>
                                <a href="{{ asset("assets/admin/img/sample.jpg") }}" data-lity="data-lity"><img src="{{ asset("assets/admin/img/sample.jpg") }}"></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>

            <div class="table-wrap-left">
                <div class="slider-box2">
                    <div class="text">
                        <h2>フレーム前方</h2>
                    </div>
                    <div class="pic">
                        <ul class="slider">
                            <li>
                                <a href="{{ asset("assets/admin/img/sample.jpg") }}" data-lity="data-lity"><img src="{{ asset("assets/admin/img/sample.jpg") }}"></a>
                            </li>
                            <li>
                                <a href="{{ asset("assets/admin/img/sample.jpg") }}" data-lity="data-lity"><img src="{{ asset("assets/admin/img/sample.jpg") }}"></a>
                            </li>
                            <li>
                                <a href="{{ asset("assets/admin/img/sample.jpg") }}" data-lity="data-lity"><img src="{{ asset("assets/admin/img/sample.jpg") }}"></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="table-wrap-right">
                <div class="slider-box2">
                    <div class="text">
                        <h2>フレーム中間</h2>
                    </div>
                    <div class="pic">
                        <ul class="slider">
                            <li>
                                <a href="{{ asset("assets/admin/img/sample.jpg") }}" data-lity="data-lity"><img src="{{ asset("assets/admin/img/sample.jpg") }}"></a>
                            </li>
                            <li>
                                <a href="{{ asset("assets/admin/img/sample.jpg") }}" data-lity="data-lity"><img src="{{ asset("assets/admin/img/sample.jpg") }}"></a>
                            </li>
                            <li>
                                <a href="{{ asset("assets/admin/img/sample.jpg") }}" data-lity="data-lity"><img src="{{ asset("assets/admin/img/sample.jpg") }}"></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>

            <div class="table-wrap-left">
                <div class="slider-box2">
                    <div class="text">
                        <h2>フレーム後方</h2>
                    </div>
                    <div class="pic">
                        <ul class="slider">
                            <li>
                                <a href="{{ asset("assets/admin/img/sample.jpg") }}" data-lity="data-lity"><img src="{{ asset("assets/admin/img/sample.jpg") }}"></a>
                            </li>
                            <li>
                                <a href="{{ asset("assets/admin/img/sample.jpg") }}" data-lity="data-lity"><img src="{{ asset("assets/admin/img/sample.jpg") }}"></a>
                            </li>
                            <li>
                                <a href="{{ asset("assets/admin/img/sample.jpg") }}" data-lity="data-lity"><img src="{{ asset("assets/admin/img/sample.jpg") }}"></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="table-wrap-right">
                <div class="slider-box2">
                    <div class="text">
                        <h2>メーター</h2>
                    </div>
                    <div class="pic">
                        <ul class="slider">
                            <li>
                                <a href="{{ asset("assets/admin/img/sample.jpg") }}" data-lity="data-lity"><img src="{{ asset("assets/admin/img/sample.jpg") }}"></a>
                            </li>
                            <li>
                                <a href="{{ asset("assets/admin/img/sample.jpg") }}" data-lity="data-lity"><img src="{{ asset("assets/admin/img/sample.jpg") }}"></a>
                            </li>
                            <li>
                                <a href="{{ asset("assets/admin/img/sample.jpg") }}" data-lity="data-lity"><img src="{{ asset("assets/admin/img/sample.jpg") }}"></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>

            <div class="table-wrap-left">
                <div class="slider-box2">
                    <div class="text">
                        <h2>ペダル</h2>
                    </div>
                    <div class="pic">
                        <ul class="slider">
                            <li>
                                <a href="{{ asset("assets/admin/img/sample.jpg") }}" data-lity="data-lity"><img src="{{ asset("assets/admin/img/sample.jpg") }}"></a>
                            </li>
                            <li>
                                <a href="{{ asset("assets/admin/img/sample.jpg") }}" data-lity="data-lity"><img src="{{ asset("assets/admin/img/sample.jpg") }}"></a>
                            </li>
                            <li>
                                <a href="{{ asset("assets/admin/img/sample.jpg") }}" data-lity="data-lity"><img src="{{ asset("assets/admin/img/sample.jpg") }}"></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="table-wrap-right">
                <div class="slider-box2">
                    <div class="text">
                        <h2>シフトレバー</h2>
                    </div>
                    <div class="pic">
                        <ul class="slider">
                            <li>
                                <a href="{{ asset("assets/admin/img/sample.jpg") }}" data-lity="data-lity"><img src="{{ asset("assets/admin/img/sample.jpg") }}"></a>
                            </li>
                            <li>
                                <a href="{{ asset("assets/admin/img/sample.jpg") }}" data-lity="data-lity"><img src="{{ asset("assets/admin/img/sample.jpg") }}"></a>
                            </li>
                            <li>
                                <a href="{{ asset("assets/admin/img/sample.jpg") }}" data-lity="data-lity"><img src="{{ asset("assets/admin/img/sample.jpg") }}"></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>

            <div class="table-wrap-left">
                <div class="slider-box2">
                    <div class="text">
                        <h2>運転席</h2>
                    </div>
                    <div class="pic">
                        <ul class="slider">
                            <li>
                                <a href="{{ asset("assets/admin/img/sample.jpg") }}" data-lity="data-lity"><img src="{{ asset("assets/admin/img/sample.jpg") }}"></a>
                            </li>
                            <li>
                                <a href="{{ asset("assets/admin/img/sample.jpg") }}" data-lity="data-lity"><img src="{{ asset("assets/admin/img/sample.jpg") }}"></a>
                            </li>
                            <li>
                                <a href="{{ asset("assets/admin/img/sample.jpg") }}" data-lity="data-lity"><img src="{{ asset("assets/admin/img/sample.jpg") }}"></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="table-wrap-right">
                <div class="slider-box2">
                    <div class="text">
                        <h2>外装損傷個所</h2>
                    </div>
                    <div class="pic">
                        <ul class="slider">
                            <li>
                                <a href="{{ asset("assets/admin/img/sample.jpg") }}" data-lity="data-lity"><img src="{{ asset("assets/admin/img/sample.jpg") }}"></a>
                            </li>
                            <li>
                                <a href="{{ asset("assets/admin/img/sample.jpg") }}" data-lity="data-lity"><img src="{{ asset("assets/admin/img/sample.jpg") }}"></a>
                            </li>
                            <li>
                                <a href="{{ asset("assets/admin/img/sample.jpg") }}" data-lity="data-lity"><img src="{{ asset("assets/admin/img/sample.jpg") }}"></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>

            <!-- -->
        </div>
        <table class="table2 mb">
            <tr>
                <th>備考</th>
                <td><textarea placeholder="" class="text" readonly>車両の仕様が入ります。車両の仕様が入ります。車両の仕様が入ります。車両の仕様が入ります。</textarea></td>
            </tr>
            <tr>
                <th>公道走行</th>
                <td><input type="text" placeholder="" class="text" value="不可能" readonly>

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

                    <textarea placeholder="" class="text" readonly>不可能な理由が入ります。不可能な理由が入ります。不可能な理由が入ります。不可能な理由が入ります。</textarea></td>
            </tr>
            <tr>
                <th>事故歴・不具合</th>
                <td><input type="text" placeholder="" class="text" value="あり" readonly>

                    <!--ありな場合のみ-->

                    <textarea placeholder="" class="text" readonly>事故歴・不具合の具体的な理由が入ります。事故歴・不具合の具体的な理由が入ります。事故歴・不具合の具体的な理由が入ります。事故歴・不具合の具体的な理由が入ります。</textarea></td>
            </tr>
            <tr>
                <th>他社見積り</th>
                <td><input type="text" placeholder="" class="text" value="あり" readonly>

                    <!--ありな場合のみ-->

                    <textarea placeholder="" class="including-yen" readonly>100,000</textarea>円</td>
            </tr>
            <tr>
                <th>引取予定場所</th>
                <td><input type="text" placeholder="" class="text" value="車検証の使用者の使用本拠地と異なる" readonly>

                    <!--ありな場合のみ-->

                    <textarea placeholder="" readonly>福岡県八女市室岡１０００</textarea></td>
            </tr>
            <tr class="estimate-input">
                <th>見積金額</th>
                <td>

                    <input type="text" class="including-yen">円</td>
            </tr>
        </table>
        <div class="search-btn">
            <button type="button" class="edit">編集する</button>
        </div>
        <div class="search-btn"> <a href="{{ route('admin.vehicles.index') }}" class="back">一覧に戻る</a> </div>
        <div class="other-btns">
            <ul>
                <li><a href="" class="chat">チャット画面 </a></li>
            </ul>
        </div>

@endsection

@section('page_js')
    <script>
        $(function () {
            $(document).ready(function () {
                $("ul.slider.slick-initialized.slick-slider img.slick-arrow:first-child").attr('src', "{{ asset('assets/admin/img/btn-prev.png') }}");
                $("ul.slider.slick-initialized.slick-slider img.slick-arrow:last-child").attr('src', "{{ asset('assets/admin/img/btn-next.png') }}");
            });
        });
    </script>
@endsection