@extends('backend.layouts.app')

@section('content')
    @include("backend.layouts.flash-message")

    @if(isset($is_confirm) && $is_confirm)
        @if(isset($params->id) && $params->id)
            <h2 class="title">注文書【確認】</h2>
        @else
            <h2 class="title">注文書【確認】</h2>
        @endif
        {{ Form::open(["route"=>"backend.{$department}.vehicle.save_order"]) }}
    @else
        @if(isset($params->id) && $params->id)
            <h2 class="title">注文書【編集】</h2>
        @else
            <h2 class="title">注文書【登録】</h2>
        @endif
        {{ Form::open(["route"=>"backend.{$department}.vehicle.confirm_order"]) }}
    @endif
        <input type="hidden" name="vehicle_id" value="{{ $vehicle->id }}">
        @if(isset($params->id) && $params->id)
            <input type="hidden" name="id" value="{{ $params->id }}">
        @endif
        <table class="normal three_table">
            <tr>
                <th>発行日</th>
                <td>
                    @if(isset($is_confirm) && ($is_confirm))
                        {{ isset($params->print_date) ? $params->print_date : Carbon::now()->format('Y-m-d') }}
                    @else
                        <div class="calendar-wrap">
                            <label>
                                <input type="text" name="print_date" value="{{ isset($params->print_date) ? $params->print_date : Carbon::now()->format('Y-m-d')}}" class="datepicker">
                            </label>
                        </div>
                    @endif
                </td>
                <th>申込日</th>
                <td>
                    @if(isset($is_confirm) && ($is_confirm))
                        {{ isset($params->order_date) ? $params->order_date : Carbon::now()->format('Y-m-d') }}
                    @else
                        <div class="calendar-wrap">
                            <label>
                                <input type="text" name="order_date" value="{{ isset($params->order_date) ? $params->order_date : Carbon::now()->format('Y-m-d') }}" class="datepicker">
                            </label>
                        </div>
                    @endif
                </td>
                <th>担当</th>
                <td>
                    @if(isset($is_confirm) && isset($is_confirm))
                        {{ \App\Service\UserService::getUserName(isset($params->charger_id) ? $params->charger_id : '') }}
                    @else
                        <div class="select-wrap">
                            <label>
                                <select name="charger_id">
                                    <option value="">--</option>
                                    @foreach(\App\Service\UserService::getAllUser() as $user)
                                        <option value="{{ $user->id }}" {{ ((isset($params->charger_id) ? $params->charger_id : Auth::guard('admin')->user()->id) == $user->id) ? 'selected' : '' }}>{{ $user->name_kanji }}</option>
                                    @endforeach
                                </select>
                            </label>
                        </div>
                    @endif
                </td>
            </tr>
        </table>
        <h3 class="subtitle">販売車両</h3>
        <table class="normal three_table">
            <tr>
                <th class="w150">車名</th>
                <td>{{ $vehicle->vehicleMakerName() }}</td>
                <th>形状</th>
                <td>{{ $vehicle->vehicleBodyCategoryName() }}</td>
                <th>年式</th>
                <td>{{ \App\Helper\SystemHelper::convertGtJYeaMonth($vehicle->vehicle_info_basic->year_type_y, $vehicle->vehicle_info_basic->year_type_m) }}</td>
            </tr>
            <tr>
                <th>型式</th>
                <td>{{ $vehicle->vehicleModel() }}</td>
                <th>車体番号</th>
                <td>{{ $vehicle->vehicle_info_basic->chassis_no }}</td>
                <th>登録番号</th>
                <td>{{ $vehicle->register_no }}</td>
            </tr>
            <tr>
                <th>走行距離</th>
                <td>{{ (isset($vehicle->vehicle_info_basic->rough_travel_distance) && !empty($vehicle->vehicle_info_basic->rough_travel_distance)) ? number_format($vehicle->vehicle_info_basic->rough_travel_distance).'km' : '' }}</td>
                <th>車検</th>
                <td>{{ config('const.vehicle_inspection_status.'.($vehicle->vehicle_info_basic->inspection_status)) }}</td>
                <td colspan="2" style="width: 33.3% !important;">
                    <div class="radiobtn-wrap">
                        @foreach(config('const.order_sale_class') as $key => $class)
                            <input type="radio" name="vehicle_type" id="vehicle_type{{ $key }}" value="{{ $key }}" {{ (isset($params->vehicle_type) ? $params->vehicle_type : '') == $key ? 'checked' : '' }}>
                            <label for="vehicle_type{{ $key }}">{{ $class }}</label>
                        @endforeach
                    </div>
                </td>
            </tr>
        </table>

        <div class="secret_area">
            <label for="secret_area_bar01">
                <h3 class="subtitle">車両販売価格</h3>
            </label>
            <input type="checkbox" id="secret_area_bar01" class="accordion" checked/>
            <ul id="links01">
                <li>
                    <table class="normal four_price_table">
                        <thead>
                        <tr>
                            <th>車両販売価格</th>
                            <th>金額</th>
                            <th>消費税</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <th>車両本体価格</th>
                            <td>
                                <input type="text" name="vehicle_body_price" value="{{ isset($params->vehicle_body_price) ? $params->vehicle_body_price : '' }}" class="input-text w150 input-comma input-half total_price" onchange="$('#vehicle_body_tax_price').val($(this).val() != '' ? addCommaValue(Math.round(removeCommaValue($(this).val()) / 10)) : '')"><span>　円</span>
                            </td>
                            <td>
                                <input type="text" readonly class="input-text w150 input-comma total_tax_price" id="vehicle_body_tax_price" value="{{ (isset($params->vehicle_body_price) && !empty($params->vehicle_body_price)) ? round($params->vehicle_body_price / 10) : '' }}"><span>　円</span>
                            </td>
                        </tr>
                        <tr>
                            <th>
                                <input type="text" name="etc_field_name" class="input-text" value="{{ isset($params->etc_field_name) ? $params->etc_field_name : '' }}">
                            </th>
                            <td>
                                <input type="text" name="discount" value="{{ isset($params->discount) ? $params->discount : '' }}" class="input-text w150 input-comma input-half total_price" onchange="$('#discount_tax').val($(this).val() != '' ? addCommaValue(Math.round(removeCommaValue($(this).val()) / 10)) : '')"><span>　円</span>
                            </td>
                            <td>
                                <input type="text" readonly id="discount_tax" class="input-text w150 input-comma total_tax_price" value="{{ (isset($params->discount) && !empty($params->discount)) ? round($params->discount / 10) : '' }}"><span>　円</span>
                            </td>
                        </tr>
                        <tr>
                            <th>①整備、架装その他</th>
                            <td><input type="text" readonly value="{{ isset($params->main_total) ? $params->main_total : '' }}" class="main_total input-text w150 input-comma total_price"><span>　円</span></td>
                            <td><input type="text" readonly value="{{ isset($params->main_tax_total) ? $params->main_tax_total : '' }}" class="main_tax_total input-text w150 input-comma total_tax_price"><span>　円</span></td>
                        </tr>
                        <tr>
                            <th>諸費用</th>
                            <th></th>
                            <th></th>
                        </tr>
                        <tr>
                            <th>②税金等</th>
                            <td>
                                <input type="text" readonly class="non_tax_total input-text w150 input-comma total_price" value="{{ isset($params->non_tax_total) ? $params->non_tax_total : '' }}"><span>　円</span>
                            </td>
                            <td class="num"></td>
                        </tr>
                        <tr>
                            <th>③販売諸費用</th>
                            <td>
                                <input type="text" readonly class="sale_total input-text w150 input-comma total_price" value="{{ isset($params->sale_total) ? $params->sale_total : '' }}"><span>　円</span>
                            </td>
                            <td>
                                <input type="text" readonly class="sale_tax_total input-text w150 input-comma total_tax_price" value="{{ isset($params->sale_tax_total) ? $params->sale_tax_total : '' }}"><span>　円</span>
                            </td>
                        </tr>
                        <tr>
                            <th>下取車</th>
                            <th></th>
                            <th></th>
                        </tr>
                        <tr>
                            <th>④下取充当金</th>
                            <td>
                                <input type="text" readonly class="other_total input-text w150 input-comma total_price" value="{{ isset($params->other_total) ? $params->other_total : '' }}"><span>　円</span>
                            </td>
                            <td>
                                <input type="text" readonly class="other_tax_total input-text w150 input-comma total_tax_price" value="{{ isset($params->other_tax_total) ? $params->other_tax_total : '' }}"><span>　円</span>
                            </td>
                        </tr>
                        <tr>
                            <th>小計</th>
                            <td>
                                <input type="text" id="total_price" readonly class="input-text w150 input-comma"><span>　円</span>
                            </td>
                            <td>
                                <input type="text" id="total_tax_price" readonly class="input-text w150 input-comma"><span>　円</span>
                            </td>
                        </tr>
                        <tr>
                            <th>ご注文金額（税込）</th>
                            <td>
                                <input type="text" id="total_order_price" readonly class="input-text w150 input-comma"><span>　円</span>
                            </td>
                            <td></td>
                        </tr>
                        </tbody>
                    </table>
                </li>
            </ul>
            <label for="secret_area_bar02">
                <h3 class="subtitle">下取車両明細</h3>
            </label>
            <input type="checkbox" id="secret_area_bar02" class="accordion" checked/>
            <ul id="links02">
                <li>
                    <table class="normal three_table">
                        <tr>
                            <th>車名</th>
                            <td><input type="text" name="vehicle_name" value="{{ isset($params->vehicle_name) ? $params->vehicle_name : '' }}" class="input-text"></td>
                            <th>年式</th>
                            <td>
                                @if(isset($is_confirm) && $is_confirm)
                                    {{ is_object($params) ? \App\Helper\SystemHelper::convertGtJYeaMonth($params->year_type_y, $params->year_type_m) : '' }}
                                @else
                                    <div class="company w100per">
                                        @include('backend.share._parts._yearlist', [
                                            'name' =>'year_type_y',
                                            'class_name' => 'w60per',
                                            'year' => isset($params->year_type_y) ? $params->year_type_y : ''
                                        ])
                                        <div class="select-wrap">
                                            <label class="w50">
                                                <select name="year_type_m">
                                                    <option value=""></option>
                                                    @foreach(range(1, 12) as $month)
                                                        <option value="{{ $month }}" {{ (isset($params->year_type_m) ? $params->year_type_m : '') == $month ? 'selected' : '' }}>{{ $month }}月</option>
                                                    @endforeach
                                                </select>
                                            </label>
                                        </div>
                                    </div>
                                @endif
                            </td>
                            <th>形状</th>
                            <td>
                                <input type="text" name="body_category" value="{{ isset($params->body_category) ? $params->body_category : '' }}" class="input-text">
                            </td>
                        </tr>
                        <tr>
                            <th>型式</th>
                            <td>
                                @if(isset($is_confirm) && ($is_confirm))
                                    {{ isset($params->model_first) ? $params->model_first.'-' : '' }}{{ isset($params->model_second) ? $params->model_second : '' }}
                                @else
                                    <input type="text" name="model_first" value="{{ isset($params->model_first) ? $params->model_first : '' }}" class="input-text2">-<input type="text" name="model_second" value="{{ isset($params->model_second) ? $params->model_second : '' }}" class="input-text3">
                                @endif
                            </td>
                            <th>車体番号</th>
                            <td>
                                <input type="text" name="chassis_no" value="{{ isset($params->chassis_no) ? $params->chassis_no : '' }}" class="input-text">
                            </td>
                            <th>走行距離</th>
                            <td>
                                @if(isset($is_confirm) && ($is_confirm))
                                    {{ isset($params->travel_distance) ? number_format($params->travel_distance).'km' : '' }}
                                @else
                                    <input type="text" name="travel_distance" value="{{ isset($params->travel_distance) ? $params->travel_distance : '' }}" class="input-text w150 input-comma input-half"><span>　km</span>
                                @endif
                            </td>
                        </tr>
                    </table>
                </li>
            </ul>

            <label for="secret_area_bar03">
                <h3 class="subtitle">明細</h3>
            </label>
            <input type="checkbox" id="secret_area_bar03" class="accordion" checked/>
            <ul id="links03">
                <li>
                    <table class="normal" style="border: none !important;">
                        <tr id="main_info_header">
                            <th class="w50per" colspan="2">①整備、架装、その他</th>
                            <th class="w25per">消費税</th>
                            <th></th>
                        </tr>
                        <tr id="main_info_box0" class="main_info_box" data-id="0">
                            <th class="w25per">
                                <input type="text" name="addition_info[{{ config('const.vehicle_purchase_info_type.main') }}][0][field_name]" class="input-text" value="{{ isset($main_info[0]->field_name) ? $main_info[0]->field_name : '' }}">
                                <input type="hidden" name="addition_info[{{ config('const.vehicle_purchase_info_type.main') }}][0][info_type]" value="{{ config('const.vehicle_purchase_info_type.main') }}">
                            </th>
                            <td class="w25per">
                                <input type="text" name="addition_info[{{ config('const.vehicle_purchase_info_type.main') }}][0][price]" data-id="0" id="main_info_price0" class="main_info_price w150 input-text input-comma input-half" value="{{ isset($main_info[0]->price) ? $main_info[0]->price : '' }}"><span>　円</span>
                            </td>
                            <td class="w25per">
                                <input type="text" readonly name="addition_info[{{ config('const.vehicle_purchase_info_type.main') }}][0][tax_price]" data-id="0" id="main_info_tax_price0" class="main_info_tax_price w150 input-text input-comma input-half" value="{{ isset($main_info[0]->tax_price) ? $main_info[0]->tax_price : '' }}"><span>　円</span>
                            </td>
                            <td>
                                <p class="add_fieldbtn"><a href="#"  class="add_info_box" data-id="0" data-type="{{ config('const.vehicle_purchase_info_type.main') }}">追加</a></p>
                            </td>
                        </tr>
                        @if(is_object($main_info) && $main_info->count() > 1)
                            @foreach($main_info as $key => $main)
                                @if($key == 0)
                                    @continue
                                @endif
                                <tr id="main_info_box{{ $key }}" class="main_info_box" data-id="{{ $key }}">
                                    <th>
                                        <input type="text" name="addition_info[{{ config('const.vehicle_purchase_info_type.main') }}][{{$key}}][field_name]" class="input-text" value="{{ $main->field_name }}">
                                        <input type="hidden" name="addition_info[{{ config('const.vehicle_purchase_info_type.main') }}][{{$key}}][info_type]" value="{{ config('const.vehicle_purchase_info_type.main') }}">
                                    </th>
                                    <td>
                                        <input type="text" name="addition_info[{{ config('const.vehicle_purchase_info_type.main') }}][{{$key}}][price]" data-id="{{ $key }}" id="main_info_price{{ $key }}" class="main_info_price w150 input-text input-comma input-half" value="{{ $main->price }}"><span>　円</span>
                                    </td>
                                    <td>
                                        <input type="text" readonly name="addition_info[{{ config('const.vehicle_purchase_info_type.main') }}][{{$key}}][tax_price]" data-id="{{ $key }}" id="main_info_tax_price{{ $key }}" class="main_info_tax_price w150 input-text input-comma input-half" value="{{ $main->tax_price }}"><span>　円</span>
                                    </td>
                                    <td>
                                        <div class="company ">
                                            <div class="add_fieldbtn"><a href="#"  class="add_info_box" data-id="{{ $key }}" data-type="{{ config('const.vehicle_purchase_info_type.main') }}">追加</a></div>
                                            <div class="delete_btn"><a href="#" class="delete_info_box" data-target="main_info_box{{ $key }}">削除</a></div>
                                        </div>
                                    </td>
                                </tr>
                            @endforeach
                        @endif
                        <tr>
                            <th>小計</th>
                            <td>
                                <input type="text" readonly name="main_total" value="{{ isset($params->main_total) ? $params->main_total : '' }}" class="main_total w150 input-text input-comma input-half"><span>　円</span>
                            </td>
                            <td>
                                <input type="text" readonly name="main_tax_total" value="{{ isset($params->main_tax_total) ? $params->main_tax_total : '' }}" class="main_tax_total w150 input-text input-comma input-half"><span>　円</span>
                            </td>
                            <td></td>
                        </tr>
                        <tr>
                            <td colspan="4" class="non-border" style="height: 10px"></td>
                        </tr>
                        <tr>
                            <th colspan="2" >②税金等</th>
                            <th></th>
                            <th></th>
                        </tr>
                        <tr>
                            <th>自動車税</th>
                            <td>
                                <input type="text" name="vehicle_fee" value="{{ isset($params->vehicle_fee) ? $params->vehicle_fee : '' }}" class="tax_info_price input-text input-comma input-half w150"><span>　円</span>
                            </td>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr>
                            <th>環境性能割</th>
                            <td>
                                <input type="text" name="environment_price" value="{{ isset($params->environment_price) ? $params->environment_price : '' }}" class="tax_info_price input-text input-comma input-half w150"><span>　円</span>
                            </td>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr>
                            <th>重量税</th>
                            <td>
                                <input type="text" name="weight_fee" value="{{ isset($params->weight_fee) ? $params->weight_fee : '' }}" class="tax_info_price input-text input-comma input-half w150"><span>　円</span>
                            </td>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr>
                            <th>自賠責</th>
                            <td>
                                <input type="text" name="liability_fee" value="{{ isset($params->liability_fee) ? $params->liability_fee : '' }}" class="tax_info_price input-text input-comma input-half w150"><span>　円</span>
                            </td>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr id="tax_info_box0" class="tax_info_box" data-id="0">
                            <th>
                                <input type="text" name="addition_info[{{ config('const.vehicle_purchase_info_type.tax') }}][0][field_name]" class="input-text" value="{{ isset($tax_info[0]->field_name) ? $tax_info[0]->field_name : '' }}">
                                <input type="hidden" name="addition_info[{{ config('const.vehicle_purchase_info_type.tax') }}][0][info_type]" value="{{ config('const.vehicle_purchase_info_type.tax') }}">
                            </th>
                            <td>
                                <input type="text" name="addition_info[{{ config('const.vehicle_purchase_info_type.tax') }}][0][price]" data-id="0" id="tax_info_price0" class="tax_info_price w150 input-text input-comma input-half" value="{{ isset($tax_info[0]->price) ? $tax_info[0]->price : '' }}"><span>　円</span>
                            </td>
                            <td>
                            </td>
                            <td>
                                <p class="add_fieldbtn"><a href="#"  class="add_info_box" data-id="0" data-type="{{ config('const.vehicle_purchase_info_type.tax') }}">追加</a></p>
                            </td>
                        </tr>
                        @if(is_object($tax_info) && $tax_info->count() > 0)
                            @foreach($tax_info as $key => $tax)
                                @if($key == 0)
                                    @continue
                                @endif
                                <tr id="tax_info_box{{ $key }}" class="tax_info_box" data-id="{{ $key }}">
                                    <th>
                                        <input type="text" name="addition_info[{{ config('const.vehicle_purchase_info_type.tax') }}][{{$key}}][field_name]" class="input-text" value="{{ $tax->field_name }}">
                                        <input type="hidden" name="addition_info[{{ config('const.vehicle_purchase_info_type.tax') }}][{{$key}}][info_type]" value="{{ config('const.vehicle_purchase_info_type.tax') }}">
                                    </th>
                                    <td>
                                        <input type="text" name="addition_info[{{ config('const.vehicle_purchase_info_type.tax') }}][{{$key}}][price]" data-id="{{ $key }}" id="tax_info_price{{ $key }}" class="tax_info_price w150 input-text input-comma input-half" value="{{ $tax->price }}"><span>　円</span>
                                    </td>
                                    <td>
                                    </td>
                                    <td>
                                        <div class=" company">
                                            <div class="add_fieldbtn"><a href="#"  class="add_info_box" data-id="{{ $key }}" data-type="{{ config('const.vehicle_purchase_info_type.tax') }}">追加</a></div>
                                            <div class="delete_btn"><a href="#" class="delete_info_box" data-target="tax_info_box{{ $key }}">削除</a></div>
                                        </div>
                                    </td>
                                </tr>
                            @endforeach
                        @endif
                        <tr>
                            <th>小計</th>
                            <td>
                                <input type="text" readonly name="non_tax_total" value="{{ isset($params->non_tax_total) ? $params->non_tax_total : '' }}" class="non_tax_total input-text input-comma input-half w150"><span>　円</span>
                            </td>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr>
                            <td colspan="4" style="height: 10px" class="non-border"></td>
                        </tr>
                        <tr>
                            <th colspan="2">③販売諸費用</th>
                            <th>消費税</th>
                            <th></th>
                        </tr>
                        <tr>
                            <th>登録手数料</th>
                            <td>
                                <input type="text" name="vehicle_register_fee" value="{{ isset($params->vehicle_register_fee) ? $params->vehicle_register_fee : '' }}" data-id="_register" id="sale_info_price_register" class="sale_info_price input-text input-comma input-half w150"><span>　円</span>
                            </td>
                            <td>
                                <input type="text" readonly value="{{ (isset($params->vehicle_register_fee) && !empty($params->vehicle_register_fee)) ? round($params->vehicle_register_fee / 10) : '' }}" data-id="_register" id="sale_info_tax_price_register" class="sale_info_tax_price input-text input-comma input-half w150"><span>　円</span>
                            </td>
                            <td></td>
                        </tr>
                        <tr>
                            <th>車検代行手数料</th>
                            <td>
                                <input type="text" name="vehicle_inspection_fee" value="{{ isset($params->vehicle_inspection_fee) ? $params->vehicle_inspection_fee : '' }}" data-id="_inspection" id="sale_info_price_inspection" class="sale_info_price input-text input-comma input-half w150"><span>　円</span>
                            </td>
                            <td>
                                <input type="text" readonly value="{{ (isset($params->vehicle_inspection_fee) && !empty($params->vehicle_inspection_fee)) ? round($params->vehicle_inspection_fee / 10) : '' }}" data-id="_inspection" id="sale_info_tax_price_inspection" class="sale_info_tax_price input-text input-comma input-half w150"><span>　円</span>
                            </td>
                            <td></td>
                        </tr>
                        <tr id="sale_info_box0" class="sale_info_box" data-id="0">
                            <th>
                                <input type="text" name="addition_info[{{ config('const.vehicle_purchase_info_type.sale') }}][0][field_name]" class="input-text" value="{{ isset($sale_info[0]->field_name) ? $sale_info[0]->field_name : '' }}">
                                <input type="hidden" name="addition_info[{{ config('const.vehicle_purchase_info_type.sale') }}][0][info_type]" value="{{ config('const.vehicle_purchase_info_type.sale') }}">
                            </th>
                            <td>
                                <input type="text" name="addition_info[{{ config('const.vehicle_purchase_info_type.sale') }}][0][price]" data-id="0" id="sale_info_price0" class="sale_info_price w150 input-text input-comma input-half" value="{{ isset($sale_info[0]->price) ? $sale_info[0]->price : '' }}"><span>　円</span>
                            </td>
                            <td>
                                <input type="text" readonly name="addition_info[{{ config('const.vehicle_purchase_info_type.sale') }}][0][tax_price]" data-id="0" id="sale_info_tax_price0" class="sale_info_tax_price w150 input-text input-comma input-half" value="{{ isset($sale_info[0]->tax_price) ? $sale_info[0]->tax_price : '' }}"><span>　円</span>
                            </td>
                            <td>
                                <p class="add_fieldbtn"><a href="#"  class="add_info_box" data-id="0" data-type="{{ config('const.vehicle_purchase_info_type.sale') }}">追加</a></p>
                            </td>
                        </tr>
                        @if(is_object($sale_info) && $sale_info->count() > 0)
                            @foreach($sale_info as $key => $sale)
                                @if($key == 0)
                                    @continue
                                @endif
                                <tr id="sale_info_box{{ $key }}" class="sale_info_box" data-id="{{ $key }}">
                                    <th>
                                        <input type="text" name="addition_info[{{ config('const.vehicle_purchase_info_type.sale') }}][{{$key}}][field_name]" class="input-text" value="{{ $sale->field_name }}">
                                        <input type="hidden" name="addition_info[{{ config('const.vehicle_purchase_info_type.sale') }}][{{$key}}][info_type]" value="{{ config('const.vehicle_purchase_info_type.sale') }}">
                                    </th>
                                    <td>
                                        <input type="text" name="addition_info[{{ config('const.vehicle_purchase_info_type.sale') }}][{{$key}}][price]" data-id="{{ $key }}" id="sale_info_price{{ $key }}" class="sale_info_price w150 input-text input-comma input-half" value="{{ $sale->price }}"><span>　円</span>
                                    </td>
                                    <td>
                                        <input type="text" readonly name="addition_info[{{ config('const.vehicle_purchase_info_type.sale') }}][{{$key}}][tax_price]" data-id="{{ $key }}" id="sale_info_tax_price{{ $key }}" class="sale_info_tax_price w150 input-text input-comma input-half" value="{{ $sale->tax_price }}"><span>　円</span>
                                    </td>
                                    <td>
                                        <div class="company">
                                            <div class="add_fieldbtn"><a href="#"  class="add_info_box" data-id="{{ $key }}" data-type="{{ config('const.vehicle_purchase_info_type.sale') }}">追加</a></div>
                                            <div class="delete_btn "><a href="#" class="delete_info_box" data-target="sale_info_box{{$key}}">削除</a></div>
                                        </div>
                                    </td>
                                </tr>
                            @endforeach
                        @endif
                        <tr>
                            <th>小計</th>
                            <td>
                                <input type="text" readonly name="sale_total" id="sale_total" value="{{ isset($params->sale_total) ? $params->sale_total : '' }}" class="sale_total input-text input-comma input-half w150"><span>　円</span>
                            </td>
                            <td>
                                <input type="text" name="sale_tax_total" id="sale_tax_total" value="{{ isset($params->sale_tax_total) ? $params->sale_tax_total : '' }}" readonly class="sale_tax_total input-text input-comma input-half w150"><span>　円</span>
                            </td>
                            <td></td>
                        </tr>
                        <tr>
                            <td colspan="4" style="height: 10px" class="non-border"></td>
                        </tr>
                        <tr>
                            <th colspan="2">④下取充当金</th>
                            <th>消費税</th>
                            <th></th>
                        </tr>
                        <tr>
                            <th>下取車価格</th>
                            <td>
                                <input type="text" name="vehicle_trade_price" value="{{ isset($params->vehicle_trade_price) ? $params->vehicle_trade_price : '' }}" data-id="_trade" id="other_info_price_trade" class="other_info_price w150 input-text input-comma input-half"><span>　円</span>
                            </td>
                            <td>
                                <input type="text" name="vehicle_trade_tax" value="{{ isset($params->vehicle_trade_tax) ? $params->vehicle_trade_tax : '' }}" data-id="_trade" id="other_info_tax_price_trade"  class="other_info_tax_price w150 input-text input-comma input-half"><span>　円</span>
                            </td>
                            <td></td>
                        </tr>
                        <tr id="other_info_box0" class="other_info_box" data-id="0">
                            <th>
                                <input type="text" name="addition_info[{{ config('const.vehicle_purchase_info_type.other') }}][0][field_name]" class="input-text" value="{{ isset($other_info[0]->field_name) ? $other_info[0]->field_name : '' }}">
                                <input type="hidden" name="addition_info[{{ config('const.vehicle_purchase_info_type.other') }}][0][info_type]" value="{{ config('const.vehicle_purchase_info_type.other') }}">
                            </th>
                            <td>
                                <input type="text" name="addition_info[{{ config('const.vehicle_purchase_info_type.other') }}][0][price]" data-id="0" id="other_info_price0" class="other_info_price w150 input-text input-comma input-half" value="{{ isset($other_info[0]->price) ? $other_info[0]->price : '' }}"><span>　円</span>
                            </td>
                            <td>
                                <input type="text" name="addition_info[{{ config('const.vehicle_purchase_info_type.other') }}][0][tax_price]" data-id="0" id="other_info_tax_price0" class="other_info_tax_price w150 input-text input-comma input-half" value="{{ isset($other_info[0]->tax_price) ? $other_info[0]->tax_price : '' }}"><span>　円</span>
                            </td>
                            <td>
                                <p class="add_fieldbtn"><a href="#"  class="add_info_box" data-id="0" data-type="{{ config('const.vehicle_purchase_info_type.other') }}">追加</a></p>
                            </td>
                        </tr>
                        @if(is_object($other_info) && $other_info->count() > 0)
                            @foreach($other_info as $key => $other)
                                @if($key == 0)
                                    @continue
                                @endif
                                <tr id="other_info_box{{ $key }}" class="other_info_box" data-id="{{ $key }}">
                                    <th>
                                        <input type="text" name="addition_info[{{ config('const.vehicle_purchase_info_type.other') }}][{{$key}}][field_name]" class="input-text" value="{{ $other->field_name }}">
                                        <input type="hidden" name="addition_info[{{ config('const.vehicle_purchase_info_type.other') }}][{{$key}}][info_type]" value="{{ config('const.vehicle_purchase_info_type.other') }}">
                                    </th>
                                    <td>
                                        <input type="text" name="addition_info[{{ config('const.vehicle_purchase_info_type.other') }}][{{$key}}][price]" data-id="{{ $key }}" id="other_info_price{{ $key }}" class="other_info_price w150 input-text input-comma input-half" value="{{ $other->price }}"><span>　円</span>
                                    </td>
                                    <td>
                                        <input type="text" name="addition_info[{{ config('const.vehicle_purchase_info_type.other') }}][{{$key}}][tax_price]" data-id="{{ $key }}" id="other_info_tax_price{{ $key }}" class="other_info_tax_price w150 input-text input-comma input-half" value="{{ $other->tax_price }}"><span>　円</span>
                                    </td>
                                    <td>
                                        <div class="company">
                                            <div class="add_fieldbtn"><a href="#"  class="add_info_box" data-id="{{ $key }}" data-type="{{ config('const.vehicle_purchase_info_type.other') }}">追加</a></div>
                                            <div class="delete_btn"><a href="#" class="delete_info_box" data-target="other_info_box{{ $key }}">削除</a></div>
                                        </div>
                                    </td>
                                </tr>
                            @endforeach
                        @endif
                        <tr>
                            <th>小計</th>
                            <td>
                                <input type="text" value="{{ isset($params->other_total) ? $params->other_total : '' }}" readonly name="other_total" id="other_total" class="other_total input-text input-comma input-half w150"><span>　円</span>
                            </td>
                            <td>
                                <input type="text" value="{{ isset($params->other_tax_total) ? $params->other_tax_total : '' }}"  name="other_tax_total" id="other_tax_total" readonly class="other_tax_total input-text input-comma input-half w150"><span>　円</span>
                            </td>
                            <td></td>
                        </tr>
                    </table>
                </li>
            </ul>
        </div>

        <div class="center-submit">
            @if(isset($is_confirm) && $is_confirm)
                @if(isset($params->id) && $params->id)
                    <input type="submit" value="更新">
                @else
                    <input type="submit" value="登録">
                @endif
                <input type="button" onclick='location.href="{{ route("backend.{$department}.vehicle.order_sale", ["vehicle"=>$vehicle->id, "is_confirm"=>1]) }}"' value="戻る">
            @else
                <input type="submit" value="確認">
                @if(is_object($vehicle) && is_object($vehicle->vehicle_purchase_order))
                    <input type="button" value="注文書出力" onclick='window.open("{{ route("backend.{$department}.vehicle.export_order_pdf", ["vehicle"=>$vehicle->id]) }}", "_blank")'>
                @endif
            @endif
        </div>
    {{ Form::close() }}

    <table style="display: none">
        <tr id="temp_add_info_box">
            <th>
                <input type="text" class="input-text" id="temp_field_name">
                <input type="hidden" id="temp_info_type">
            </th>
            <td>
                <input type="text"  class="w150 input-text input-comma input-half" id="temp_price"><span>　円</span>
            </td>
            <td>
                <input type="text" readonly class="w150 input-text input-comma input-half" id="temp_tax_price"><span>　円</span>
            </td>
            <td>
                <div class="company">
                    <div class="add_fieldbtn" ><a class="add_info_box" id="temp_add_btn" href="#">追加</a></div>
                    <div class="delete_btn"><a class="delete_info_box" id="temp_del_btn" href="#">削除</a></div>
                </div>
            </td>
        </tr>
    </table>
