@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="wrapper" class="contents">
                <table class="table">
                    <tr>
                        <th>最大積載量は1.5トン以上ですか？　</th>
                        <td><ul class="line">
                                <li>
                                    <input type="radio" name="maxweight" id="1" checked>
                                    <label for="1">はい</label>
                                </li>
                                <li>
                                    <input type="radio" name="maxweight" id="2">
                                    <label for="2">いいえ</label>
                                </li>
                            </ul></td>
                    </tr>
                    <tr>
                        <th>車検証<span>必須</span></th>
                        <td><img src="{{ asset('assets/user/img/syakensyo.jpg') }}">
                            <div class="form__file">
                                <input type="file" name="hoge" class="form__file--input">
                                <label for="01">ファイルを選択</label>
                            </div>

                            <!--<p class="error">エラー表示エラー表示エラー表示エラー表示</p--></td>
                    </tr>
                    <tr>
                        <th>走行距離</th>
                        <td><input type="text" placeholder="例）10.5万km" value="10.5万km">

                            <!--<p class="error">エラー表示エラー表示エラー表示エラー表示</p--></td>
                    </tr>
                    <tr>
                        <th>前斜め右<span>必須</span></th>
                        <td><img src="{{ asset('assets/user/img/sample.jpg') }}">
                            <div class="sample-wrap">
                                <div class="sample"><img src="{{ asset('assets/user/img/sample.jpg') }}">
                                    <p>参考<br>
                                        画像</p>
                                </div>
                                <div class="form__file">
                                    <input type="file" name="hoge" class="form__file--input">
                                    <label for="01">ファイルを選択</label>
                                </div>
                            </div>

                            <!--<p class="error">エラー表示エラー表示エラー表示エラー表示</p--></td>
                    </tr>
                    <tr>
                        <th>前斜め左<span>必須</span></th>
                        <td><img src="{{ asset('assets/user/img/sample2.jpg') }}">
                            <div class="sample-wrap">
                                <div class="sample"><img src="{{ asset('assets/user/img/sample2.jpg') }}">
                                    <p>参考<br>
                                        画像</p>
                                </div>
                                <div class="form__file">
                                    <input type="file" name="hoge" class="form__file--input">
                                    <label for="01">ファイルを選択</label>
                                </div>
                            </div>

                            <!--<p class="error">エラー表示エラー表示エラー表示エラー表示</p--></td>
                    </tr>
                    <tr>
                        <th>後ろ斜め右</th>
                        <td><div class="sample-wrap">
                                <div class="sample"><img src="{{ asset('assets/user/img/sample.jpg') }}">
                                    <p>参考<br>
                                        画像</p>
                                </div>
                                <div class="form__file">
                                    <input type="file" name="hoge" class="form__file--input">
                                    <label for="01">ファイルを選択</label>
                                </div>
                            </div>

                            <!--<p class="error">エラー表示エラー表示エラー表示エラー表示</p--></td>
                    </tr>
                    <tr>
                        <th>後ろ斜め左</th>
                        <td><div class="sample-wrap">
                                <div class="sample"><img src="{{ asset('assets/user/img/sample.jpg') }}">
                                    <p>参考<br>
                                        画像</p>
                                </div>
                                <div class="form__file">
                                    <input type="file" name="hoge" class="form__file--input">
                                    <label for="01">ファイルを選択</label>
                                </div>
                            </div>

                            <!--<p class="error">エラー表示エラー表示エラー表示エラー表示</p--></td>
                    </tr>
                    <tr>
                        <th>荷台床</th>
                        <td><div class="sample-wrap">
                                <div class="sample"><img src="{{ asset('assets/user/img/sample.jpg') }}">
                                    <p>参考<br>
                                        画像</p>
                                </div>
                                <div class="form__file">
                                    <input type="file" name="hoge" class="form__file--input">
                                    <label for="01">ファイルを選択</label>
                                </div>
                            </div>

                            <!--<p class="error">エラー表示エラー表示エラー表示エラー表示</p--></td>
                    </tr>
                    <tr>
                        <th>荷台天井</th>
                        <td><div class="sample-wrap">
                                <div class="sample"><img src="{{ asset('assets/user/img/sample.jpg') }}">
                                    <p>参考<br>
                                        画像</p>
                                </div>
                                <div class="form__file">
                                    <input type="file" name="hoge" class="form__file--input">
                                    <label for="01">ファイルを選択</label>
                                </div>
                            </div>

                            <!--<p class="error">エラー表示エラー表示エラー表示エラー表示</p--></td>
                    </tr>
                    <tr>
                        <th>フレーム前方</th>
                        <td><div class="sample-wrap">
                                <div class="sample"><img src="{{ asset('assets/user/img/sample.jpg') }}">
                                    <p>参考<br>
                                        画像</p>
                                </div>
                                <div class="form__file">
                                    <input type="file" name="hoge" class="form__file--input">
                                    <label for="01">ファイルを選択</label>
                                </div>
                            </div>

                            <!--<p class="error">エラー表示エラー表示エラー表示エラー表示</p--></td>
                    </tr>
                    <tr>
                        <th>フレーム中間</th>
                        <td><div class="sample-wrap">
                                <div class="sample"><img src="{{ asset('assets/user/img/sample.jpg') }}">
                                    <p>参考<br>
                                        画像</p>
                                </div>
                                <div class="form__file">
                                    <input type="file" name="hoge" class="form__file--input">
                                    <label for="01">ファイルを選択</label>
                                </div>
                            </div>

                            <!--<p class="error">エラー表示エラー表示エラー表示エラー表示</p--></td>
                    </tr>
                    <tr>
                        <th>フレーム後方</th>
                        <td><div class="sample-wrap">
                                <div class="sample"><img src="{{ asset('assets/user/img/sample.jpg') }}">
                                    <p>参考<br>
                                        画像</p>
                                </div>
                                <div class="form__file">
                                    <input type="file" name="hoge" class="form__file--input">
                                    <label for="01">ファイルを選択</label>
                                </div>
                            </div>

                            <!--<p class="error">エラー表示エラー表示エラー表示エラー表示</p--></td>
                    </tr>
                    <tr>
                        <th>メーター</th>
                        <td><div class="sample-wrap">
                                <div class="sample"><img src="{{ asset('assets/user/img/sample.jpg') }}">
                                    <p>参考<br>
                                        画像</p>
                                </div>
                                <div class="form__file">
                                    <input type="file" name="hoge" class="form__file--input">
                                    <label for="01">ファイルを選択</label>
                                </div>
                            </div>

                            <!--<p class="error">エラー表示エラー表示エラー表示エラー表示</p--></td>
                    </tr>
                    <tr>
                        <th>ペダル</th>
                        <td><div class="sample-wrap">
                                <div class="sample"><img src="{{ asset('assets/user/img/sample.jpg') }}">
                                    <p>参考<br>
                                        画像</p>
                                </div>
                                <div class="form__file">
                                    <input type="file" name="hoge" class="form__file--input">
                                    <label for="01">ファイルを選択</label>
                                </div>
                            </div>

                            <!--<p class="error">エラー表示エラー表示エラー表示エラー表示</p--></td>
                    </tr>
                    <tr>
                        <th>シフト</th>
                        <td><div class="sample-wrap">
                                <div class="sample"><img src="{{ asset('assets/user/img/sample.jpg') }}">
                                    <p>参考<br>
                                        画像</p>
                                </div>
                                <div class="form__file">
                                    <input type="file" name="hoge" class="form__file--input">
                                    <label for="01">ファイルを選択</label>
                                </div>
                            </div>

                            <!--<p class="error">エラー表示エラー表示エラー表示エラー表示</p--></td>
                    </tr>
                    <tr>
                        <th>外装損傷箇所</th>
                        <td><div class="sample-wrap">
                                <div class="sample"><img src="{{ asset('assets/user/img/sample.jpg') }}">
                                    <p>参考<br>
                                        画像</p>
                                </div>
                                <div class="form__file">
                                    <input type="file" name="hoge" class="form__file--input">
                                    <label for="01">ファイルを選択</label>
                                </div>
                            </div>
                            <p class="if">※損傷箇所があれば画像をアップロードしてください。</p>

                            <!--<p class="error">エラー表示エラー表示エラー表示エラー表示</p--></td>
                    </tr>
                    <tr>
                        <th>備考</th>
                        <td><textarea placeholder="車両の仕様、不具合など">テキストテキストテキストテキスト</textarea></td>
                    </tr>
                    <tr>
                        <th>公道走行</th>
                        <td><ul class="line">
                                <li>
                                    <input type="radio" name="pubric-run" id="3" checked>
                                    <label for="3">可能</label>
                                </li>
                                <li>
                                    <input type="radio" name="pubric-run" id="4">
                                    <label for="4">不可能</label>
                                </li>
                            </ul></td>
                    </tr>
                    <tr>
                        <th>事故歴</th>
                        <td><ul class="line">
                                <li>
                                    <input type="radio" name="accident" id="accident-no" checked>
                                    <label for="accident-no">なし</label>
                                </li>
                                <li>
                                    <input type="radio" name="accident" id="accident-yes">
                                    <label for="accident-yes">あり</label>
                                </li>
                            </ul>
                            <div class="hide-data">
                                <textarea placeholder=""></textarea>
                                <div class="form__file">
                                    <input type="file" name="hoge" class="form__file--input" id="15">
                                    <label for="15">ファイルを選択</label>
                                </div>
                            </div></td>
                    </tr>
                    <tr>
                        <th>不具合</th>
                        <td><ul class="line">
                                <li>
                                    <input type="radio" name="inconvenience" id="inconvenience-no" checked>
                                    <label for="inconvenience-no">なし</label>
                                </li>
                                <li>
                                    <input type="radio" name="inconvenience" id="inconvenience-yes">
                                    <label for="inconvenience-yes">あり</label>
                                </li>
                            </ul>
                            <div class="hide-data">
                                <textarea placeholder=""></textarea>
                                <div class="form__file">
                                    <input type="file" name="hoge" class="form__file--input" id="16">
                                    <label for="16">ファイルを選択</label>
                                </div>
                            </div></td>
                    </tr>
                    <tr>
                        <th>他社見積り</th>
                        <td><ul class="line">
                                <li>
                                    <input type="radio" name="estimate" id="estimate-no" checked>
                                    <label for="estimate-no">なし</label>
                                </li>
                                <li>
                                    <input type="radio" name="estimate" id="estimate-yes">
                                    <label for="estimate-yes">あり</label>
                                </li>
                            </ul>
                            <div class="hide-data">
                                <textarea placeholder=""></textarea>
                                <div class="form__file">
                                    <input type="file" name="hoge" class="form__file--input" id="17">
                                    <label for="17">ファイルを選択</label>
                                </div>
                            </div></td>
                    </tr>
                    <tr>
                        <th>売却希望価格</th>
                        <td><input type="text" placeholder="希望があれば入力してください。" value="200000" class="including-yen">
                            円</td>
                    </tr>
                </table>
                <input type="submit" value="保存する" onClick="location.href='{{ route('user.vehicles.index') }}'; return false;">
            </div>
        </form>
    </main>
@endsection