@extends('admin.layouts.app')

@section('content')

        <div class="tour-content">
            <h2 class="title float-l">契約詳細</h2>
            <p class="float-r">サポーター名　　：{{ is_object($vehicle->user) ? $vehicle->user->supporter_id : '' }}<br> サポーター連絡先：{{ is_object($vehicle->user) ? $vehicle->user->tel : '' }}
            </p>
        </div>
        <aside>
            <ul class="tab two tab-group">
                <li class="" id="TAB1">車両情報</li>
                <li class="select" id="TAB2">契約情報</li>
            </ul>
        </aside>
        <ul class="content">
            <li class="TAB1">
                @if(Auth::guard('admin')->user()->isYuaiJapan())
                    @include('admin.vehicle.form._edit_yuai')
                @else
                    @include('admin.vehicle.form._edit')
                @endif
            </li>
            <li class="TAB2">
                @if(Auth::guard('admin')->user()->isYuaiJapan())
                    @include('admin.contract.form._edit_yuai')
                @else
                    @include('admin.contract.form._edit')
                @endif
                {{ Form::close() }}
            </li>
        </ul>

@endsection

@section('page_js')
    <script>
        $(function () {
            $(document).ready(function () {
                setTimeout(function () {
                    $(".TAB1").addClass('hide');
                }, 500);
            })
        });
    </script>
    <script src="{{ asset('assets/vendor/dropzone/dist/dropzone.js') }}"></script>
@endsection

@section('page_css')
    <link rel="stylesheet" href="{{ asset('assets/vendor/dropzone/dist/dropzone.css') }}">
    <style>
        .ml150 {
            margin-left: 150px;
        }
        ul.tab {
            width: 100% !important;
        }
        ul.content li.TAB1,
        ul.content li.TAB2 {
            padding-top: 80px;
        }
        textarea {
            min-height: 50px !important;
        }
    </style>
@endsection