@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-8">
            {{ Breadcrumbs::render('csv.contract.index') }}
            <div class="card shadow mb-5">
                <div class="shadow-sm card-header fs-3 d-flex">
                    <span>契約データ一括インポート</span>
                    <div style="margin:auto 0px auto auto">
                    <a class="fs-5 btn btn-secondary shadow-sm" href="{{ route('home') }}" >戻る</a>
                    </div>
                </div>
                <div class="card-body p-4">

                    @if (session('success'))
                        <div class="alert alert-success fs-5">{{ session('success') }}</div>
                    @endif
                    @if (session('error'))
                        <div class="alert alert-danger fs-5">{!! session('error') !!}</div>
                    @endif

                        <div class="mb-4">
                            <label for="csv_file" class="form-label fs-5 fw-bold">ファイルを選択してください</label>
                            <input form="import-form" class="form-control form-control-lg @error('csv_file') is-invalid @enderror shadow-sm " type="file" id="csv_file" name="csv_file" accept=".txt,.csv,.xlsx">
                            @error('csv_file')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                            <div class="form-text text-muted mt-2">
                                ※ファイルの文字コードは Shift-JIS または UTF-8 に対応しています。<br>
                                ※1行目はヘッダー（見出し）としてスキップされます。
                            </div>
                        </div>

                        <div class="d-flex justify-content-between">
                    <form  id="del-form" action="{{ route('csv.contract.delete') }}" method="GET" enctype="multipart/form-data">
                    @csrf
                            <button type="submit" class="btn btn-light border px-4 shadow-sm" onclick="return confirm('本当に破棄しますか？')">取込予定データ破棄</button>
                    </form>
                    <form id="import-form" action="{{ route('csv.contract.insert') }}" method="POST" enctype="multipart/form-data">
                        @csrf
                            <button type="submit" class="btn btn-secondary px-5 shadow-sm fs-5" onclick="return confirm('本当にインポートを実行しますか？')">インポート開始</button>
                    </form>
                        </div>

                </div>
            </div>
        @if(($results->count() ?? 0) > 0)
            <div class="card shadow mb-5">
                <div class="card-body text-center">
        <!-- 一時テーブルにデータがある場合のみ本反映ボタンを表示 -->
                <form action="{{ route('csv.contract.commit') }}" method="POST" id="commitForm">
                    @csrf
                    <div id="alertArea" class="alert alert-warning mb-3 text-start">
                        現在一時保存されているデータが <strong>{{ number_format($results->count()) }} 件</strong> あります。「本番テーブルへ反映する」を押すとバックグラウンドで移行が開始されます。
                    </div>
                    <button type="submit" id="commitBtn" class="btn btn-secondary btn-lg fw-bold px-5 shadow">
                        本番テーブルへ反映する
                    </button>
                </form>

                <!-- 進捗バー（最初は非表示） -->
                <div id="progressArea" class="mt-4 d-none">
                    <div class="fw-bold text-success mb-2 fs-5" id="progressText">移行準備中...</div>
                    <div class="progress" style="height: 30px;">
                        <div id="progressBar" class="progress-bar progress-bar-striped progress-bar-animated bg-success" 
                            style="width: 0%; font-weight: bold; font-size: 1.1rem;">0%</div>
                    </div>
                </div>
            </div>
        </div>
        @endif
