@extends('layouts.app')

@section('content')
    <div class="container">
        <div class="row justify-content-center">
            <div class="">
                {{ Breadcrumbs::render('insure.confirm') }}
                <div class="shadow card">
                    <div class="shadow-sm card-header fs-3">７号　契約申込書（見積）作成確認画面</div>
                    <form id="entryForm" method="POST" action="{{ route('insure.store') }}" onsubmit="return false;">
                        @csrf
                        <div class="card-body">
                            @php($input = session('input', []))
                            @if (session('status'))
                                <div class="alert alert-success" role="alert">
                                    {{ session('status') }}
                                </div>
                            @endif
                            <ul>
                                @foreach ($errors->all() as $error)
                                    <li class="fs-6 text-danger">{{ $error }}</li>
                                @endforeach
                            </ul>
                            <div class="fs-5 mb-3 red text-center text-danger">この内容で登録します。よろしいでしょうか？</div>
                            <div class="d-flex mb-3">
                                <span class="input-group-text bg-secondary-subtle fs-5">種類</span>
                                <div class="form-check fs-5 my-2 ms-2">
                                    <input class="form-check-input" type="radio" name="kind" value="0"
                                        onchange="spChange()" id="k1" {{ $input['kind'] == '0' ? 'checked' : '' }} disabled>
                                    <label class="form-check-label" for="k1">通常</label>
                                </div>
                                <div class="form-check fs-5 my-2 ms-2">
                                    <input class="form-check-input" type="radio" name="kind" value="1"
                                        onchange="spChange()" id="k2" {{ $input['kind'] == '1' ? 'checked' : '' }} disabled>
                                    <label class="form-check-label" for="k2">特別加入（一人親方）</label>
                                </div>
                                <div class="form-check fs-5 my-2 ms-2">
                                    <input class="form-check-input" type="radio" name="kind" value="2"
                                        onchange="spChange()" id="k3" {{ $input['kind'] == '2' ? 'checked' : '' }} disabled>
                                    <label class="form-check-label" for="k3">下請特約・労務費率</label>
                                </div>
                                <div class="form-check fs-5 my-2 ms-2">
                                    <input class="form-check-input" type="radio" name="kind" value="3"
                                        onchange="spChange()" id="k4" {{ $input['kind'] == '3' ? 'checked' : '' }} disabled>
                                    <label class="form-check-label" for="k4">下請特約・従業員特定</label>
                                </div>
                            </div>
                            <div class="d-flex">
                                <div class="shadow-sm input-group mb-3">
                                    <span class="input-group-text bg-secondary-subtle fs-5 col-3">保険期間</span>
                                    <input id="st_date" name="st_date" type="date"
                                        value="{{ $input['st_date'] }}"
                                        class="form-control fs-5 text-center"
                                        pattern="[0-9]{4}-[0-9]{2}" onchange="dateChange()" disabled>
                                    <span class="input-group-text text-center col-2 fs-5 bg-secondary-subtle">午前０時</span>
                                    <span class="input-group-text bg-secondary-subtle">～</span>
                                    <span id="ed_date"
                                        class="form-control fs-5 text-center bg-secondary-subtle">{{ old('ed_date') }}</span>
                                    <input id="dif_month" name="dif_month" type="hidden"
                                    value="{{ $input['dif_month'] }}">
                                    <span class="input-group-text text-center col-2 fs-5 bg-secondary-subtle">午前０時</span>
                                </div>
                            </div>
                            <div class="shadow-sm input-group mb-3">
                                <span class="input-group-text bg-secondary-subtle fs-5">労働保険番号</span>
                                <div class="form-floating">
                                    <input type="text"
                                        class="form-control fs-5"
                                        name="prefecture" id="floatingInput1" maxlength="2" value="{{ $input['prefecture'] }}"
                                        placeholder="99" disabled>
                                    <label for="floatingInput1">府県</label>
                                </div>
                                <div class="form-floating" style="width: 70px;flex: none;">
                                    <input type="text" class="form-control non fs-5"
                                        name="remit" id="floatingInput2" maxlength="1" value="*"
                                        placeholder="9" disabled>
                                    <label for="floatingInput2">所掌</label>
                                </div>
                                <div class="form-floating" style="width: 70px;flex: none;">
                                    <input type="text"
                                        class="form-control non fs-5"
                                        name="jurisdiction" id="floatingInput3" maxlength="2"
                                        value="**" placeholder="99" disabled>
                                    <label for="floatingInput3">管轄</label>
                                </div>
                                <div class="form-floating col-2">
                                    <input type="text"
                                        class="form-control fs-5"
                                        name="core_number" id="floatingInput4" maxlength="6"
                                        value="{{ $input['core_number'] }}" placeholder="999999" disabled>
                                    <label for="floatingInput4">基幹番号</label>
                                </div>
                                <div class="form-floating">
                                    <input type="text"
                                        class="form-control fs-5"
                                        name="branch_number" id="floatingInput5" maxlength="3"
                                        value="{{ $input['branch_number'] }}" placeholder="999" disabled>
                                    <label for="floatingInput5">枝番号</label>
                                </div>
                                <div class="form-floating" style="width: 70px;flex: none;">
                                    <input type="text"
                                        class="form-control non fs-5"
                                        name="serial_number" id="floatingInput6" maxlength="2"
                                        value="{{ $input['serial_number'] }}" placeholder="99" disabled>
                                    <label for="floatingInput6">追番</label>
                                </div>
                            </div>
                            <div class="shadow-sm input-group mb-3">
                                <span class="input-group-text bg-secondary-subtle fs-5">事業場の名称</span>
                                <input type="text" class="form-control fs-5"
                                    name="workplacename" value="{{ $input['workplacename'] }}" disabled>
                            </div>
                            <div class="d-flex">
                                <div class="col-6">
                                    <div class="shadow-sm input-group mb-3">
                                        <span class="input-group-text bg-secondary-subtle fs-5">事業主の氏名</span>
                                        <input type="text" class="form-control fs-5"
                                            name="name" value="{{ $input['name'] }}" disabled>
                                    </div>
                                </div>
                            </div>
                            <div class="shadow-sm input-group mb-3">
                                <span class="input-group-text bg-secondary-subtle fs-5">メールアドレス</span>
                                <input type="email" class="form-control fs-5"
                                    name="email" value="{{ $input['email'] }}" disabled>
                            </div>
                            <div class="d-flex">
                                <div class="col-4">
                                    <div class="shadow-sm input-group mb-3">
                                        <span class="input-group-text bg-secondary-subtle fs-5">郵便番号</span>
                                        <input type="text"
                                            class="form-control fs-5"
                                            maxlength="3" name="post_number_1" value="{{ $input['post_number_1'] }}" disabled>
                                        <span class="input-group-text bg-secondary-subtle">―</span>
                                        <input type="text"
                                            class="form-control fs-5"
                                            maxlength="4" name="post_number_2" value="{{ $input['post_number_2'] }}" disabled>
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="shadow-sm input-group mb-3 ms-1">
                                        <span class="input-group-text bg-secondary-subtle fs-5">電話番号</span>
                                        <input type="tel1"
                                            class="form-control fs-5" name="tel1"
                                            value="{{ $input['tel1'] }}" disabled>
                                        <span class="input-group-text bg-secondary-subtle">―</span>
                                        <input type="tel2"
                                            class="form-control fs-5" name="tel2"
                                            value="{{ $input['tel2'] }}" disabled>
                                        <span class="input-group-text bg-secondary-subtle">―</span>
                                        <input type="tel3"
                                            class="form-control fs-5" name="tel3"
                                            value="{{ $input['tel3'] }}" disabled>
                                    </div>
                                </div>
                            </div>
                            <div class="shadow-sm input-group mb-3">
                                <span class="input-group-text bg-secondary-subtle fs-5">事業場の所在地</span>
                                <input type="text" class="form-control fs-5"
                                    name="address" value="{{ $input['address'] }}" disabled>
                            </div>
                            <div class="shadow-sm input-group mb-3 {{ $input['kind'] == '2' ? 'd-none' : '' }}">
                                <span class="input-group-text bg-secondary-subtle fs-5">事業コード</span>
                                <select id="code" name="code"
                                    class="form-control fs-5"
                                    onchange="inputChange()" disabled>
                                    @foreach ($premium as $premia)
                                        @if($premia->compensation == 1)
                                        <option value="{{ sprintf('%02d', $premia->industry_id) }}" {{ $input['code'] == sprintf('%02d', $premia->industry_id) ? 'selected' : '' }}>{{ sprintf('%02d', $premia->industry_id) }}</option>                                    
                                        @endif
                                    @endforeach
                                </select>
                                <span class="input-group-text col-9 bg-secondary-subtle fs-5" id="code_label">未選択</span>
                            </div>
                            <div id="sep_code" class="shadow-sm input-group mb-3  {{ $input['kind'] == '2' ? '' : 'd-none' }}">
                                <span class="input-group-text bg-secondary-subtle fs-5">事業コード</span>
                                <select id="code2" name="code2"
                                    class="form-control fs-5 @error('code2') is-invalid @enderror"
                                    onchange="subconChange()" disabled>
                                    @foreach ($subcontract as $sub)
                                        <option value="{{ $sub->id }}" {{ $input['code2'] == $sub->id ? 'selected' : '' }}>{{ sprintf('%02d', $sub->industry_id).':'.$sub->name }}</option>                                    
                                    @endforeach
                                </select>
                            </div>
                            <div class="d-flex">
                                <div class="col-4">
                                    <div class="shadow-sm input-group mb-3">
                                        <span class="input-group-text bg-secondary-subtle fs-5">割引適用事業場</span>
                                        <input type="text" class="form-control fs-5 non"
                                           id="discount_1" name="discount_1" value="{{ $input['discount_1'] }}" disabled>
                                        <span class="input-group-text bg-secondary-subtle fs-5">％</span>
                                    </div>
                                </div>
                                <div id="def_basic" class="col-4 ms-1 {{ $input['kind'] == '0' ? '' : 'd-none' }}">
                                    <div class="shadow-sm input-group mb-3">
                                        <span class="input-group-text bg-secondary-subtle fs-5">基礎賃金総額</span>
                                        <span id="basic" class="form-control fs-5">{{ number_format($input['basic']) }}</span>
                                        <span class="input-group-text bg-secondary-subtle fs-5">千円</span>
                                    </div>
                                </div>
                                <div id="def_sep_flg" class="col-4 ms-1 {{ $input['kind'] == '0' ? '' : 'd-none' }}">
                                    <div class="d-flex">
                                        <span class="input-group-text bg-secondary-subtle fs-5">特別加入者の有無</span>
                                        <div class="form-check fs-5 my-2 ms-2">
                                            <input class="form-check-input" type="radio" name="special_enrollee" value="0" onchange="spChange()" id="flexRadioDefault1" {{ $input['special_enrollee'] == '0' ? 'checked' : '' }} disabled>
                                            <label class="form-check-label" for="flexRadioDefault1">なし</label>
                                        </div>
                                        <div class="form-check fs-5 my-2 ms-2">
                                            <input
                                                class="form-check-input"
                                                type="radio" name="special_enrollee" value="1"
                                                onchange="spChange()" id="flexRadioDefault2"
                                                {{ $input['special_enrollee'] == '1' ? 'checked' : '' }} disabled>
                                            <label class="form-check-label" for="flexRadioDefault2">あり</label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div id="sp" class="d-none">
                                <div class="row g-2">
                                    @for ($i = 1; $i <= 10; $i++)
                                        <div class="col-md-6">
                                            <div class="shadow-sm input-group mb-3">
                                                <span class="input-group-text bg-secondary-subtle fs-5">特別加入者{{ sprintf('%02d', $i) }}</span>
                                                <div class="form-floating">
                                                    <input type="text"
                                                        class="form-control fs-5"
                                                        id="sp_name_{{ $i }}" 
                                                        name="sp_name_{{ $i }}" 
                                                        value="{{ $input['sp_name_' . $i] ?? '' }}"
                                                        placeholder="氏名" disabled>
                                                    <label for="sp_name_{{ $i }}">氏名</label>
                                                </div>
                                                <div class="form-floating">
                                                    <input type="text" class="form-control fs-5"
                                                        id="sp_val_{{ $i }}" 
                                                        name="sp_val_{{ $i }}" 
                                                        value="{{ $input['sp_val_' . $i] == '1' || $input['sp_val_' . $i] == '3' ? '' : number_format($input['sp_val_' . $i]) }}"
                                                        placeholder="給付基礎日額" 
                                                        onchange="sumChange()" disabled>
                                                    <label for="sp_val_{{ $i }}">給付基礎日額</label>
                                                </div>
                                                <span class="input-group-text bg-secondary-subtle fs-5">円</span>
                                            </div>
                                        </div>
                                    @endfor
                                </div>
                            </div>
                            <div id="sep" class="d-block col-8 mx-auto mb-3  {{ ($input['kind'] == '1' || $input['kind'] == '3') ? '' : 'd-none' }}">
                                <div class="col-8 m-auto">
                                    <span class="input-group-text bg-secondary-subtle fs-5 mb-3">加入者</span>
                                    <input type="hidden" name="seps_json" id="sepsJson" value="{{ $input['seps_json'] }}">
                                    <table class="table" id="sepsTable">
                                        <thead>
                                            <tr>
                                                <th scope="col">#</th>
                                                <th scope="col">加入者</th>
                                                <th scope="col">給付基礎日額</th>
                                                <th class="border-start" scope="col">保険料算定基礎額</th>
                                            </tr>
                                        </thead>
                                        <tbody class="table-group-divider">
                                        
                                        @forelse ($items as $sj)
                                                                                    <tr>
                                                <td>{{ $sj['no'] ?? '' }}</td>
                                                <td>{{ $sj['name'] ?? '' }}</td>
                                                <td>{{ number_format($sj['value']) ?? '' }}</td>
                                                <td class="border-start">{{ number_format($sj['value'] * 365) ?? '' }}</td>
                                            </tr>
                                        @empty

                                        @endforelse
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            <div class="d-flex {{ $input['kind'] == '2' ? 'd-none' : '' }}">
                                <div class="col-6">
                                    <div class="shadow-sm input-group mb-3">
                                        <span class="input-group-text bg-secondary-subtle fs-5 col-8">特別加入者保険料算定基礎額合計</span>
                                        <span id="sum_val_v" class="input-group-text bg-secondary-subtle fs-5 col-2 text-end d-block">{{ number_format($input['sum_val']) }}</span>
                                        <input name="sum_val" type="hidden" id="sum_val" value="{{ $input['sum_val'] ?? $input['subcon_sum_1']}}">
                                        <span class="input-group-text bg-secondary-subtle fs-5 col-2">千円</span>
                                    </div>
                                </div>
                                <div class="col-6 ms-1">
                                    <div class="shadow-sm input-group mb-3 col-12">
                                        <span class="input-group-text bg-secondary-subtle fs-5 col-8">保険料算出基礎賃金総額</span>
                                        <span id="sum_basic_val_v" class="input-group-text bg-secondary-subtle fs-5 col-2 text-end d-block">{{ number_format($input['sum_basic_val']) }}</span>
                                        <input name="sum_basic_val" type="hidden" id="sum_basic_val" value="{{ $input['sum_basic_val'] ??  $input['subcon_sum_2']}}">
                                        <span class="input-group-text bg-secondary-subtle fs-5 col-2">千円</span>
                                    </div>
                                </div>
                            </div>
                            <div id="lcr" class="{{ $input['kind'] == '2' ? '' : 'd-none' }}">
                                <div class="d-flex">
                                    <div class="shadow-sm input-group mb-3">
                                        <span class="input-group-text bg-secondary-subtle fs-5 col-6">労保連労働災害保険加入直前の営業年度</span>
                                        <input id="tfy_start" type="date"
                                            value="{{ $input['tfy_start'] }}"
                                            class="form-control fs-5 text-center"
                                            pattern="[0-9]{4}-[0-9]{2}" disabled>
                                        <span class="input-group-text bg-secondary-subtle">～</span>
                                        <input id="tfy_end" type="date"
                                            value="{{ $input['tfy_end'] }}"
                                            class="form-control fs-5 text-center"
                                            pattern="[0-9]{4}-[0-9]{2}" disabled>
                                    </div>
                                </div>
                                <div class="d-flex">
                                    <div class="col-4">
                                        <div class="shadow-sm input-group mb-3">
                                            <span class="input-group-text bg-secondary-subtle fs-5 col-6">①上記年度中の<br>完成工事高</span>
                                            <span id="tc_amount" class="form-control fs-5 d-flex align-items-center">{{ $input['tc_amount'] }}</span>
                                            <span class="input-group-text bg-secondary-subtle fs-5">千円</span>
                                        </div>
                                    </div>
                                    <div class="col-4 ps-1">
                                        <div class="shadow-sm input-group mb-3">
                                            <span class="input-group-text bg-secondary-subtle fs-5 col-6">②単独有期事業の<br>完成工事高</span>
                                            <span id="spc_amount" class="form-control fs-5 d-flex align-items-center">{{ $input['spc_amount'] }}</span>
                                            <span class="input-group-text bg-secondary-subtle fs-5">千円</span>
                                        </div>
                                    </div>
                                    <div class="col-4 ps-1">
                                        <div class="shadow-sm input-group mb-3">
                                            <span class="input-group-text bg-secondary-subtle fs-5 col-6">③一括有期事業の<br>完成工事高</span>
                                            <span id="lsc_amount" class="form-control fs-5 d-flex align-items-center">{{ $input['lsc_amount'] }}</span>
                                            <span class="input-group-text bg-secondary-subtle fs-5">千円</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="d-flex">
                                    <div class="col-6">
                                        <div class="input-group mb-3">
                                            <span class="input-group-text bg-secondary-subtle fs-5 col-8">下請事業の完成工事高（請負金額）</span>
                                            <span id="subcon_sum_1_v" class="input-group-text bg-secondary-subtle fs-5 col-2 text-end d-block">{{ $input['subcon_sum_1'] }}</span>
                                        <span class="input-group-text bg-secondary-subtle fs-5 col-2">千円</span>
                                        </div>
                                    </div>
                                    <div class="col-6">
                                        <div class="input-group mb-3">
                                            <span class="input-group-text bg-secondary-subtle fs-5 col-8">保険料算出の基礎となる賃金総額の見込額</span>
                                            <span id="subcon_sum_2_v" class="input-group-text bg-secondary-subtle fs-5 col-2 text-end d-block">{{ $input['subcon_sum_2'] }}</span>
                                            <span class="input-group-text bg-secondary-subtle fs-5 col-2">千円</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-6 d-none">
                                <div class="d-flex mb-3">
                                    <span class="input-group-text bg-secondary-subtle fs-5">脳・心臓疾患等の補償</span>
                                    <div class="form-check fs-5 my-2 ms-2">
                                        <input class="form-check-input"
                                            type="radio" name="compensation" value="0"
                                            onchange="inputvalChange()" id="compensation1"
                                            checked disabled>
                                        <label class="form-check-label" for="compensation1">なし</label>
                                    </div>
                                    <div class="form-check fs-5 my-2 ms-2">
                                        <input class="form-check-input" type="radio" name="" value="1" onchange="inputvalChange()" id="compensation2" disabled>
                                        <label class="form-check-label" for="compensation2">あり</label>
                                    </div>
                                </div>
                            </div>
                            <div class="form-control mb-3">
                                <div class="col-12">
                                    <div class="d-flex input-group">
                                        <span class="input-group-text bg-secondary-subtle fs-5">保険料:</span>
                                        <span class="input-group-text bg-secondary-subtle fs-5">休業補償あり（1日当たり給付基礎日額の20%）、障害補償、死亡補償</span>
                                    </div>
                                </div>
                                <div class="d-flex mb-3 input-group">
                                    <div class="list-group flex-fill text-center">
                                        <label class="h-100 list-group-item justify-content-between align-items-center"
                                            for="flexRadioDefault1-1">
                                            <input class="form-check-input" type="radio" name="amount" value="IA"
                                                id="flexRadioDefault1-1" onchange="valChange()"
                                                {{ $input['amount'] ?? null == 'IA' ? 'checked' : '' }} disabled>
                                            <div>
                                                <div class="fw-bold">死亡保障</div>
                                                <div class="fw-bold">600日</div>
                                                <div class="fw-bold fs-6">Ⅰ型Ａ</div>
                                                <div class="fw-bold fs-6"><br></div>
                                                <div class="fw-bold fs-6"><br></div>
                                                <span id="IA">0</span>円
                                            </div>
                                        </label>
                                    </div>
                                    <div class="list-group flex-fill text-center">
                                        <label class="h-100 list-group-item justify-content-between align-items-center"
                                            for="flexRadioDefault1-2">
                                            <input class="form-check-input" type="radio" name="amount" value="IIA"
                                                id="flexRadioDefault1-2" onchange="valChange()"
                                                {{ $input['amount'] ?? null == 'IIA' ? 'checked' : '' }} disabled>
                                            <div>
                                                <div class="fw-bold">死亡保障</div>
                                                <div class="fw-bold">800日</div>
                                                <div class="fw-bold fs-6">Ⅱ型Ａ</div>
                                                <div class="fw-bold fs-6"><br></div>
                                                <div class="fw-bold fs-6"><br></div>
                                                <span id="IIA">0</span>円
                                            </div>
                                        </label>
                                    </div>
                                    <div class="list-group flex-fill text-center">
                                        <label class="h-100 list-group-item justify-content-between align-items-center"
                                            for="flexRadioDefault1-3">
                                            <input class="form-check-input" type="radio" name="amount" value="IIIA"
                                                id="flexRadioDefault1-3" onchange="valChange()"
                                                {{ $input['amount'] ?? null == 'IIIA' ? 'checked' : '' }} disabled>
                                            <div>
                                                <div class="fw-bold">死亡保障</div>
                                                <div class="fw-bold">1,000日</div>
                                                <div class="fw-bold fs-6">Ⅲ型Ａ</div>
                                                <div class="fw-bold fs-6"><br></div>
                                                <div class="fw-bold fs-6"><br></div>
                                                <span id="IIIA">0</span>円
                                            </div>
                                        </label>
                                    </div>
                                    <div class="list-group flex-fill text-center">
                                        <label class="h-100 list-group-item justify-content-between align-items-center"
                                            for="flexRadioDefault1-4">
                                            <input class="form-check-input" type="radio" name="amount" value="IAIB"
                                                id="flexRadioDefault1-4" onchange="valChange()"
                                                {{ $input['amount'] ?? null == 'IAIB' ? 'checked' : '' }} disabled>
                                            <div>
                                                <div class="fw-bold">死亡保障</div>
                                                <div class="fw-bold">1,200日</div>
                                                <div class="fw-bold fs-6">Ⅰ型Ａ</div>
                                                <div class="fw-bold fs-6">Ⅰ型Ｂ</div>
                                                <div class="fw-bold fs-6"><br></div>
                                                <span id="IAIB">0</span>円
                                            </div>
                                        </label>
                                    </div>
                                    <div class="list-group flex-fill text-center">
                                        <label class="h-100 list-group-item justify-content-between align-items-center"
                                            for="flexRadioDefault1-5">
                                            <input class="form-check-input" type="radio" name="amount" value="IIAIIB"
                                                id="flexRadioDefault1-5" onchange="valChange()"
                                                {{ $input['amount'] ?? null == 'IIAIIB' ? 'checked' : '' }} disabled>
                                            <div>
                                                <div class="fw-bold">死亡保障</div>
                                                <div class="fw-bold">1,600日</div>
                                                <div class="fw-bold fs-6">Ⅱ型Ａ</div>
                                                <div class="fw-bold fs-6">Ⅱ型Ｂ</div>
                                                <div class="fw-bold fs-6"><br></div>
                                                <span id="IIAIIB">0</span>円
                                            </div>
                                        </label>
                                    </div>
                                    <div class="list-group flex-fill text-center">
                                        <label class="h-100 list-group-item justify-content-between align-items-center"
                                            for="flexRadioDefault1-6">
                                            <input class="form-check-input" type="radio" name="amount"
                                                value="IIIAIIIB" id="flexRadioDefault1-6" onchange="valChange()"
                                                {{ $input['amount'] ?? null == 'IIIAIIIB' ? 'checked' : '' }} disabled>
                                            <div>
                                                <div class="fw-bold">死亡保障</div>
                                                <div class="fw-bold">2,000日</div>
                                                <div class="fw-bold fs-6">Ⅲ型Ａ</div>
                                                <div class="fw-bold fs-6">Ⅲ型Ｂ</div>
                                                <div class="fw-bold fs-6"><br></div>
                                                <span id="IIIAIIIB">0</span>円
                                            </div>
                                        </label>
                                    </div>
                                    <div class="list-group flex-fill text-center">
                                        <label class="list-group-item justify-content-between align-items-center"
                                            for="flexRadioDefault1-7">
                                            <input class="form-check-input" type="radio" name="amount" value="IAIB2"
                                                id="flexRadioDefault1-7" onchange="valChange()"
                                                {{ $input['amount'] ?? null == 'IAIB2' ? 'checked' : '' }} disabled>
                                            <div>
                                                <div class="fw-bold">死亡保障</div>
                                                <div class="fw-bold">1,800日</div>
                                                <div class="fw-bold fs-6">Ⅰ型Ａ</div>
                                                <div class="fw-bold fs-6">Ⅰ型Ｂ</div>
                                                <div class="fw-bold fs-6">Ⅰ型Ｂ</div>
                                                <span id="IAIB2">0</span>円
                                            </div>
                                        </label>
                                    </div>
                                    <div class="list-group flex-fill text-center">
                                        <label class="list-group-item justify-content-between align-items-center"
                                            for="flexRadioDefault1-8">
                                            <input class="form-check-input" type="radio" name="amount"
                                                value="IIAIIB2" id="flexRadioDefault1-8" onchange="valChange()"
                                                {{ $input['amount'] ?? null == 'IIAIIB2' ? 'checked' : '' }} disabled>
                                            <div>
                                                <div class="fw-bold">死亡保障</div>
                                                <div class="fw-bold">2,400日</div>
                                                <div class="fw-bold fs-6">Ⅱ型Ａ</div>
                                                <div class="fw-bold fs-6">Ⅱ型Ｂ</div>
                                                <div class="fw-bold fs-6">Ⅱ型Ｂ</div>
                                                <span id="IIAIIB2">0</span>円
                                            </div>
                                        </label>
                                    </div>
                                    <div class="list-group flex-fill text-center">
                                        <label class="list-group-item justify-content-between align-items-center"
                                            for="flexRadioDefault1-9">
                                            <input class="form-check-input" type="radio" name="amount"
                                                value="IIIAIIIB2" id="flexRadioDefault1-9" onchange="valChange()"
                                                {{ $input['amount'] ?? null == 'IIIAIIIB2' ? 'checked' : '' }} disabled>
                                            <div>
                                                <div class="fw-bold">死亡保障</div>
                                                <div class="fw-bold">3,000日</div>
                                                <div class="fw-bold fs-6">Ⅲ型Ａ</div>
                                                <div class="fw-bold fs-6">Ⅲ型Ｂ</div>
                                                <div class="fw-bold fs-6">Ⅲ型Ｂ</div>
                                                <span id="IIIAIIIB2">0</span>円
                                            </div>
                                        </label>
                                    </div>
                                </div>
                                <div class="col-6">
                                    <div class="d-flex input-group">
                                        <span class="input-group-text bg-secondary-subtle fs-5">保険料:</span>
                                        <span class="input-group-text bg-secondary-subtle fs-5">休業補償なし、障害補償、死亡補償</span>
                                    </div>
                                </div>
                                <div class="d-flex mb-3 input-group">
                                    <div class="list-group flex-fill text-center">
                                        <label class="list-group-item justify-content-between align-items-center"
                                            for="flexRadioDefault2-1">
                                            <input class="form-check-input" type="radio" name="amount" value="IB"
                                                id="flexRadioDefault2-1" onchange="valChange()"
                                                {{ $input['amount'] ?? null == 'IB' ? 'checked' : '' }} disabled>
                                            <div class="ms-2 me-auto">
                                                <div class="fw-bold">死亡保障</div>
                                                <div class="fw-bold">600日</div>
                                                <div class="fw-bold fs-6">Ⅰ型Ｂ</div>
                                                <div class="fw-bold fs-6"><br></div>
                                                <div class="fw-bold fs-6"><br></div>
                                                <span id="IB">0</span>円
                                            </div>
                                        </label>
                                    </div>
                                    <div class="list-group flex-fill text-center">
                                        <label class="list-group-item justify-content-between align-items-center"
                                            for="flexRadioDefault2-2">
                                            <input class="form-check-input" type="radio" name="amount" value="IIB"
                                                id="flexRadioDefault2-2" onchange="valChange()"
                                                {{ $input['amount'] ?? null == 'IIB' ? 'checked' : '' }} disabled>
                                            <div class="ms-2 me-auto">
                                                <div class="fw-bold">死亡保障</div>
                                                <div class="fw-bold">800日</div>
                                                <div class="fw-bold fs-6">Ⅱ型Ｂ</div>
                                                <div class="fw-bold fs-6"><br></div>
                                                <div class="fw-bold fs-6"><br></div>
                                                <span id="IIB">0</span>円
                                            </div>
                                        </label>
                                    </div>
                                    <div class="list-group flex-fill text-center">
                                        <label class="list-group-item justify-content-between align-items-center"
                                            for="flexRadioDefault2-3">
                                            <input class="form-check-input" type="radio" name="amount" value="IIIB"
                                                id="flexRadioDefault2-3" onchange="valChange()"
                                                {{ $input['amount'] ?? null == 'IIIB' ? 'checked' : '' }} disabled>
                                            <div class="ms-2 me-auto">
                                                <div class="fw-bold">死亡保障</div>
                                                <div class="fw-bold">1,000日</div>
                                                <div class="fw-bold fs-6">Ⅲ型Ｂ</div>
                                                <div class="fw-bold fs-6"><br></div>
                                                <div class="fw-bold fs-6"><br></div>
                                                <span id="IIIB">0</span>円
                                            </div>
                                        </label>
                                    </div>
                                    <div class="list-group flex-fill text-center">
                                        <label class="h-100 list-group-item justify-content-between align-items-center"
                                            for="flexRadioDefault2-4">
                                            <input class="form-check-input" type="radio" name="amount" value="IB2"
                                                id="flexRadioDefault2-4" onchange="valChange()"
                                                {{ $input['amount'] ?? null == 'IB2' ? 'checked' : '' }} disabled>
                                            <div class="ms-2 me-auto">
                                                <div class="fw-bold">死亡保障</div>
                                                <div class="fw-bold">1,200日</div>
                                                <div class="fw-bold fs-6">Ⅰ型Ｂ</div>
                                                <div class="fw-bold fs-6">Ⅰ型Ｂ</div>
                                                <div class="fw-bold fs-6"><br></div>
                                                <span id="IB2">0</span>円
                                            </div>
                                        </label>
                                    </div>
                                    <div class="list-group flex-fill text-center">
                                        <label class="h-100 list-group-item justify-content-between align-items-center"
                                            for="flexRadioDefault2-5">
                                            <input class="form-check-input" type="radio" name="amount" value="IIB2"
                                                id="flexRadioDefault2-5" onchange="valChange()"
                                                {{ $input['amount'] ?? null == 'IIB2' ? 'checked' : '' }} disabled>
                                            <div>
                                                <div class="fw-bold">死亡保障</div>
                                                <div class="fw-bold">1,600日</div>
                                                <div class="fw-bold fs-6">Ⅱ型Ｂ</div>
                                                <div class="fw-bold fs-6">Ⅱ型Ｂ</div>
                                                <div class="fw-bold fs-6"><br></div>
                                                <span id="IIB2">0</span>円
                                            </div>
                                        </label>
                                    </div>
                                    <div class="list-group flex-fill text-center">
                                        <label class="h-100 list-group-item justify-content-between align-items-center"
                                            for="flexRadioDefault2-6">
                                            <input class="form-check-input" type="radio" name="amount" value="IIIB2"
                                                id="flexRadioDefault2-6" onchange="valChange()"
                                                {{ $input['amount'] ?? null == 'IIIB2' ? 'checked' : '' }} disabled>
                                            <div>
                                                <div class="fw-bold">死亡保障</div>
                                                <div class="fw-bold">2,000日</div>
                                                <div class="fw-bold fs-6">Ⅲ型Ｂ</div>
                                                <div class="fw-bold fs-6">Ⅲ型Ｂ</div>
                                                <div class="fw-bold fs-6"><br></div>
                                                <span id="IIIB2">0</span>円
                                            </div>
                                        </label>
                                    </div>
                                    <div class="list-group flex-fill text-center">
                                        <label class="list-group-item justify-content-between align-items-center"
                                            for="flexRadioDefault2-7">
                                            <input class="form-check-input" type="radio" name="amount" value="IB3"
                                                id="flexRadioDefault2-7" onchange="valChange()"
                                                {{ $input['amount'] ?? null == 'IB3' ? 'checked' : '' }} disabled>
                                            <div>
                                                <div class="fw-bold">死亡保障</div>
                                                <div class="fw-bold">1,800日</div>
                                                <div class="fw-bold fs-6">Ⅰ型Ｂ</div>
                                                <div class="fw-bold fs-6">Ⅰ型Ｂ</div>
                                                <div class="fw-bold fs-6">Ⅰ型Ｂ</div>
                                                <span id="IB3">0</span>円
                                            </div>
                                        </label>
                                    </div>
                                    <div class="list-group flex-fill text-center">
                                        <label class="list-group-item justify-content-between align-items-center"
                                            for="flexRadioDefault2-8">
                                            <input class="form-check-input" type="radio" name="amount" value="IIB3"
                                                id="flexRadioDefault2-8" onchange="valChange()"
                                                {{ $input['amount'] ?? null == 'IIB3' ? 'checked' : '' }} disabled>
                                            <div>
                                                <div class="fw-bold">死亡保障</div>
                                                <div class="fw-bold">2,400日</div>
                                                <div class="fw-bold fs-6">Ⅱ型Ｂ</div>
                                                <div class="fw-bold fs-6">Ⅱ型Ｂ</div>
                                                <div class="fw-bold fs-6">Ⅱ型Ｂ</div>
                                                <span id="IIB3">0</span>円
                                            </div>
                                        </label>
                                    </div>
                                    <div class="list-group flex-fill text-center">
                                        <label class="list-group-item justify-content-between align-items-center"
                                            for="flexRadioDefault2-9">
                                            <input class="form-check-input" type="radio" name="amount" value="IIIB3"
                                                id="flexRadioDefault2-9" onchange="valChange()"
                                                {{ $input['amount'] ?? null == 'IIIB3' ? 'checked' : '' }} disabled>
                                            <div>
                                                <div class="fw-bold">死亡保障</div>
                                                <div class="fw-bold">3,000日</div>
                                                <div class="fw-bold fs-6">Ⅲ型Ｂ</div>
                                                <div class="fw-bold fs-6">Ⅲ型Ｂ</div>
                                                <div class="fw-bold fs-6">Ⅲ型Ｂ</div>
                                                <span id="IIIB3">0</span>円
                                            </div>
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="col-6 d-none">
                                <div class="d-flex mb-3">
                                    <span class="input-group-text bg-secondary-subtle fs-5">払込回数</span>
                                    <div class="form-check fs-5 my-2 ms-2">
                                        <input class="form-check-input"
                                            type="radio" name="payments" id="first_p" value="1"
                                            onchange="valChange()" {{ ($input['payments'] ?? '') == '1' ? 'checked' : '' }} disabled>
                                        <label class="form-check-label" for="first_p">一括払</label>
                                    </div>
                                    <div class="form-check fs-5 my-2 ms-2">
                                        <input class="form-check-input"
                                            type="radio" name="payments" id="second_p" value="2"
                                            onchange="valChange()" {{ ($input['payments'] ?? '') == '2' ? 'checked' : '' }} disabled>
                                        <label class="form-check-label" for="second_p">２回払</label>
                                    </div>
                                    <div class="form-check fs-5 my-2 ms-2">
                                        <input class="form-check-input"
                                            type="radio" name="payments" id="third_p" value="3"
                                            onchange="valChange()" {{ ($input['payments'] ?? '') == '3' ? 'checked' : '' }} disabled>
                                        <label class="form-check-label" for="third_p">３回払</label>
                                    </div>
                                </div>
                            </div>
                            <div class="d-flex d-none">
                                <div class="col-4">
                                    <div class="shadow-sm input-group mb-3 col-4">
                                        <span class="input-group-text bg-secondary-subtle fs-5 col-4">１回目</span>
                                        <span name="first" id="first"
                                            class="input-group-text bg-secondary-subtle fs-5 col-6 text-end d-block">0</span>
                                        <span class="input-group-text bg-secondary-subtle fs-5 col-2">円</span>
                                    </div>
                                </div>
                                <div class="col-4 ms-1">
                                    <div class="shadow-sm input-group mb-3 col-4">
                                        <span class="input-group-text bg-secondary-subtle fs-5 col-4">２回目</span>
                                        <span name="second" id="second"
                                            class="input-group-text bg-secondary-subtle fs-5 col-6 text-end d-block">0</span>
                                        <span class="input-group-text bg-secondary-subtle fs-5 col-2">円</span>
                                    </div>
                                </div>
                                <div class="col-4 ms-1">
                                    <div class="shadow-sm input-group mb-3 col-4">
                                        <span class="input-group-text bg-secondary-subtle fs-5 col-4">３回目</span>
                                        <span name="third" id="third"
                                            class="input-group-text bg-secondary-subtle fs-5 col-6 text-end d-block">0</span>
                                        <span class="input-group-text bg-secondary-subtle fs-5 col-2">円</span>
                                    </div>
                                </div>
                            </div>
                            <div class="d-flex">
                                <button onclick="history.back();" class="fs-5 btn btn-secondary shadow-sm">入力画面に戻る</button>
                                <button type="submit" class="fs-5 btn btn-secondary shadow-sm"  onClick="submitAfterValidate();"
                                    style="margin:auto 0px auto auto">登録する</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    </div>
    <style>
        label:has(input[type="radio"]:checked) {
            background: #86b7fe;
        }
        .form-control:disabled{
          background-color: unset;
        }
        .non:disabled{
          background-color: var(--bs-secondary-bg);
        }
        .form-check-input:disabled,.form-check-input[disabled]~.form-check-label, .form-check-input:disabled~.form-check-label{
          opacity:1;
        }
    </style>
        <script>
        const ary = [
            @foreach ($premium as $premia)
                {
                    industry_id: '{{ sprintf('%02d', $premia->industry_id) }}',
                    detail: {
                        industry_id: '{{ sprintf('%02d', $premia->industry_id) }}',
                        premium_id: '{{ $premia->premium_id }}',
                        name: '{{ $premia->name }}',
                        compensation: '{{ $premia->compensation }}',
                        IA: '{{ $premia->IA }}',
                        IIA: '{{ $premia->IIA }}',
                        IIIA: '{{ $premia->IIIA }}',
                        IB: ' {{ $premia->IB }}',
                        IIB: '{{ $premia->IIB }}',
                        IIIB: '{{ $premia->IIIB }}'
                    }
                },
            @endforeach
        ];

        function sumChange() {
            const sumval = [
                Number(document.getElementById('sp_val_1').value.replaceAll(',', '')),
                Number(document.getElementById('sp_val_2').value.replaceAll(',', '')),
                Number(document.getElementById('sp_val_3').value.replaceAll(',', '')),
                Number(document.getElementById('sp_val_4').value.replaceAll(',', '')),
                Number(document.getElementById('sp_val_5').value.replaceAll(',', '')),
                Number(document.getElementById('sp_val_6').value.replaceAll(',', '')),
                Number(document.getElementById('sp_val_7').value.replaceAll(',', '')),
                Number(document.getElementById('sp_val_8').value.replaceAll(',', '')),
                Number(document.getElementById('sp_val_9').value.replaceAll(',', '')),
                Number(document.getElementById('sp_val_10').value.replaceAll(',', ''))
            ];
            let total = sumval.reduce((sum, element) => sum + element, 0);
            const sum_val = document.getElementById('sum_val');
            const sum_val_v = document.getElementById('sum_val_v');
            sumvalChange();
        }

        function sumvalChange() {
            const sum_val = document.getElementById('sum_val');
            const basic = document.getElementById('basic');
            const sum_basic_val = document.getElementById('sum_basic_val');
            const sum_basic_val_v = document.getElementById('sum_basic_val_v');
            inputvalChange();
        }

        function inputChange() {
            const code = document.getElementById('code');
            const label = document.getElementById('code_label');
            const radios = document.querySelector('input[name="compensation"]:checked');
            const items = ary.find(v => v.industry_id === code.value && v.detail.compensation === radios.value);
            label.innerHTML = items['detail']['name'];
            inputvalChange();
        }

        function inputvalChange() {
            const radios = document.querySelector('input[name="compensation"]:checked');
            const items = ary.find(v => v.industry_id === code.value && v.detail.compensation === radios.value);
            const discount_1 = document.getElementById('discount_1').value;
            const sum_basic_val = document.getElementById('sum_basic_val').value;
            const dif_val = document.getElementById('dif_month').value;
            const IA_mag = items['detail']['IA'];
            const IIA_mag = items['detail']['IIA'];
            const IIIA_mag = items['detail']['IIIA'];
            const IB_mag = items['detail']['IB'];
            const IIB_mag = items['detail']['IIB'];
            const IIIB_mag = items['detail']['IIIB'];
            const IA_val = document.getElementById('IA');
            const IIA_val = document.getElementById('IIA');
            const IIIA_val = document.getElementById('IIIA');
            const IAIB_val = document.getElementById('IAIB');
            const IIAIIB_val = document.getElementById('IIAIIB');
            const IIIAIIIB_val = document.getElementById('IIIAIIIB');
            const IAIB2_val = document.getElementById('IAIB2');
            const IIAIIB2_val = document.getElementById('IIAIIB2');
            const IIIAIIIB2_val = document.getElementById('IIIAIIIB2');
            const IB_val = document.getElementById('IB');
            const IIB_val = document.getElementById('IIB');
            const IIIB_val = document.getElementById('IIIB');
            const IB2_val = document.getElementById('IB2');
            const IIB2_val = document.getElementById('IIB2');
            const IIIB2_val = document.getElementById('IIIB2');
            const IB3_val = document.getElementById('IB3');
            const IIB3_val = document.getElementById('IIB3');
            const IIIB3_val = document.getElementById('IIIB3');

            let IA_cal = 1000;
            let IIA_cal = 1000;
            let IIIA_cal = 1000;
            let IB_cal = 1000;
            let IIB_cal = 1000;
            let IIIB_cal = 1000;
            if (IA_mag * sum_basic_val * (dif_val / 12) >= 1000) {
                IA_cal = Math.floor(IA_mag * sum_basic_val * (dif_val / 12) / 10) * 10;
            }
            if (IIA_mag * sum_basic_val * (dif_val / 12) >= 1000) {
                IIA_cal = Math.floor(IIA_mag * sum_basic_val * (dif_val / 12) / 10) * 10;
            }
            if (IIIA_mag * sum_basic_val * (dif_val / 12) >= 1000) {
                IIIA_cal = Math.floor(IIIA_mag * sum_basic_val * (dif_val / 12) / 10) * 10;
            }
            if (IB_mag * sum_basic_val * (dif_val / 12) >= 1000) {
                IB_cal = Math.floor(IB_mag * sum_basic_val * (dif_val / 12) / 10) * 10;
            }
            if (IIB_mag * sum_basic_val * (dif_val / 12) >= 1000) {
                IIB_cal = Math.floor(IIB_mag * sum_basic_val * (dif_val / 12) / 10) * 10;
            }
            if (IIIB_mag * sum_basic_val * (dif_val / 12) >= 1000) {
                IIIB_cal = Math.floor(IIIB_mag * sum_basic_val * (dif_val / 12) / 10) * 10;
            }
            if(discount_1 != 0){
                IA_val.innerHTML = (IA_cal - Math.floor(IA_cal/100*discount_1)).toLocaleString('ja-JP');
                IIA_val.innerHTML = (IIA_cal - Math.floor(IIA_cal/100*discount_1)).toLocaleString('ja-JP');
                IIIA_val.innerHTML = (IIIA_cal - Math.floor(IIIA_cal/100*discount_1)).toLocaleString('ja-JP');
                IB_val.innerHTML = (IB_cal - Math.floor(IB_cal/100*discount_1)).toLocaleString('ja-JP');
                IIB_val.innerHTML = (IIB_cal - Math.floor(IIB_cal/100*discount_1)).toLocaleString('ja-JP');
                IIIB_val.innerHTML = (IIIB_cal - Math.floor(IIIB_cal/100*discount_1)).toLocaleString('ja-JP');
                IAIB_val.innerHTML = ((IA_cal + IB_cal) - Math.floor((IA_cal + IB_cal)/100*discount_1)).toLocaleString('ja-JP');
                IIAIIB_val.innerHTML = ((IIA_cal + IIB_cal) - Math.floor((IIA_cal + IIB_cal)/100*discount_1)).toLocaleString('ja-JP');
                IIIAIIIB_val.innerHTML = ((IIIA_cal + IIIB_cal) - Math.floor((IIIA_cal + IIIB_cal)/100*discount_1)).toLocaleString('ja-JP');
                IAIB2_val.innerHTML = ((IA_cal + (IB_cal * 2)) - Math.floor((IA_cal + (IB_cal * 2))/100*discount_1)).toLocaleString('ja-JP');
                IIAIIB2_val.innerHTML = ((IIA_cal + (IIB_cal * 2)) - Math.floor((IIA_cal + (IIB_cal * 2))/100*discount_1)).toLocaleString('ja-JP');
                IIIAIIIB2_val.innerHTML = ((IIIA_cal + (IIIB_cal * 2)) - Math.floor((IIIA_cal + (IIIB_cal * 2))/100*discount_1)).toLocaleString('ja-JP');
                IB2_val.innerHTML = ((IB_cal * 2) - Math.floor((IB_cal * 2)/100*discount_1)).toLocaleString('ja-JP');
                IIB2_val.innerHTML = ((IIB_cal * 2) - Math.floor((IIB_cal * 2)/100*discount_1)).toLocaleString('ja-JP');
                IIIB2_val.innerHTML = ((IIIB_cal * 2) - Math.floor((IIIB_cal * 2)/100*discount_1)).toLocaleString('ja-JP');
                IB3_val.innerHTML = ((IB_cal * 3) - Math.floor((IB_cal * 3)/100*discount_1)).toLocaleString('ja-JP');
                IIB3_val.innerHTML = ((IIB_cal * 3) - Math.floor((IIB_cal * 3)/100*discount_1)).toLocaleString('ja-JP');
                IIIB3_val.innerHTML = ((IIIB_cal * 3) - Math.floor((IIIB_cal * 3)/100*discount_1)).toLocaleString('ja-JP');
            }else{
                IA_val.innerHTML = IA_cal.toLocaleString('ja-JP');
                IIA_val.innerHTML = IIA_cal.toLocaleString('ja-JP');
                IIIA_val.innerHTML = IIIA_cal.toLocaleString('ja-JP');
                IB_val.innerHTML = IB_cal.toLocaleString('ja-JP');
                IIB_val.innerHTML = IIB_cal.toLocaleString('ja-JP');
                IIIB_val.innerHTML = IIIB_cal.toLocaleString('ja-JP');
                IAIB_val.innerHTML = (IA_cal + IB_cal).toLocaleString('ja-JP');
                IIAIIB_val.innerHTML = (IIA_cal + IIB_cal).toLocaleString('ja-JP');
                IIIAIIIB_val.innerHTML = (IIIA_cal + IIIB_cal).toLocaleString('ja-JP');
                IAIB2_val.innerHTML = (IA_cal + (IB_cal * 2)).toLocaleString('ja-JP');
                IIAIIB2_val.innerHTML = (IIA_cal + (IIB_cal * 2)).toLocaleString('ja-JP');
                IIIAIIIB2_val.innerHTML = (IIIA_cal + (IIIB_cal * 2)).toLocaleString('ja-JP');
                IB2_val.innerHTML = (IB_cal * 2).toLocaleString('ja-JP');
                IIB2_val.innerHTML = (IIB_cal * 2).toLocaleString('ja-JP');
                IIIB2_val.innerHTML = (IIIB_cal * 2).toLocaleString('ja-JP');
                IB3_val.innerHTML = (IB_cal * 3).toLocaleString('ja-JP');
                IIB3_val.innerHTML = (IIB_cal * 3).toLocaleString('ja-JP');
                IIIB3_val.innerHTML = (IIIB_cal * 3).toLocaleString('ja-JP');
            }

            valChange();
        }

        function spChange() {
            const radio = document.getElementById('flexRadioDefault1');
            const sp = document.getElementById('sp');
            if (radio.checked) {
                @for($i = 1; $i <= 10; $i++)
                document.getElementById("sp_val_{{ $i }}").value = '';
                document.getElementById("sp_name_{{ $i }}").value = '';
                @endfor
                sp.classList.add('d-none');
                sp.classList.remove('d-block');
            } else {
                sp.classList.add('d-block');
                sp.classList.remove('d-none');
            }
            sumChange();
        }

        function dateChange() {
            const st_date = document.getElementById('st_date').value.split("-");
            if (st_date[0] === '') {
                document.getElementById('ed_date').innerHTML = "";
                document.getElementById('dif_month').value = 0;
                return;
            }
            if (st_date[1] >= 8) {
                document.getElementById('ed_date').innerHTML = (Number(st_date[0]) + 1) + "/08/01";
                document.getElementById('dif_month').value = 12 - st_date[1] + 8;
            } else {
                document.getElementById('ed_date').innerHTML = st_date[0] + "/08/01";
                document.getElementById('dif_month').value = 8 - st_date[1];
            }
            inputvalChange();
        }

        function valChange() {
            const cp_val_radios = document.querySelector('input[name="amount"]:checked');
            const cp_radios = document.querySelector('input[name="payments"]:checked');

            if (cp_val_radios == null) {
                return;
            }

            const cp_first = document.getElementById('first');
            const cp_second = document.getElementById('second');
            const cp_third = document.getElementById('third');

            let cp_val = '';
            switch (cp_val_radios.value) {
                case 'IA':
                    cp_val = Number(document.getElementById('IA').innerHTML);
                    break;
                case 'IIA':
                    cp_val = Number(document.getElementById('IIA').innerHTML);
                    break;
                case 'IIIA':
                    cp_val = Number(document.getElementById('IIIA').innerHTML);
                    break;
                case 'IAIB':
                    cp_val = Number(document.getElementById('IAIB').innerHTML);
                    break;
                case 'IIAIIB':
                    cp_val = Number(document.getElementById('IIAIIB').innerHTML);
                    break;
                case 'IIIAIIIB':
                    cp_val = Number(document.getElementById('IIIAIIIB').innerHTML);
                    break;
                case 'IAIB2':
                    cp_val = Number(document.getElementById('IAIB2').innerHTML);
                    break;
                case 'IIAIIB2':
                    cp_val = Number(document.getElementById('IIAIIB2').innerHTML);
                    break;
                case 'IIIAIIIB2':
                    cp_val = Number(document.getElementById('IIIAIIIB2').innerHTML);
                    break;
                case 'IB':
                    cp_val = Number(document.getElementById('IB').innerHTML);
                    break;
                case 'IIB':
                    cp_val = Number(document.getElementById('IIB').innerHTML);
                    break;
                case 'IIIB':
                    cp_val = Number(document.getElementById('IIIB').innerHTML);
                    break;
                case 'IB2':
                    cp_val = Number(document.getElementById('IB2').innerHTML);
                    break;
                case 'IIB2':
                    cp_val = Number(document.getElementById('IIB2').innerHTML);
                    break;
                case 'IIIB2':
                    cp_val = Number(document.getElementById('IIIB2').innerHTML);
                    break;
                case 'IB3':
                    cp_val = Number(document.getElementById('IB3').innerHTML);
                    break;
                case 'IIB3':
                    cp_val = Number(document.getElementById('IIB3').innerHTML);
                    break;
                case 'IIIB3':
                    cp_val = Number(document.getElementById('IIIB3').innerHTML);
                    break;
            }

            switch (cp_radios.value) {
                case '3':
                    const th_val_a = cp_val / 10 % 3;
                    const th_val = Math.floor(cp_val / 10 / 3);
                    cp_third.innerHTML = (th_val * 10).toLocaleString('ja-JP');
                    cp_second.innerHTML = (th_val * 10).toLocaleString('ja-JP');
                    cp_first.innerHTML = (th_val * 10 + (th_val_a * 10)).toLocaleString('ja-JP');
                    break;
                case '2':
                    const sc_val_a = cp_val / 10 % 2;
                    const sc_val = Math.floor(cp_val / 10 / 2);
                    cp_third.innerHTML = 0;
                    cp_second.innerHTML = (sc_val * 10).toLocaleString('ja-JP');
                    cp_first.innerHTML = (sc_val * 10 + (sc_val_a * 10)).toLocaleString('ja-JP');
                    break;
                case '1':
                    cp_third.innerHTML = 0;
                    cp_second.innerHTML = 0;
                    cp_first.innerHTML = cp_val.toLocaleString('ja-JP');
                    break;
                default:
                    cp_third.innerHTML = 0;
                    cp_second.innerHTML = 0;
                    cp_first.innerHTML = 0;
            }
        }
        dateChange();
        inputChange();
        spChange();
        sumChange();
        inputvalChange();
        valChange();
        function submitAfterValidate() {
            const form = document.getElementById('entryForm');
            if (!form.reportValidity()) {
                return false;
            } else {
                form.submit();
            }
        }
    </script>
@endsection