@extends('layouts.app')

@section('content')
    <div class="container">
        <div class="row justify-content-center">
            <div>
                {{ Breadcrumbs::render('insure.fix',$app->application_id) }}
                <div class="shadow card">
                    <div class="shadow-sm card-header fs-3">見積書修正画面</div>
                    <form id="entryForm" method="POST" action="{{ route('insure.fix.check',['id' => $app->application_id]) }}">
                        @csrf
                        <div class="card-body">
                            @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="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 @error('kind') is-invalid @enderror"
                                        type="radio" name="kind" value="0"
                                        onchange="kindChange()" id="k1"
                                        {{ old('kind',$app->kind) == '0' ? 'checked' : '' }} required>
                                    <label class="form-check-label" for="k1">通常</label>
                                </div>
                                <div class="form-check fs-5 my-2 ms-2">
                                    <input
                                        class="form-check-input @error('kind') is-invalid @enderror"
                                        type="radio" name="kind" value="1"
                                        onchange="kindChange()" id="k2"
                                        {{ old('kind',$app->kind) == '1' ? 'checked' : '' }}>
                                    <label class="form-check-label" for="k2">特別加入（一人親方）</label>
                                </div>
                                <div class="form-check fs-5 my-2 ms-2">
                                    <input
                                        class="form-check-input @error('kind') is-invalid @enderror"
                                        type="radio" name="kind" value="2"
                                        onchange="kindChange()" id="k3"
                                        {{ old('kind',$app->kind) == '2' ? 'checked' : '' }}>
                                    <label class="form-check-label" for="k3">下請特約・労務費率</label>
                                </div>
                                <div class="form-check fs-5 my-2 ms-2">
                                    <input
                                        class="form-check-input @error('kind') is-invalid @enderror"
                                        type="radio" name="kind" value="3"
                                        onchange="kindChange()" id="k4"
                                        {{ old('kind',$app->kind) == '3' ? 'checked' : '' }}>
                                    <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="{{ old('st_date',Carbon\Carbon::parse($app['start_date'])->format('Y-m-d')) }}"
                                        class="form-control fs-5 text-center @error('st_date') is-invalid @enderror"
                                        pattern="[0-9]{4}-[0-9]{2}" onchange="dateChange()" required>
                                    <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',Carbon\Carbon::parse($app['end_date'])->format('Y-m-d')) }}</span>
                                    @php
                                        $defaultMonths = '';
                                        if (!empty($app->start_date) && !empty($app->end_date)) {
                                            try {
                                                $start = \Carbon\Carbon::parse($app->start_date);
                                                $end = \Carbon\Carbon::parse($app->end_date)->addDay(); 
                                                $defaultMonths = $start->diffInMonths($end);
                                            } catch (\Exception $e) {
                                                $defaultMonths = '';
                                            }
                                        }
                                        $sp_str = preg_split("/-/", $app->LINumber);
                                        $post_str = preg_split("/-/", $ins->post_code);
                                    @endphp
                                    <input id="dif_month" name="dif_month" type="hidden"
                                        class="@error('dif_month') is-invalid @enderror" value="{{ old('dif_month',$defaultMonths) }}">
                                    <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 @error('prefecture') is-invalid @enderror"
                                        name="prefecture" id="floatingInput1" maxlength="2" value="{{ old('prefecture',$sp_str[0]) }}"
                                        placeholder="99" required>
                                    <label for="floatingInput1">府県</label>
                                </div>
                                <div class="form-floating" style="width: 70px;flex: none;">
                                    <input type="text" class="form-control fs-5 @error('remit') is-invalid @enderror"
                                        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 fs-5 @error('jurisdiction') is-invalid @enderror"
                                        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 @error('core_number') is-invalid @enderror"
                                        name="core_number" id="floatingInput4" maxlength="6"
                                        value="{{ old('core_number',$sp_str[1]) }}" placeholder="999999" required>
                                    <label for="floatingInput4">基幹番号</label>
                                </div>
                                <div class="form-floating">
                                    <input type="text"
                                        class="form-control fs-5 @error('branch_number') is-invalid @enderror"
                                        name="branch_number" id="floatingInput5" maxlength="3"
                                        value="{{ old('branch_number',$sp_str[2]) }}" placeholder="999" required>
                                    <label for="floatingInput5">枝番号</label>
                                </div>
                                <div class="form-floating" style="width: 70px;flex: none;">
                                    <input type="text"
                                        class="form-control fs-5 @error('serial_number') is-invalid @enderror"
                                        id="floatingInput6" maxlength="2" value="{{ old('serial_number',$sp_str[3]) }}" placeholder="99" disabled>
                                    <input type="hidden" id="serial_number" name="serial_number" value="{{ old('serial_number',$sp_str[3]) }}">
                                    <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 @error('workplacename') is-invalid @enderror"
                                    name="workplacename" value="{{ old('workplacename',$ins->workspace) }}" required>
                            </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 @error('name') is-invalid @enderror"
                                            name="name" value="{{ old('name',$ins->name) }}" required>
                                    </div>
                                </div>
                                <div class="col-6 d-none">
                                    <div class="shadow-sm input-group mb-3">
                                        <span class="input-group-text bg-secondary-subtle fs-5 col-3">申込日</span>
                                        <input id="appl_date" name="appl_date" type="date"
                                            value="{{ old('appl_date', $app->appl_date) }}"
                                            class="form-control fs-5 text-center @error('appl_date') is-invalid @enderror"
                                            pattern="[0-9]{4}-[0-9]{2}" >
                                    </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 @error('email') is-invalid @enderror" name="email"
                                    value="{{ old('email',$ins->email) }}" required>
                            </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 @error('post_number_1') is-invalid @enderror"
                                            maxlength="3" name="post_number_1" value="{{ old('post_number_1',$post_str[0]) }}" required>
                                        <span class="input-group-text bg-secondary-subtle">―</span>
                                        <input type="text"
                                            class="form-control fs-5 @error('post_number_2') is-invalid @enderror"
                                            maxlength="4" name="post_number_2" value="{{ old('post_number_2',$post_str[1]) }}" required>
                                    </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 @error('tel') is-invalid @enderror" name="tel1"
                                            value="{{ old('tel1',$tels[0]) }}" required>
                                        <span class="input-group-text bg-secondary-subtle">―</span>
                                        <input type="tel2"
                                            class="form-control fs-5 @error('tel') is-invalid @enderror" name="tel2"
                                            value="{{ old('tel2',$tels[1]) }}" required>
                                        <span class="input-group-text bg-secondary-subtle">―</span>
                                        <input type="tel3"
                                            class="form-control fs-5 @error('tel') is-invalid @enderror" name="tel3"
                                            value="{{ old('tel3',$tels[2]) }}" required>
                                    </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 @error('address') is-invalid @enderror"
                                    name="address" value="{{ old('address',$ins->address1) }}" required>
                            </div>
                            <div id="def_code" class="shadow-sm input-group mb-3 {{ $app->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 @error('code') is-invalid @enderror"
                                    onchange="inputChange()" required>
                                    @foreach ($premium as $premia)
                                        @if($premia->compensation == 1)
                                        <option value="{{ sprintf('%02d', $premia->industry_id) }}" {{ old('code',$ins->industry_id) == 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 {{ $app->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()" required>
                                    @foreach ($subcontract as $sub)
                                        <option value="{{ $sub->id }}" {{ old('code',$ins->industry_id) == sprintf('%02d', $sub->industry_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="number" class="form-control fs-5 @error('discount_1') is-invalid @enderror"
                                            value="{{ old('discount_1',$detail->sale ?? '') }}" disabled>
                                        <input type="hidden" id="discount_1" name="discount_1" value="{{ old('discount_1',$detail->sale ?? '') }}">
                                        <span class="input-group-text bg-secondary-subtle fs-5">％</span>
                                    </div>
                                </div>
                                <div id="def_basic" class="col-4 ms-1 {{ $app->kind == 0 ? '' : 'd-none' }}">
                                    <div class="shadow-sm input-group mb-3">
                                        <span class="input-group-text bg-secondary-subtle fs-5">基礎賃金総額</span>
                                        <input id="basic" name="basic" type="text"
                                            class="form-control fs-5 @error('basic') is-invalid @enderror"
                                            onchange="sumvalChange()" value="{{ old('basic',$detail->total_wage) }}" required>
                                        <span class="input-group-text bg-secondary-subtle fs-5">千円</span>
                                    </div>
                                </div>
                                <div id="def_sep_flg" class="col-4 ms-1 {{ $app->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 @error('special_enrollee') is-invalid @enderror"
                                                type="radio" name="special_enrollee" value="0"
                                                onchange="spChange()" id="flexRadioDefault1"
                                                {{ old('special_enrollee', ($seps->count())) == 0 || $app->kind != 0 ? 'checked' : '' }} required>
                                            <label class="form-check-label" for="flexRadioDefault1">なし</label>
                                        </div>
                                        <div class="form-check fs-5 my-2 ms-2">
                                            <input
                                                class="form-check-input @error('special_enrollee') is-invalid @enderror"
                                                type="radio" name="special_enrollee" value="1"
                                                onchange="spChange()" id="flexRadioDefault2"
                                                {{ old('special_enrollee', $seps->count()) >= 1 && $app->kind == 0 ? 'checked' : '' }}>
                                            <label class="form-check-label" for="flexRadioDefault2">あり</label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div id="sp" class="{{ old('special_enrollee', $seps->count()) >= 1 && $app->kind == 0 ? '' : 'd-none' }}">
                                <div class="row g-2">
                                    @for ($i = 1; $i <= 10; $i++)
                                        @php $num = sprintf('%02d', $i); @endphp
                                        <div class="col-md-6">
                                            <div class="shadow-sm input-group mb-3">
                                                <span class="input-group-text bg-secondary-subtle fs-5">特別加入者{{ $num }}</span>
                                                
                                                <div class="form-floating">
                                                    <input type="text"
                                                        class="form-control fs-5 @error('sp_name_' . $i) is-invalid @enderror"
                                                        id="sp_name_{{ $i }}" 
                                                        name="sp_name_{{ $i }}" 
                                                        value="{{ old('sp_name_' . $i,$seps[$i-1]->name ?? '') }}"
                                                        placeholder="氏名">
                                                    <label for="sp_name_{{ $i }}">氏名</label>
                                                </div>

                                                <div class="form-floating">
                                                    <select
                                                        class="form-control fs-5 @error('sp_val_' . $i) is-invalid @enderror"
                                                        id="sp_val_{{ $i }}" 
                                                        name="sp_val_{{ $i }}" 
                                                        placeholder="給付基礎日額" 
                                                        onchange="sumChange()">
                                                        <option></option>
                                                        <option {{ old('sp_val_' . $i,$seps[$i-1]->value ?? '') == '3500' ? 'selected' : '' }} value="3500">3,500</option>
                                                        <option {{ old('sp_val_' . $i,$seps[$i-1]->value ?? '') == '4000' ? 'selected' : '' }} value="4000">4,000</option>
                                                        <option {{ old('sp_val_' . $i,$seps[$i-1]->value ?? '') == '5000' ? 'selected' : '' }} value="5000">5,000</option>
                                                        <option {{ old('sp_val_' . $i,$seps[$i-1]->value ?? '') == '6000' ? 'selected' : '' }} value="6000">6,000</option>
                                                        <option {{ old('sp_val_' . $i,$seps[$i-1]->value ?? '') == '7000' ? 'selected' : '' }} value="7000">7,000</option>
                                                        <option {{ old('sp_val_' . $i,$seps[$i-1]->value ?? '') == '8000' ? 'selected' : '' }} value="8000">8,000</option>
                                                        <option {{ old('sp_val_' . $i,$seps[$i-1]->value ?? '') == '9000' ? 'selected' : '' }} value="9000">9,000</option>
                                                        <option {{ old('sp_val_' . $i,$seps[$i-1]->value ?? '') == '10000' ? 'selected' : '' }} value="10000">10,000</option>
                                                        <option {{ old('sp_val_' . $i,$seps[$i-1]->value ?? '') == '12000' ? 'selected' : '' }} value="12000">12,000</option>
                                                        <option {{ old('sp_val_' . $i,$seps[$i-1]->value ?? '') == '14000' ? 'selected' : '' }} value="14000">14,000</option>
                                                        <option {{ old('sp_val_' . $i,$seps[$i-1]->value ?? '') == '16000' ? 'selected' : '' }} value="16000">16,000</option>
                                                        <option {{ old('sp_val_' . $i,$seps[$i-1]->value ?? '') == '18000' ? 'selected' : '' }} value="18000">18,000</option>
                                                        <option {{ old('sp_val_' . $i,$seps[$i-1]->value ?? '') == '20000' ? 'selected' : '' }} value="20000">20,000</option>
                                                        <option {{ old('sp_val_' . $i,$seps[$i-1]->value ?? '') == '22000' ? 'selected' : '' }} value="22000">22,000</option>
                                                        <option {{ old('sp_val_' . $i,$seps[$i-1]->value ?? '') == '24000' ? 'selected' : '' }} value="24000">24,000</option>
                                                        <option {{ old('sp_val_' . $i,$seps[$i-1]->value ?? '') == '25000' ? 'selected' : '' }} value="25000">25,000</option>
                                                    </select>
                                                    <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  {{ ($app->kind == '1' || $app->kind == '3') ? '' : 'd-none' }}">
                                <div class="col-8 m-auto">
                                    <span class="input-group-text bg-secondary-subtle fs-5 mb-3">加入者</span>
                                    <div class="mb-3 d-flex gap-2">
                                        <button type="button" class="btn btn-outline-secondary" onclick="downloadSepsCSV()">CSVダウンロード</button>
                                        
                                        <label class="btn btn-outline-secondary mb-0">
                                            CSV取込（プレビュー）
                                            <input type="file" id="csvFileInput" accept=".csv" style="display: none;">
                                        </label>
                                    </div>
                                    <input type="hidden" name="seps_json" id="sepsJson" value="[@foreach($seps as $sj){&quot;no&quot;:&quot;{{ $sj->no }}&quot;,&quot;name&quot;:&quot;{{ $sj->name }}&quot;,&quot;value&quot;:&quot;{{ $sj->value }}&quot;},@endforeach]">
                                    <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 ($seps 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 id="def_sum_val" class="d-flex {{ $app->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 @error('sum_val') is-invalid @enderror">{{ old('sum_val', $detail->sep_bt_amount) }}</span>
                                            <input name="sum_val" type="hidden" id="sum_val" value="{{ old('sum_val', $detail->sep_bt_amount) }}">
                                        <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 @error('sum_basic_val') is-invalid @enderror">{{ old('sum_basic_val', $detail->pcb_wt_amount) }}</span>
                                            <input name="sum_basic_val" type="hidden" id="sum_basic_val" value="{{ old('sum_basic_val', $detail->pcb_wt_amount) }}">
                                        <span class="input-group-text bg-secondary-subtle fs-5 col-2">千円</span>
                                    </div>
                                </div>
                            </div>
                            <div id="lcr" class="{{ $app->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" name="tfy_start" type="date"
                                            value="{{ old('tfy_start',$app->tfy_start) }}"
                                            class="form-control fs-5 text-center @error('tfy_start') is-invalid @enderror"
                                            pattern="[0-9]{4}-[0-9]{2}" onchange="dateChange()">
                                        <span class="input-group-text bg-secondary-subtle">～</span>
                                        <input id="tfy_end" name="tfy_end" type="date"
                                            value="{{ old('tfy_end',$app->tfy_end) }}"
                                            class="form-control fs-5 text-center @error('tfy_end') is-invalid @enderror"
                                            pattern="[0-9]{4}-[0-9]{2}" onchange="dateChange()">
                                    </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>
                                            <input id="tc_amount" name="tc_amount" type="number" min="0"
                                                value="{{ old('tc_amount',$app->tc_amount) }}" onchange="subconChange()"
                                                class="form-control fs-5 @error('tc_amount') is-invalid @enderror">
                                            <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>
                                            <input id="spc_amount" name="spc_amount" type="number" min="0"
                                                value="{{ old('spc_amount',$app->spc_amount) }}" onchange="subconChange()"
                                                class="form-control fs-5 @error('spc_amount') is-invalid @enderror">
                                            <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>
                                            <input id="lsc_amount" name="lsc_amount" type="number" min="0"
                                                value="{{ old('lsc_amount',$app->lsc_amount) }}" onchange="subconChange()"
                                                class="form-control fs-5 @error('lsc_amount') is-invalid @enderror">
                                            <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">{{ number_format(old('subcon_sum_1',$app->tc_amount - ($app->spc_amount + $app->lsc_amount))) }}</span>
                                            <input type="hidden" id="subcon_sum_1" name="subcon_sum_1" value="{{ old('subcon_sum_1',$app->tc_amount - ($app->spc_amount + $app->lsc_amount)) }}">
                                        <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">{{ number_format(old('subcon_sum_2',$detail->pcb_wt_amount)) }}</span>
                                            <input type="hidden" id="subcon_sum_2" name="subcon_sum_2" value="{{ old('subcon_sum_2',$detail->pcb_wt_amount) }}">
                                            <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 @error('compensation') is-invalid @enderror"
                                            type="radio" name="compensation" value="0"
                                            onchange="inputvalChange()" id="compensation1"
                                            checked required>
                                        <label class="form-check-label" for="compensation1">なし</label>
                                    </div>
                                    <div class="form-check fs-5 my-2 ms-2">
                                        <input class="form-check-input @error('compensation') is-invalid @enderror"
                                            type="radio" name="" value="1"
                                            onchange="inputvalChange()" id="compensation2"
                                            required>
                                        <label class="form-check-label" for="compensation2">あり</label>
                                    </div>
                                </div>
                            </div>
                            <div class="form-control mb-3 @error('amount') is-invalid @enderror">
                                <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 p-0 justify-content-between align-items-center"
                                            for="flexRadioDefault1-1">
                                            <input class="form-check-input" type="radio" name="amount" disabled value="IA"
                                                id="flexRadioDefault1-1" onchange="valChange()"
                                                {{ old('amount',$ins->pattern) == 'IA' ? 'checked' : '' }} required>
                                            <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 p-0 justify-content-between align-items-center"
                                            for="flexRadioDefault1-2">
                                            <input class="form-check-input" type="radio" name="amount" disabled value="IIA"
                                                id="flexRadioDefault1-2" onchange="valChange()"
                                                {{ old('amount',$ins->pattern) == 'IIA' ? 'checked' : '' }}>
                                            <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 p-0 justify-content-between align-items-center"
                                            for="flexRadioDefault1-3">
                                            <input class="form-check-input" type="radio" name="amount" disabled value="IIIA"
                                                id="flexRadioDefault1-3" onchange="valChange()"
                                                {{ old('amount',$ins->pattern) == 'IIIA' ? 'checked' : '' }}>
                                            <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 p-0 justify-content-between align-items-center"
                                            for="flexRadioDefault1-4">
                                            <input class="form-check-input" type="radio" name="amount" disabled value="IAIB"
                                                id="flexRadioDefault1-4" onchange="valChange()"
                                                {{ old('amount',$ins->pattern) == 'IAIB' ? 'checked' : '' }}>
                                            <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 p-0 justify-content-between align-items-center"
                                            for="flexRadioDefault1-5">
                                            <input class="form-check-input" type="radio" name="amount" disabled value="IIAIIB"
                                                id="flexRadioDefault1-5" onchange="valChange()"
                                                {{ old('amount',$ins->pattern) == 'IIAIIB' ? 'checked' : '' }}>
                                            <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 p-0 justify-content-between align-items-center"
                                            for="flexRadioDefault1-6">
                                            <input class="form-check-input" type="radio" name="amount" disabled
                                                value="IIIAIIIB" id="flexRadioDefault1-6" onchange="valChange()"
                                                {{ old('amount',$ins->pattern) == 'IIIAIIIB' ? 'checked' : '' }}>
                                            <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 p-0 justify-content-between align-items-center"
                                            for="flexRadioDefault1-7">
                                            <input class="form-check-input" type="radio" name="amount" disabled value="IAIB2"
                                                id="flexRadioDefault1-7" onchange="valChange()"
                                                {{ old('amount',$ins->pattern) == 'IAIB2' ? 'checked' : '' }}>
                                            <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 p-0 justify-content-between align-items-center"
                                            for="flexRadioDefault1-8">
                                            <input class="form-check-input" type="radio" name="amount" disabled
                                                value="IIAIIB2" id="flexRadioDefault1-8" onchange="valChange()"
                                                {{ old('amount',$ins->pattern) == 'IIAIIB2' ? 'checked' : '' }}>
                                            <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 p-0 justify-content-between align-items-center"
                                            for="flexRadioDefault1-9">
                                            <input class="form-check-input" type="radio" name="amount" disabled
                                                value="IIIAIIIB2" id="flexRadioDefault1-9" onchange="valChange()"
                                                {{ old('amount',$ins->pattern) == 'IIIAIIIB2' ? 'checked' : '' }}>
                                            <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 @error('amount') is-invalid @enderror">
                                    <div class="list-group flex-fill text-center">
                                        <label class="list-group-item p-0 justify-content-between align-items-center"
                                            for="flexRadioDefault2-1">
                                            <input class="form-check-input" type="radio" name="amount" disabled value="IB"
                                                id="flexRadioDefault2-1" onchange="valChange()"
                                                {{ old('amount',$ins->pattern) == 'IB' ? 'checked' : '' }}>
                                            <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 p-0 justify-content-between align-items-center"
                                            for="flexRadioDefault2-2">
                                            <input class="form-check-input" type="radio" name="amount" disabled value="IIB"
                                                id="flexRadioDefault2-2" onchange="valChange()"
                                                {{ old('amount',$ins->pattern) == 'IIB' ? 'checked' : '' }}>
                                            <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 p-0 justify-content-between align-items-center"
                                            for="flexRadioDefault2-3">
                                            <input class="form-check-input" type="radio" name="amount" disabled value="IIIB"
                                                id="flexRadioDefault2-3" onchange="valChange()"
                                                {{ old('amount',$ins->pattern) == 'IIIB' ? 'checked' : '' }}>
                                            <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 p-0 justify-content-between align-items-center"
                                            for="flexRadioDefault2-4">
                                            <input class="form-check-input" type="radio" name="amount" disabled value="IB2"
                                                id="flexRadioDefault2-4" onchange="valChange()"
                                                {{ old('amount',$ins->pattern) == 'IB2' ? 'checked' : '' }}>
                                            <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 p-0 justify-content-between align-items-center"
                                            for="flexRadioDefault2-5">
                                            <input class="form-check-input" type="radio" name="amount" disabled value="IIB2"
                                                id="flexRadioDefault2-5" onchange="valChange()"
                                                {{ old('amount',$ins->pattern) == 'IIB2' ? 'checked' : '' }}>
                                            <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 p-0 justify-content-between align-items-center"
                                            for="flexRadioDefault2-6">
                                            <input class="form-check-input" type="radio" name="amount" disabled value="IIIB2"
                                                id="flexRadioDefault2-6" onchange="valChange()"
                                                {{ old('amount',$ins->pattern) == 'IIIB2' ? 'checked' : '' }}>
                                            <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 p-0 justify-content-between align-items-center"
                                            for="flexRadioDefault2-7">
                                            <input class="form-check-input" type="radio" name="amount" disabled value="IB3"
                                                id="flexRadioDefault2-7" onchange="valChange()"
                                                {{ old('amount',$ins->pattern) == 'IB3' ? 'checked' : '' }}>
                                            <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 p-0 justify-content-between align-items-center"
                                            for="flexRadioDefault2-8">
                                            <input class="form-check-input" type="radio" name="amount" disabled value="IIB3"
                                                id="flexRadioDefault2-8" onchange="valChange()"
                                                {{ old('amount',$ins->pattern) == 'IIB3' ? 'checked' : '' }}>
                                            <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 p-0 justify-content-between align-items-center"
                                            for="flexRadioDefault2-9">
                                            <input class="form-check-input" type="radio" name="amount" disabled value="IIIB3"
                                                id="flexRadioDefault2-9" onchange="valChange()"
                                                {{ old('amount',$ins->pattern) == 'IIIB3' ? 'checked' : '' }}>
                                            <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="d-none col-6">
                                <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 @error('payments') is-invalid @enderror"
                                            type="radio" name="payments" id="first_p" value="1"
                                            onchange="valChange()" {{ old('payments', $app->count) == '1' ? 'checked' : '' }} required>
                                        <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 @error('payments') is-invalid @enderror"
                                            type="radio" name="payments" id="second_p" value="2"
                                            onchange="valChange()" {{ old('payments', $app->count) == '2' ? 'checked' : '' }}>
                                        <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 @error('payments') is-invalid @enderror"
                                            type="radio" name="payments" id="third_p" value="3"
                                            onchange="valChange()" {{ old('payments', $app->count) == '3' ? 'checked' : '' }}>
                                        <label class="form-check-label" for="third_p">３回払</label>
                                    </div>
                                </div>
                            </div>
                            <div class="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">
                                <a href="{{ route('home') }}" class="fs-5 btn btn-secondary shadow-sm">一覧に戻る</a>
                                <button type="button" 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;
        }
    </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
        ];
        const ary2 = [
            @foreach ($subcontract as $scon)
                {
                    id: '{{ $scon->id }}',
                    industry_id: '{{ sprintf('%02d', $scon->industry_id) }}',
                    name: '{{ $scon->name }}',
                    rate: '{{ $scon->rate }}',
                },
            @endforeach
        ];

        function sumChange() {
            const kind = document.querySelector('input[name="kind"]:checked')?.value;
            if(kind !== '0') return;    
            const sumval = [Number(document.getElementById('sp_val_1').value),
                Number(document.getElementById('sp_val_2').value),
                Number(document.getElementById('sp_val_3').value),
                Number(document.getElementById('sp_val_4').value),
                Number(document.getElementById('sp_val_5').value),
                Number(document.getElementById('sp_val_6').value),
                Number(document.getElementById('sp_val_7').value),
                Number(document.getElementById('sp_val_8').value),
                Number(document.getElementById('sp_val_9').value),
                Number(document.getElementById('sp_val_10').value)
            ];
            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');
            sum_val.value = Math.floor(total * 365 / 1000);
            sum_val_v.innerHTML = (Math.floor(total * 365 / 1000)).toLocaleString('ja-JP');
            sumvalChange();
        }
        function kindChange(clearTable = true){
            const def_basic = document.getElementById('def_basic');
            const def_sep_flg = document.getElementById('def_sep_flg');
            const sep = document.getElementById('sep');
            const sp = document.getElementById('sp');
            const sep_code = document.getElementById('sep_code');
            const def_code = document.getElementById('def_code');
            const def_sum_val = document.getElementById('def_sum_val');
            const sum_val = document.getElementById('sum_val');
            const sum_val_v = document.getElementById('sum_val_v');
            const sum_basic_val = document.getElementById('sum_basic_val');
            const sum_basic_val_v = document.getElementById('sum_basic_val_v');
            const lcr = document.getElementById('lcr');
            const kind = document.querySelector('input[name="kind"]:checked')?.value;
            const code = document.getElementById('code');
            const code2 = document.getElementById('code2');

            const tc_amount = document.getElementById('tc_amount');
            const spc_amount = document.getElementById('spc_amount');
            const lsc_amount = document.getElementById('lsc_amount');

            const subcon_sum_1 = document.getElementById('subcon_sum_1');
            const subcon_sum_2 = document.getElementById('subcon_sum_2');
            const subcon_sum_1_v = document.getElementById('subcon_sum_1_v');
            const subcon_sum_2_v = document.getElementById('subcon_sum_2_v');

            const tbody = document.querySelector('#sepsTable tbody');
            const basicval = document.getElementById('basic');
            const sepsJson = document.getElementById('sepsJson');
            const serialNumber = document.getElementById('serial_number');
            const floatingInput6 = document.getElementById('floatingInput6');
            if (clearTable && tbody) {
                basicval.value = '';
                tbody.innerHTML = '';
                sepsJson.value = '';
                const radiobtn = document.getElementById('flexRadioDefault1');
                radiobtn.checked = true;
                spChange();
                sum_val.value = 0;
                sum_basic_val.value = 0;
                sum_val_v.innerHTML = 0;
                sum_basic_val_v.innerHTML = 0;
                tc_amount.value = '';
                spc_amount.value = '';
                lsc_amount.value = '';
                subcon_sum_1.value = 0;
                subcon_sum_2.value = 0;
                subcon_sum_1_v.innerHTML = 0;
                subcon_sum_2_v.innerHTML = 0;
                serialNumber.value = '00';
                floatingInput6.value = '00';
            }
            if(kind == '2'){
                const items2 = ary2.find(v => v.id === code2.value);
                code.value = items2['industry_id'];
                const radios = document.querySelector('input[name="compensation"]:checked');
                const label = document.getElementById('code_label');
                const items = ary.find(v => v.industry_id === items2['industry_id'] && v.detail.compensation === radios.value);
                label.innerHTML = items['detail']['name'];
            }
            if(kind == '2' || kind == '3'){
                serialNumber.value = '11';
                floatingInput6.value = '11';
            }
            def_basic?.classList.toggle('d-none', kind !== '0');
            def_sep_flg?.classList.toggle('d-none', kind !== '0');
            sep?.classList.toggle('d-none', !['1', '3'].includes(kind));
            def_sum_val?.classList.toggle('d-none', !['0', '1', '3'].includes(kind));
            def_code?.classList.toggle('d-none', !['0', '1', '3'].includes(kind));
            sep_code?.classList.toggle('d-none', kind !== '2');
            lcr?.classList.toggle('d-none', kind !== '2');
            inputvalChange();
        }
        function reloadChange(){
            const tc_amount = document.getElementById('tc_amount');
            const sep = document.getElementById('sep');
            const basic = document.getElementById('basic');
            const lcr = document.getElementById('lcr');
            if(tc_amount.value == '' && basic.value == ''){
                def_basic?.classList.add('d-none');
                def_sep_flg?.classList.add('d-none');
                sep?.classList.remove('d-none');
            }
            if(tc_amount.value != ''){
                def_basic?.classList.add('d-none');
                def_sep_flg?.classList.add('d-none');
                lcr?.classList.remove('d-none');
            }                
        }
        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');
            sum_basic_val.value = Number(sum_val.value) + Number(basic.value);
            sum_basic_val_v.innerHTML = (Number(sum_val.value) + Number(basic.value)).toLocaleString('ja-JP');
            inputvalChange();
        }

        function subconChange() {
            const tc_amount = Number(document.getElementById('tc_amount').value);
            const spc_amount = Number(document.getElementById('spc_amount').value);
            const lsc_amount = Number(document.getElementById('lsc_amount').value);
            const code = document.getElementById('code');
            const code2 = document.getElementById('code2');
            const subcon_sum_1 = document.getElementById('subcon_sum_1');
            const subcon_sum_2 = document.getElementById('subcon_sum_2');
            const sum_basic_val = document.getElementById('sum_basic_val');
            const subcon_sum_1_v = document.getElementById('subcon_sum_1_v');
            const subcon_sum_2_v = document.getElementById('subcon_sum_2_v');
            const sum_basic_val_v = document.getElementById('sum_basic_val_v');
            const items2 = ary2.find(v => v.id === code2.value);
            let val_calc_1 = tc_amount - (spc_amount + lsc_amount);
            let val_calc_2 = val_calc_1 * items2['rate'];
            const kind = document.querySelector('input[name="kind"]:checked')?.value;
            if(kind == '2'){
                code.value = items2['industry_id'];
            }
            subcon_sum_1.value = Number(val_calc_1);
            subcon_sum_2.value = Number(val_calc_2);
            sum_basic_val.value = Number(val_calc_2);
            subcon_sum_1_v.innerHTML = Number(val_calc_1).toLocaleString('ja-JP');
            subcon_sum_2_v.innerHTML = Number(val_calc_2).toLocaleString('ja-JP');
            sum_basic_val_v.innerHTML = Number(val_calc_2).toLocaleString('ja-JP');
            inputvalChange2();
        }

        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 dif_val = document.getElementById('dif_month').value;
            const sum_basic_val = document.getElementById('sum_basic_val').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 inputvalChange2() {
            const code2 = document.getElementById('code2');
            const items2 = ary2.find(v => v.id === code2.value);
            const radios = document.querySelector('input[name="compensation"]:checked');
            const items = ary.find(v => v.industry_id === items2['industry_id'] && v.detail.compensation === radios.value);
            const discount_1 = document.getElementById('discount_1').value;
            const dif_val = document.getElementById('dif_month').value;
            const sum_basic_val = document.getElementById('sum_basic_val').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();
        subconChange();
        const kind = document.querySelector('input[name="kind"]:checked')?.value;
        if(kind == '2'){
            inputvalChange2();
            valChange();
        }else{
            inputvalChange();
            valChange();
            sumvalChange();
        }
        function submitAfterValidate() {
            const form = document.getElementById('entryForm');
            form.submit();
        }
        window.addEventListener('pageshow', function (e) {
            if (e.persisted) {
                dateChange();
                inputChange();
                spChange();
                sumChange();
                inputvalChange();
                valChange();
                sumvalChange();
                requestAnimationFrame(() => window.scrollTo({ top: 0, left: 0, behavior: 'auto' }));
            }
        });
        function downloadSepsCSV() {
        const table = document.getElementById('sepsTable');
        if (!table) return;

        let csvLines = [];
        for (let row of table.rows) {
            let cells = Array.from(row.cells).slice(0, 3).map(cell => {
                let text = cell.innerText.trim().replace(/,/g, '');
                return `"${text.replace(/"/g, '""')}"`;
            });
            csvLines.push(cells.join(','));
        }

        const bom = new Uint8Array([0xEF, 0xBB, 0xBF]);
        const blob = new Blob([bom, csvLines.join('\r\n')], { type: 'text/csv;charset=utf-8;' });
        const link = document.createElement('a');
        link.href = URL.createObjectURL(blob);
        link.download = '加入者.csv';
        link.click();
    }
        function calculateInsuranceAmount(startDateStr, endDateStr, valueStr) {
        try {
            if (!startDateStr || !endDateStr || !valueStr) return '0';

            // ハイフン区切りに統一して Date オブジェクト化
            const start = new Date(startDateStr.trim().replace(/\//g, '-'));
            const end = new Date(endDateStr.trim().replace(/\//g, '/'));
            const value = Number(String(valueStr).replace(/,/g, ''));

            if (isNaN(start.getTime()) || isNaN(end.getTime()) || isNaN(value)) {
                return '0';
            }

            // 日数差の計算 (ミリ秒 -> 日数)
            const diffTime = end.getTime() - start.getTime();
            const diffDays = Math.floor(diffTime / (1000 * 60 * 60 * 24));

            if (diffDays <= 0) return '0';

            // (日数 × 給付基礎日額) をカンマ区切りにして返す
            return (diffDays * value).toLocaleString();
        } catch (e) {
            console.error('計算エラー:', e);
            return '0';
        }
    }
    document.addEventListener('DOMContentLoaded', function () {
        kindChange(false);
        inputChange();

        const csvInput = document.getElementById('csvFileInput');
        if (csvInput) {
            csvInput.addEventListener('change', function (e) {
                const file = e.target.files[0];
                if (!file) return;
                let sep_val_sum = 0;
                const reader = new FileReader();
                reader.readAsText(file, 'UTF-8');

                reader.onload = function (event) {
                    const lines = event.target.result.split(/\r\n|\n/).filter(line => line.trim() !== '');
                    if (lines.length <= 1) return;

                    const expectedHeaders = [
                        '#', 
                        '加入者', 
                        '給付基礎日額', 
                    ];
                    const headers = lines[0].split(',').map(col => col.replace(/^"|"$/g, '').trim());

                    let isHeaderValid = true;
                    if (headers.length < expectedHeaders.length) {
                        isHeaderValid = false;
                    } else {
                        for (let i = 0; i < expectedHeaders.length; i++) {
                            if (headers[i] !== expectedHeaders[i]) {
                                isHeaderValid = false;
                                break;
                            }
                        }
                    }
                    if (!isHeaderValid) {
                        alert("【エラー】CSVのヘッダーの項目名または順番が異なります。\n指定されたフォーマットのCSVを取り込んでください。");
                        e.target.value = '';
                        return;
                    }

                    let errorMessages = [];
                    let parsedRows = [];

                    for (let i = 1; i < lines.length; i++) {
                        const cols = lines[i].split(',').map(col => col.replace(/^"|"$/g, '').trim());
                        if (cols.length < 2) continue;

                        let rowNum = i + 1;
                        
                        if (!/^\d+$/.test(cols[0])) {
                            errorMessages.push(`${rowNum}行目: 「#」は半角数字で入力してください。`);
                        }
                        if (cols[1] === '') {
                            errorMessages.push(`${rowNum}行目: 「加入者」が未入力です。`);
                        }
                        let priceValue = cols[2].replace(/,/g, '');
                        const allowedDailyAmounts = [
                            3500, 4000, 5000, 6000, 7000, 8000, 9000, 10000,
                            12000, 14000, 16000, 18000, 20000, 22000, 24000, 25000
                        ];

                        if (priceValue === '' || isNaN(priceValue) || !/^\d+$/.test(priceValue)) {
                            errorMessages.push(`${rowNum}行目: 「給付基礎日額」は半角数字で入力してください。`);
                        } else {
                            // 文字列を数値に変換してチェック
                            let numericPrice = Number(priceValue);
                            if (!allowedDailyAmounts.includes(numericPrice)) {
                                errorMessages.push(`${rowNum}行目: 「給付基礎日額」は規定の金額（3500〜25000の間の特定額）で入力してください。（入力値: ${priceValue}）`);
                            }
                        }

                        parsedRows.push(cols);
                    }

                    if (errorMessages.length > 0) {
                        let alertMsg = "【データエラー】\nCSVの内容に誤りがあります。\n\n" + errorMessages.slice(0, 5).join('\n');
                        if (errorMessages.length > 5) {
                            alertMsg += `\n...他 ${errorMessages.length - 5} 件のエラー`;
                        }
                        alert(alertMsg);
                        e.target.value = '';
                        return;
                    }

                    // テーブル描画
                    const tbody = document.querySelector('#sepsTable tbody');
                    tbody.innerHTML = ''; 

                    const start_date = document.getElementById('st_date');
                    const end_date = document.getElementById('ed_date').innerHTML;
                    
                    parsedRows.forEach(cols => {
                        // 7列目「保険料算定基礎額」の動的計算
                        //const calcVal = calculateInsuranceAmount(start_date.value, end_date, cols[2]);
                        const calcVal = cols[2] * 365;
                        sep_val_sum = sep_val_sum + Number(calcVal);
                        const tr = document.createElement('tr');
                        tr.innerHTML = `
                            <th scope="row">${escapeHtml(cols[0])}</th>
                            <td>${escapeHtml(cols[1])}</td>
                            <td>${escapeHtml(Number(cols[2]).toLocaleString())}</td>
                            <td class="border-start">${escapeHtml(Number(calcVal).toLocaleString())}</td>
                        `;
                        tbody.appendChild(tr);
                    });
                    
                    document.getElementById('sum_val').value = sep_val_sum / 1000;
                    document.getElementById('sum_val_v').innerHTML = (sep_val_sum / 1000).toLocaleString('ja-JP');
                    document.getElementById('sum_basic_val').value = sep_val_sum / 1000;
                    document.getElementById('sum_basic_val_v').innerHTML = (sep_val_sum / 1000).toLocaleString('ja-JP');
                    sumvalChange();
                    updateHiddenJson();
                    alert('CSVを取り込みました。確認後「確認する」ボタンを押してください。');
                };
                e.target.value = '';
            });
        }
    });
    function updateHiddenJson() {
        const rows = document.querySelectorAll('#sepsTable tbody tr');
        const data = [];

        rows.forEach(row => {
            const cells = row.querySelectorAll('th, td');
            if (cells.length >= 3) {
                data.push({
                    no: cells[0].innerText.trim(),
                    name: cells[1].innerText.trim(),
                    value: cells[2].innerText.trim().replace(/,/g, '')
                });
             }
        });

        const jsonInput = document.getElementById('sepsJson');
        if (jsonInput) {
            jsonInput.value = JSON.stringify(data);
        }
    }

    function escapeHtml(str) {
        return String(str)
            .replace(/&/g, '&amp;')
            .replace(/</g, '&lt;')
            .replace(/>/g, '&gt;')
            .replace(/"/g, '&quot;');
    }
    </script>
@endsection