@extends('user.layouts.app')

@section('title', '見積提示結果の報告')

@section('header')
    <p><a href="{{ route("user.vehicles.index") }}">＜</a></p>
    <h1 id="title">見積提示結果の報告<a class="question-mark modal-open" data-target="use_flow"><img src="{{ asset('assets/user/img/question_mark.png') }}"></a></h1>
@endsection

@section('content')
    <main>
        @include('user.layouts.flash-message')

        <div id="wrapper-gray" class="contents">
            <p class="get-btn"><a data-target="help" class="modal-open">売主の代わりに売却手続きを依頼する</a></p>
            <p class="cancel-btn"><a data-target="cancel" class="modal-open">売主の代わりに依頼をキャンセルする</a></p>
        </div>
        <div id="back-glay" class="fixclear">
            {{ Form::open(["route"=>["user.vehicles.update_desired", ["vehicle"=>$vehicle->id]], 'id'=>'form_desired_price']) }}
            <div class="sendbox estimate-ver">
                <ul class="bottom-list">
                    <li> 希望<br>
                        金額 </li>
                    <li>
                        <input type="text" class="waku2 input-half input-comma enable_zero" name="desired_price" id="desired_price" value="{{ $vehicle->desired_price }}" placeholder="数値を入力してください。">
                        <span>円（税込）</span> </li>
                    <li>
                        <input type="submit" class="paperplane2" id="save_desired_price">
                    </li>
                </ul>
            </div>
            {{ Form::close() }}
        </div>
    </main>

    <!--MODAL -->
    <div id="cancel" class="modal-content">
        {{ Form::open(["route"=>"user.vehicles.cancel_contact"]) }}
        <input type="hidden" name="vehicle_id" value="{{ $vehicle->id }}">
        <input type="hidden" name="status" value="{{ config('const.vehicle_status_code.cancel') }}">
        <div class="textarea">
            <h2>キャンセル理由をお聞かせください</h2>
            <ul class="reason">
                @foreach(config('const.contract_cancel_reason') as $key => $reason)
                    <li>
                        <input type="radio" name="cancel_reason" id="cancel_reason{{ $key }}" value="{{ $key }}" {{ (isset($vehicle->cancel_reason) ? $vehicle->cancel_reason : 1) == $key ? 'checked' : '' }}>
                        <label for="cancel_reason{{ $key }}">{{ $reason }}</label>
                        @if($loop->last)
                            <textarea name="cancel_reason_etc">{{ isset($vehicle->cancel_reason_etc) ? $vehicle->cancel_reason_etc : '' }}</textarea>
                        @endif
                    </li>
                @endforeach
            </ul>
            <p class="cancel-send-btn">
                <input type="submit" value="送信する">
            </p>
            <p class="no-cancel"><a class="modal-close">キャンセルを取り消す</a></p>
        </div>
        {{ Form::close() }}
    </div>
    <!-- -->

    <!--MODAL -->
    <div id="help" class="modal-content">
        {{ Form::open(["route"=>"user.vehicles.store_contract"]) }}
        <input type="hidden" name="vehicle_id" value="{{ $vehicle->id }}">
        <div class="textarea">
            <h2>ご自身で今後の手続きを行いますか？<br>
                それともウシトラにすべて委任しますか？</h2>
            <ul class="reason">
                @foreach(config('const.document_delegation_status') as $key => $status)
                    <li>
                        <input type="radio" name="document_delegation" value="{{ $key }}" id="do{{ $key }}" {{ $key == config('const.document_delegation_status_code.ushitra') ? 'checked' : '' }}>
                        <label for="do{{ $key }}">{{ $status }}</label>
                        @if($key == config('const.document_delegation_status_code.ushitra'))
                            <span id="prefer_badge">オススメ</span>
                            <p class="att"><small>☆面倒な事務手続きはすべてウシトラが行います☆<br>
                                    ※委任手数料5,000円（税込）をサポート料から差し引きます。</small></p>
                        @endif
                    </li>
                @endforeach
                <li>
                    <div class="step_description_box" id="step_description_{{ config('const.document_delegation_status_code.ushitra') }}">
                    </div>
                    <div class="step_description_box" id="step_description_{{ config('const.document_delegation_status_code.self') }}">
                        <div class="step_description_part">
                            <h2>ウシトラに委任</h2>
                            <div class="step_description pr-register ">売主情報登録</div>
                            <div class="step_line h500 last block-pos-middle"></div>
                            <div class="step_arrow"></div>
                            <div class="step_description pr-completed">取引完了</div>
                        </div>
                        <div class="step_description_part">
                            <h2>自分で行う</h2>
                            @foreach(config('const.contract_status') as $key => $status)
                                @if ($key == config('const.contract_status_code.cancel'))
                                    @break
                                @endif
                                @php
                                    $step_description_class = "";
                                    $step_description_class = $key == config('const.contract_status_code.waiting_seller') ? "block_pos_start" : $step_description_class;
                                    $step_description_class = $key == config('const.contract_status_code.end') ? "block_pos_end" : $step_description_class;
                                    $status_name = str_replace(['待ち', '支払い'], '', $status);
                                    if ($status_name == "引取・売主") {
                                        $status_name = "引取・支払";
                                    }
                                @endphp
                                <div class="step_description {{ $step_description_class }}">{{ $status_name }}</div>
                                @if ($key != config('const.contract_status_code.end'))
                                    <div class="step_line h10 {{ $key == config('const.contract_status_code.waiting_payment') ? 'last' : '' }}"></div>
                                    @if ($key == config('const.contract_status_code.waiting_payment'))
                                        <div class="step_arrow"></div>
                                    @endif
                                @endif
                            @endforeach
                        </div>
                    </div>
                </li>
            </ul>
            <p class="cancel-send-btn mt10"><input type="submit" value="この内容で決定する"></p>
            <p class="no-cancel"><a class="modal-close">戻る</a>
            </p>
        </div>
        {{ Form::close() }}
    </div>
    <!-- -->
@endsection

@section('page_css')
    <link href="{{ asset('assets/user/css/page/report.css') }}?{{ Carbon::now()->format("YmdHis") }}" rel="stylesheet">
@endsection

@section('page_js')
    <script>
        const cancel_value = "{{ config('const.contract_cancel_reason_code.other') }}";
    </script>
    <script src="{{ asset('assets/user/js/page/report.js') }}?{{ Carbon::now()->format("YmdHis") }}"></script>
@endsection