@endsection


@section('page_css')
    <style>
        .four_price_table td {
           width: 25% !important;
        }
        .four_price_table th {
            width: 25% !important;
        }
        .w40per {
            width: 40% !important;
        }
        .w20per {
            width: 20% !important;
        }
        .add_fieldbtn a {
            padding: 7px 8px !important;
            font-size: 11px !important;
        }
         .add_fieldbtn {
            width: 80px !important;
            margin: 0 auto !important;
        }
        .delete_btn {
            width: 80px !important;
        }
        .company{
            margin: 0 auto !important;
            min-width: 150px !important;
        }
        @unless(isset($is_confirm) && $is_confirm)
        .input-comma {
            text-align: right !important;
        }
        @endunless
        .non-border {
            border: none !important;
        }
        th > input .non-border {
            background-color: #f7f7f7 !important;
        }
        div .add_fieldbtn {
            padding-right: 10px !important;
        }
        .w25per {
          width: 25% !important;
        }
    </style>
@endsection

@section('page_js')
    <script src="{{ asset('vendor/jquery-ui/i18n/datepicker-ja.js') }}"></script>
    <script>
        $(function () {
            $(document).ready(function () {
                $('.add_info_box').click( function () {
                    addInfoBox(this);
                });
                $(".total_price").change(function () {
                    calTotal();
                });
                $('.delete_info_box').click(function () {
                    let target = $(this).data('target');
                    helper_confirm("dialog-confirm", "削除", "行を削除します。<br />よろしいですか？", 300, "確認", "閉じる", function(){
                        $("#" + target).remove();
                        calMainPrice();
                        calSalePrice();
                        calOtherPrice();
                        calTaxPrice();
                    });
                });
                calTotal();
                let is_confirm = "{{ isset($is_confirm) ? $is_confirm : 0 }}";
                if(is_confirm == 1){
                    $('input[type="text"]').addClass('non-border');
                    $('input[type="text"]').prop('disabled', true);
                    $('input[type="radio"]').prop('disabled', true);
                    $('input[type="text"]').css('color', '#323232');
                    $('input[type="text"]').parent().find('span').remove();
                    $('th input[type="text"]').removeClass('non-border');
                    $('th input[type="text"]').css('border', 'none');
                    $('th input[type="text"]').css('background-color', '#F7F7F7');
                    $('select').prop('disabled', true);
                    $('select').addClass('non-border');
                    $('select[disabled] > option').css('color', '#323232');
                    console.log($('select').parent());
                    $('select').parent().find('label').remove();
                    $('.add_fieldbtn').remove();
                    $('.delete_btn').remove();
                    $('.input-comma').each(function () {
                        if($(this).val() !== ''){
                            $(this).val($(this).val()+'円')
                        }
                    });
                }
            });
            $(document).on('click', '.delete_info_box', function () {
                let target = $(this).data('target');
                helper_confirm("dialog-confirm", "削除", "行を削除します。<br />よろしいですか？", 300, "確認", "閉じる", function(){
                    $("#" + target).remove();
                    calMainPrice();
                    calSalePrice();
                    calOtherPrice();
                    calTaxPrice();
                });
            });

            $(document).on('click', '.add_info_box', function () {
                addInfoBox(this);
            });

            $(document).on('change', '.main_info_price', function () {
                let id = $(this).data('id');
                let price = isNaN(parseFloat(removeCommaValue($(this).val()))) ? 0 : parseFloat(removeCommaValue($(this).val()));
                if(Math.round(price / 10) != 0){
                    $("#main_info_tax_price" + id).val(addCommaValue(Math.round(price / 10)));
                } else {
                    $("#main_info_tax_price" + id).val('');
                }
                calMainPrice();
            });

            $(document).on('change', '.main_info_tax_price', function () {
                calMainPrice();
            });

            $(document).on('change', '.tax_info_price', function () {
                calTaxPrice();
            });

            $(document).on('change', '.sale_info_price', function () {
                let id = $(this).data('id');
                let price = isNaN(parseFloat(removeCommaValue($(this).val()))) ? 0 : parseFloat(removeCommaValue($(this).val()));
                if(Math.round(price / 10) != 0){
                    $("#sale_info_tax_price" + id).val(addCommaValue(Math.round(price / 10)));
                } else {
                    $("#sale_info_tax_price" + id).val('');
                }
                calSalePrice();
            });

            $(document).on('change', '.sale_info_tax_price', function () {
                calSalePrice();
            });

            $(document).on('change', '.other_info_price', function () {
                let id = $(this).data('id');
                let price = isNaN(parseFloat(removeCommaValue($(this).val()))) ? 0 : parseFloat(removeCommaValue($(this).val()));
                if(Math.round(price / 10) != 0){
                    $("#other_info_tax_price" + id).val(addCommaValue(Math.round(price / 10)));
                } else {
                    $("#other_info_tax_price" + id).val('');
                }
                calOtherPrice();
            });

            $(document).on('change', '.other_info_tax_price', function () {
                calOtherPrice();
            });

            function getLastIndex(prefix) {
                let index = 0;
                $("." + prefix + '_box').each(function () {
                    if(parseInt($(this).data('id')) > index){
                        index = parseInt($(this).data('id'));
                    }
                });
                return index + 1;
            }
            function addInfoBox(object) {
                let type = $(object).data('type');
                let index = $(object).data('id');
                let prefix = 'main_info';
                if(type == "{{ config('const.vehicle_purchase_info_type.main') }}"){
                    if($(".main_info_box").length >= 18){
                        showAlertDialog('エラー', '行の数が最大です。');
                        return false;
                    }
                    prefix = 'main_info';
                }
                if(type == "{{ config('const.vehicle_purchase_info_type.tax') }}"){
                    if($(".tax_info_box").length >= 3){
                        showAlertDialog('エラー', '行の数が最大です。');
                        return false;
                    }
                    prefix = 'tax_info';
                }
                if(type == "{{ config('const.vehicle_purchase_info_type.sale') }}"){
                    if($(".sale_info_box").length >= 5){
                        showAlertDialog('エラー', '行の数が最大です。');
                        return false;
                    }
                    prefix = 'sale_info';
                }
                if(type == "{{ config('const.vehicle_purchase_info_type.other') }}"){
                    prefix = 'other_info';
                }
                let id = getLastIndex(prefix);
                let template = $("#temp_add_info_box").clone();
                $("#temp_field_name", template).attr('name', 'addition_info['+ type +']['+id+'][field_name]');
                $("#temp_field_name", template).removeAttr('id');
                $("#temp_info_type", template).attr('name', 'addition_info['+ type +']['+id+'][info_type]');
                $("#temp_info_type", template).val(type);
                $("#temp_info_type", template).removeAttr('id');
                $("#temp_price", template).attr('name', 'addition_info['+ type +']['+id+'][price]');
                $("#temp_price", template).data('id', id);
                $("#temp_price", template).addClass(prefix + '_price');
                $("#temp_price", template).attr('id', prefix + '_price' + id);
                if(prefix === 'tax_info'){
                    $("#temp_tax_price", template).parent().empty();
                } else {
                    if(prefix === 'other_info'){
                        $("#temp_tax_price", template).prop('readonly', false);
                    }
                    $("#temp_tax_price", template).attr('name', 'addition_info['+ type +']['+id+'][tax_price]');
                    $("#temp_tax_price", template).data('id', id);
                    $("#temp_tax_price", template).addClass(prefix + '_tax_price');
                    $("#temp_tax_price", template).attr('id', prefix + '_tax_price' + id);
                }

                $("#temp_add_btn", template).data('id', id);
                $("#temp_add_btn", template).data('type', type);
                $("#temp_add_btn", template).removeAttr('id');
                $("#temp_del_btn", template).data('target', prefix + '_box' + id);
                $("#temp_del_btn", template).removeAttr('id');
                template.data('id', id);
                template.addClass(prefix + '_box');
                template.attr('id', prefix + '_box' + id);
                $("#" + prefix + "_box" + index).after(template);
            }
            function calMainPrice() {
                let total = 0;
                let tax_total = 0;
                $(".main_info_price").each(function () {
                    total += isNaN(parseFloat(removeCommaValue($(this).val()))) ? 0 : parseFloat(removeCommaValue($(this).val()));
                });
                $(".main_info_tax_price").each(function () {
                    tax_total += isNaN(parseFloat(removeCommaValue($(this).val()))) ? 0 : parseFloat(removeCommaValue($(this).val()));
                });
                if(total != 0){
                    $(".main_total").val(addCommaValue(total));
                } else {
                    $(".main_total").val('');
                }
                if(tax_total != 0){
                    $(".main_tax_total").val(addCommaValue(tax_total));
                } else {
                    $(".main_tax_total").val('');
                }
                calTotal();
            }
            function calSalePrice() {
                let total = 0;
                let tax_total = 0;
                $(".sale_info_price").each(function () {
                    total += isNaN(parseFloat(removeCommaValue($(this).val()))) ? 0 : parseFloat(removeCommaValue($(this).val()));
                });
                $(".sale_info_tax_price").each(function () {
                    tax_total += isNaN(parseFloat(removeCommaValue($(this).val()))) ? 0 : parseFloat(removeCommaValue($(this).val()));
                });
                if(total != 0){
                    $(".sale_total").val(addCommaValue(total));
                } else {
                    $(".sale_total").val('');
                }
                if(tax_total != 0){
                    $(".sale_tax_total").val(addCommaValue(tax_total));
                } else {
                    $(".sale_tax_total").val('');
                }
                calTotal();
            }
            function calOtherPrice() {
                let total = 0;
                let tax_total = 0;
                $(".other_info_price").each(function () {
                    total += isNaN(parseFloat(removeCommaValue($(this).val()))) ? 0 : parseFloat(removeCommaValue($(this).val()));
                });
                $(".other_info_tax_price").each(function () {
                    tax_total += isNaN(parseFloat(removeCommaValue($(this).val()))) ? 0 : parseFloat(removeCommaValue($(this).val()));
                });
                if(total != 0){
                    $(".other_total").val(addCommaValue(total));
                } else {
                    $(".other_total").val('');
                }
                if(tax_total != 0){
                    $(".other_tax_total").val(addCommaValue(tax_total));
                } else {
                    $(".other_tax_total").val('');
                }
                calTotal();
            }
            function calTaxPrice() {
                let total = 0;
                $(".tax_info_price").each(function () {
                    total += isNaN(parseFloat(removeCommaValue($(this).val()))) ? 0 : parseFloat(removeCommaValue($(this).val()));
                });
                if(total != 0){
                    $(".non_tax_total").val(addCommaValue(total));
                } else {
                    $(".non_tax_total").val('');
                }
                calTotal();
            }
            function calTotal() {
                let total = 0;
                let tax_total = 0;
                $(".total_price").each(function () {
                    total += isNaN(parseFloat(removeCommaValue($(this).val()))) ? 0 : parseFloat(removeCommaValue($(this).val()));
                });
                $(".total_tax_price").each(function () {
                    tax_total += isNaN(parseFloat(removeCommaValue($(this).val()))) ? 0 : parseFloat(removeCommaValue($(this).val()));
                });
                $(".other_tax_total").each(function () {
                    tax_total -= isNaN(parseFloat(removeCommaValue($(this).val()))) ? 0 : parseFloat(removeCommaValue($(this).val()));

                });
                $(".other_total").each(function () {
                    total -= isNaN(parseFloat(removeCommaValue($(this).val()))) ? 0 : parseFloat(removeCommaValue($(this).val()));

                });
                if(total != 0){
                    $("#total_price").val(addCommaValue(total));
                } else {
                    $("#total_price").val('');
                }
                if(tax_total != 0){
                    $("#total_tax_price").val(addCommaValue(tax_total));
                } else {
                    $("#total_tax_price").val('');
                }
                if(total + tax_total != 0){
                    $("#total_order_price").val(addCommaValue(total + tax_total));
                } else {
                    $("#total_order_price").val('');
                }

            }
        });
    </script>
@endsection