<!-- JavaScript -->
<script>
document.addEventListener("DOMContentLoaded", function() {
    const form = document.getElementById('commitForm');
    
    if (form) {
        form.addEventListener('submit', function(e) {
            // ボタンの連打防止とエリア切り替え
            document.getElementById('commitBtn').disabled = true;
            document.getElementById('alertArea').classList.add('d-none');
            document.getElementById('progressArea').classList.remove('d-none');

            // 2秒おきに進捗をサーバーに問い合わせ
            const intervalId = setInterval(() => {
                fetch("{{ route('csv.contract.progress') }}")
                    .then(res => res.json())
                    .then(data => {
                        const bar = document.getElementById('progressBar');
                        const text = document.getElementById('progressText');

                        if (data.status === 'processing') {
                            let percent = data.total > 0 ? Math.round((data.processed / data.total) * 100) : 0;
                            bar.style.width = percent + '%';
                            bar.innerText = percent + '%';
                            text.innerText = `データ移行中... (${data.processed.toLocaleString()} / ${data.total.toLocaleString()} 件)`;
                        } else if (data.status === 'completed') {
                            clearInterval(intervalId);
                            bar.style.width = '100%';
                            bar.innerText = '100%';
                            text.innerText = '✨ すべてのデータ移行が完了しました！画面をリロードします...';
                            setTimeout(() => location.reload(), 1500);
                        } else if (data.status === 'failed') {
                            clearInterval(intervalId);
                            text.innerText = '❌ 移行中にエラーが発生しました。Laravelのログ(storage/logs/)を確認してください。';
                            bar.classList.replace('bg-success', 'bg-danger');
                        }
                    })
                    .catch(error => {
                        console.error('Progress Fetch Error:', error);
                    });
            }, 2000);
        });
    }
});
</script>
            <div class="card shadow">
                @if (number_format($results->count()) >= 100)
                <div class="card-header fs-5">取込予定データ(100件/{{ number_format($results->count()) }}件)</div>
                @else
                <div class="card-header fs-5">取込予定データ</div>
                @endif
                <div class="card-body p-4">
                    <div class="table-responsive">
                        <table class="table text-nowrap table-hover">
                            <thead>
                                <tr class="table-secondary text-center">
                                    <th scope="col">契約年度</th>
                                    <th scope="col">労働保険番号</th>
                                    <th scope="col">事業場の名称</th>
                                    <th scope="col">事業主の氏名</th>
                                    <th scope="col">郵便番号</th>
                                    <th scope="col">電話番号</th>
                                    <th scope="col">所在地１</th>
                                    <th scope="col">所在地２</th>
                                    <th scope="col">連絡窓口</th>
                                    <th scope="col">保険期間(from)</th>
                                    <th scope="col">保険期間(to)</th>
                                    <th scope="col">脳心補償区分</th>
                                    <th scope="col">業種ｺｰﾄﾞ</th>
                                    <th scope="col">①基礎賃金総額</th>
                                    <th scope="col">特別加入者氏名①</th>
                                    <th scope="col">特別加入者日額①</th>
                                    <th scope="col">特別加入者氏名②</th>
                                    <th scope="col">特別加入者日額②</th>
                                    <th scope="col">特別加入者氏名③</th>
                                    <th scope="col">特別加入者日額③</th>
                                    <th scope="col">特別加入者氏名④</th>
                                    <th scope="col">特別加入者日額④</th>
                                    <th scope="col">特別加入者氏名⑤</th>
                                    <th scope="col">特別加入者日額⑤</th>
                                    <th scope="col">特別加入者氏名⑥</th>
                                    <th scope="col">特別加入者日額⑥</th>
                                    <th scope="col">特別加入者氏名⑦</th>
                                    <th scope="col">特別加入者日額⑦</th>
                                    <th scope="col">特別加入者氏名⑧</th>
                                    <th scope="col">特別加入者日額⑧</th>
                                    <th scope="col">特別加入者氏名⑨</th>
                                    <th scope="col">特別加入者日額⑨</th>
                                    <th scope="col">特別加入者氏名⑩</th>
                                    <th scope="col">特別加入者日額⑩</th>
                                    <th scope="col">特別加入者氏名⑪</th>
                                    <th scope="col">特別加入者日額⑪</th>
                                    <th scope="col">特別加入者氏名⑫</th>
                                    <th scope="col">特別加入者日額⑫</th>
                                    <th scope="col">②特別加入者保険料算定基礎合計</th>
                                    <th scope="col">③保険金算出の基礎賃金総額</th>
                                    <th scope="col">割引率</th>
                                    <th scope="col">海外派遣()</th>
                                    <th scope="col">申込日</th>
                                    <th scope="col">契約パターン</th>
                                    <th scope="col">契約の型Ａ</th>
                                    <th scope="col">口数Ａ</th>
                                    <th scope="col">Ａ型保険金額</th>
                                    <th scope="col">契約の型Ｂ</th>
                                    <th scope="col">口数Ｂ</th>
                                    <th scope="col">Ｂ型保険金額</th>
                                    <th scope="col">保険金額合計</th>
                                    <th scope="col">払込回数</th>
                                    <th scope="col">１回目</th>
                                    <th scope="col">２回目</th>
                                    <th scope="col">３回目</th>
                                    <th scope="col">４回目</th>
                                    <th scope="col">５回目</th>
                                    <th scope="col">６回目</th>
                                    <th scope="col">７回目</th>
                                    <th scope="col">ⅠＡ</th>
                                    <th scope="col">ⅡＡ</th>
                                    <th scope="col">ⅢＡ</th>
                                    <th scope="col">ⅠＢ</th>
                                    <th scope="col">ⅡＢ</th>
                                    <th scope="col">ⅢＢ</th>
                                    <th scope="col">ⅠＡⅠＢ</th>
                                    <th scope="col">ⅡＡⅡＢ</th>
                                    <th scope="col">ⅢＡⅢＢ</th>
                                    <th scope="col">ⅠＢⅠＢ</th>
                                    <th scope="col">ⅡＢⅡＢ</th>
                                    <th scope="col">ⅢＢⅢＢ</th>
                                    <th scope="col">ⅠＡⅠＢⅠＢ</th>
                                    <th scope="col">ⅡＡⅡＢⅡＢ</th>
                                    <th scope="col">ⅢＡⅢＢⅢＢ</th>
                                    <th scope="col">ⅠＢⅠＢⅠＢ</th>
                                    <th scope="col">ⅡＢⅡＢⅡＢ</th>
                                    <th scope="col">ⅢＢⅢＢⅢＢ</th>
                                    <th scope="col">証券送付有無</th>
                                    <th scope="col">旧労働保険番号</th>
                                    <th scope="col">契約開始日</th>
                                    <th scope="col">継続加入フラグ()</th>
                                    <th scope="col">会長表彰</th>
                                    <th scope="col">３年表彰()</th>
                                    <th scope="col">５年表彰()</th>
                                    <th scope="col">総コンデータ()</th>
                                    <th scope="col">資料作成()</th>
                                    <th scope="col">領収日1回目</th>
                                    <th scope="col">領収日2回目</th>
                                    <th scope="col">領収日3回目</th>
                                    <th scope="col">自由項目④</th>
                                    <th scope="col">証券発行日</th>
                                    <th scope="col">証券発送日</th>
                                    <th scope="col">領収　備考</th>
                                    <th scope="col">備考</th>
                                    <th scope="col">申込書本部到着日</th>
                                    <th scope="col">新規・継続</th>
                                    <th scope="col">登録年月日</th>
                                    <th scope="col">更新年月日</th>
                                    <th scope="col">中途解約区分</th>
                                    <th scope="col">解約理由</th>
                                    <th scope="col">解約年月日</th>
                                    <th scope="col">解約処理日</th>
                                    <th scope="col">解約後の保険料Ａ</th>
                                    <th scope="col">解約後の保険料Ｂ</th>
                                    <th scope="col">本部事務費</th>
                                    <th scope="col">差引還付額</th>
                                    <th scope="col">解約整理番号</th>
                                    <th scope="col">決済処理区分()</th>
                                    <th scope="col">決済処理日</th>
                                </tr>
                            </thead>
                            <tbody class="table-group-divider">

                            @forelse ($results->take(100) as $item)
                                <tr style="cursor: pointer;">
                                    <td class="align-middle">{{$item['contract_year']}}</td>
                                    <td class="align-middle">{{$item['LINumber']}}</td>
                                    <td class="align-middle">{{$item['workspace']}}</td>
                                    <td class="align-middle">{{$item['name']}}</td>
                                    <td class="align-middle">{{$item['post_code']}}</td>
                                    <td class="align-middle">{{$item['tel']}}</td>
                                    <td class="align-middle">{{$item['address1']}}</td>
                                    <td class="align-middle">{{$item['address2']}}</td>
                                    <td class="align-middle">{{$item['contact']}}</td>
                                    <td class="align-middle">{{$item['start_date']}}</td>
                                    <td class="align-middle">{{$item['end_date']}}</td>
                                    <td class="align-middle">{{$item['compensation']}}</td>
                                    <td class="align-middle">{{$item['industry_id']}}</td>
                                    <td class="align-middle">{{$item['total_wage']}}</td>
                                    <td class="align-middle">{{$item['name1']}}</td>
                                    <td class="align-middle">{{$item['value1']}}</td>
                                    <td class="align-middle">{{$item['name2']}}</td>
                                    <td class="align-middle">{{$item['value2']}}</td>
                                    <td class="align-middle">{{$item['name3']}}</td>
                                    <td class="align-middle">{{$item['value3']}}</td>
                                    <td class="align-middle">{{$item['name4']}}</td>
                                    <td class="align-middle">{{$item['value4']}}</td>
                                    <td class="align-middle">{{$item['name5']}}</td>
                                    <td class="align-middle">{{$item['value5']}}</td>
                                    <td class="align-middle">{{$item['name6']}}</td>
                                    <td class="align-middle">{{$item['value6']}}</td>
                                    <td class="align-middle">{{$item['name7']}}</td>
                                    <td class="align-middle">{{$item['value7']}}</td>
                                    <td class="align-middle">{{$item['name8']}}</td>
                                    <td class="align-middle">{{$item['value8']}}</td>
                                    <td class="align-middle">{{$item['name9']}}</td>
                                    <td class="align-middle">{{$item['value9']}}</td>
                                    <td class="align-middle">{{$item['name10']}}</td>
                                    <td class="align-middle">{{$item['value10']}}</td>
                                    <td class="align-middle">{{$item['name11']}}</td>
                                    <td class="align-middle">{{$item['value11']}}</td>
                                    <td class="align-middle">{{$item['name12']}}</td>
                                    <td class="align-middle">{{$item['value12']}}</td>
                                    <td class="align-middle">{{$item['sep_bt_amount']}}</td>
                                    <td class="align-middle">{{$item['pcb_wt_amount']}}</td>
                                    <td class="align-middle">{{$item['sale']}}</td>
                                    <td class="align-middle">{{$item['foreign_flg']}}</td>
                                    <td class="align-middle">{{$item['appl_date']}}</td>
                                    <td class="align-middle">{{$amountMap[$item['pattern']] }}</td>
                                    <td class="align-middle">{{$item['a1']}}</td>
                                    <td class="align-middle">{{$item['a2']}}</td>
                                    <td class="align-middle">{{$item['a3']}}</td>
                                    <td class="align-middle">{{$item['b1']}}</td>
                                    <td class="align-middle">{{$item['b2']}}</td>
                                    <td class="align-middle">{{$item['b3']}}</td>
                                    <td class="align-middle">{{$item['value']}}</td>
                                    <td class="align-middle">{{$item['count']}}</td>
                                    <td class="align-middle">{{$item['ta1']}}</td>
                                    <td class="align-middle">{{$item['ta2']}}</td>
                                    <td class="align-middle">{{$item['ta3']}}</td>
                                    <td class="align-middle">{{$item['ta4']}}</td>
                                    <td class="align-middle">{{$item['ta5']}}</td>
                                    <td class="align-middle">{{$item['ta6']}}</td>
                                    <td class="align-middle">{{$item['ta7']}}</td>
                                    <td class="align-middle">{{$item['IA']}}</td>
                                    <td class="align-middle">{{$item['IIA']}}</td>
                                    <td class="align-middle">{{$item['IIIA']}}</td>
                                    <td class="align-middle">{{$item['IB']}}</td>
                                    <td class="align-middle">{{$item['IIB']}}</td>
                                    <td class="align-middle">{{$item['IIIB']}}</td>
                                    <td class="align-middle">{{$item['IAIB']}}</td>
                                    <td class="align-middle">{{$item['IIAIIB']}}</td>
                                    <td class="align-middle">{{$item['IIIAIIIB']}}</td>
                                    <td class="align-middle">{{$item['IBIB']}}</td>
                                    <td class="align-middle">{{$item['IIBIIB']}}</td>
                                    <td class="align-middle">{{$item['IIIBIIIB']}}</td>
                                    <td class="align-middle">{{$item['IAIBIB']}}</td>
                                    <td class="align-middle">{{$item['IIAIIBIIB']}}</td>
                                    <td class="align-middle">{{$item['IIIAIIIBIIIB']}}</td>
                                    <td class="align-middle">{{$item['IBIBIB']}}</td>
                                    <td class="align-middle">{{$item['IIBIIBIIB']}}</td>
                                    <td class="align-middle">{{$item['IIIBIIIBIIIB']}}</td>
                                    <td class="align-middle">{{$item['card_flg']}}</td>
                                    <td class="align-middle">{{$item['LINumber_old']}}</td>
                                    <td class="align-middle">{{$item['contract_date']}}</td>
                                    <td class="align-middle">{{$item['keep_flg']}}</td>
                                    <td class="align-middle">{{$item['kaicho_flg']}}</td>
                                    <td class="align-middle">{{$item['three_flg']}}</td>
                                    <td class="align-middle">{{$item['five_fig']}}</td>
                                    <td class="align-middle">{{$item['soukon_flg']}}</td>
                                    <td class="align-middle">{{$item['create_items']}}</td>
                                    <td class="align-middle">{{$item['receipt1']}}</td>
                                    <td class="align-middle">{{$item['receipt2']}}</td>
                                    <td class="align-middle">{{$item['receipt3']}}</td>
                                    <td class="align-middle">{{$item['free']}}</td>
                                    <td class="align-middle">{{$item['create_card']}}</td>
                                    <td class="align-middle">{{$item['card_senddate']}}</td>
                                    <td class="align-middle">{{$item['biko']}}</td>
                                    <td class="align-middle">{{$item['biko2']}}</td>
                                    <td class="align-middle">{{$item['send_date']}}</td>
                                    <td class="align-middle">{{$item['type']}}</td>
                                    <td class="align-middle">{{$item['create_date']}}</td>
                                    <td class="align-middle">{{$item['update_date']}}</td>
                                    <td class="align-middle">{{$item['cancell_flg']}}</td>
                                    <td class="align-middle">{{$item['cancell_reason']}}</td>
                                    <td class="align-middle">{{$item['cancell_date']}}</td>
                                    <td class="align-middle">{{$item['cancell_ex_date']}}</td>
                                    <td class="align-middle">{{$item['cancelled_value_a']}}</td>
                                    <td class="align-middle">{{$item['cancelled_value_b']}}</td>
                                    <td class="align-middle">{{$item['jimu_value']}}</td>
                                    <td class="align-middle">{{$item['kanpu_value']}}</td>
                                    <td class="align-middle">{{$item['cancell_number']}}</td>
                                    <td class="align-middle">{{$item['payment_flg']}}</td>
                                    <td class="align-middle">{{$item['payment_date']}}</td>
                                </tr>
                                @empty
                                    <tr>
                                        <td colspan="10" class="text-center py-4 text-muted">
                                            データが見つかりませんでした。
                                        </td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection