@extends('layouts.app')

@section('content')
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-10 col-md-12">
                {{ Breadcrumbs::render('insure.index',$app->application_id) }}
                @if (session('status'))
                <div class="alert alert-success" role="alert">
                    {{ session('status') }}
                </div>
                @endif
                <div class="shadow card">
                    <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">
                        <div class="d-flex mb-3">
                            <a class="col-1 px-1" href="{{ route('insure.detail', ['id' => $app->application_id]) }}" >
                                <button class="btn btn-secondary fs-6 col-12 h-100 shadow">画面<br>確認</button>
                            </a>
                            <a class="col-1 px-1" href="{{ route('insure.preview', ['id' => $app->application_id]) }}" >
                                <button class="btn btn-secondary fs-6 col-12 h-100 shadow">プレ<br>ビュー</button>
                            </a>
                            @if ($app->isDraft())
                            @role('admin|honbu|dairiten')
                            <a class="col-1 px-1" href="{{ route('insure.edit', ['id' => $app->application_id]) }}" >
                                <button class="btn btn-secondary fs-6 col-12 h-100 shadow">見積書<br>修正</button>
                            </a>
                            <a class="col-1 px-1"
                            data-bs-toggle="modal" 
                            data-bs-target="#confirmModal" >
                                <button class="btn btn-secondary fs-6 col-12 h-100 shadow">契約<br>不成立</button>
                            </a>
                            @endrole
                            @role('admin|honbu')
                            <a class="col-1 px-1" href="{{ route('approval.index', ['id' => $app->application_id]) }}" >
                                <button class="btn btn-secondary fs-6 col-12 h-100 shadow">契約書<br>確認</button>
                            </a>
                            @endrole
                            @elseif ($app->isPending())
                            @role('admin|honbu|dairiten')
                            <a class="col-1 px-1" href="{{ route('insure.fix', ['id' => $app->application_id]) }}" >
                                <button class="btn btn-secondary fs-6 col-12 h-100 shadow">見積書<br>修正</button>
                            </a>
                            <a class="col-1 px-1" href="{{ route('insure.edit', ['id' => $app->application_id]) }}" >
                                <button class="btn btn-secondary fs-6 col-12 h-100 shadow">申込書<br>登録</button>
                            </a>
                            <a class="col-1 px-1"
                            data-bs-toggle="modal" 
                            data-bs-target="#confirmModal" >
                                <button class="btn btn-secondary fs-6 col-12 h-100 shadow">契約<br>不成立</button>
                            </a>
                            @endrole
                            @elseif ($app->isPrint())
                            @role('admin|honbu|dairiten')
                            <a class="col-1 px-1" href="{{ route('insure.fix', ['id' => $app->application_id]) }}" >
                                <button class="btn btn-secondary fs-6 col-12 h-100 shadow">見積書<br>修正</button>
                            </a>
                            <a class="col-1 px-1" href="{{ route('insure.edit', ['id' => $app->application_id]) }}" >
                                <button class="btn btn-secondary fs-6 col-12 h-100 shadow">申込書<br>登録</button>
                            </a>
                            <a class="col-1 px-1"
                            data-bs-toggle="modal" 
                            data-bs-target="#confirmModal" >
                                <button class="btn btn-secondary fs-6 col-12 h-100 shadow">契約<br>不成立</button>
                            </a>
                            @endrole
                            @elseif ($app->isContract())
                            <a class="col-1 px-1" href="{{ route('transfer.index', ['id' => $app->application_id]) }}" >
                                <button class="btn btn-secondary fs-6 col-12 h-100 shadow">入金<br>管理</button>
                            </a>
                            @role('admin|honbu|dairiten')
                            <a class="col-1 px-1" data-bs-toggle="modal" data-bs-target="#uploadModal">
                                <button class="btn btn-secondary fs-6 col-12 h-100 shadow">申込書<br>保存</button>
                            </a>
                            @endrole
                            @if ($af)
                            <a class="col-1 px-1" href="{{ route('attachments.show', ['uuid' => $af->uuid, 'disposition' => 'attachment']) }}">
                                <button class="btn btn-secondary fs-6 col-12 h-100 shadow">申込書<br>閲覧</button>
                            </a>
                            @endif
                            @elseif ($app->isActive())
                            <a class="col-1 px-1" href="{{ route('transfer.index', ['id' => $app->application_id]) }}" >
                                <button class="btn btn-secondary fs-6 col-12 h-100 shadow">入金<br>管理</button>
                            </a>
                            @role('admin|honbu|dairiten')
                            <a class="col-1 px-1" data-bs-toggle="modal" data-bs-target="#uploadModal">
                                <button class="btn btn-secondary fs-6 col-12 h-100 shadow">申込書<br>保存</button>
                            </a>
                            @endrole
                            @if ($af)
                                <a class="col-1 px-1" href="{{ route('attachments.show', ['uuid' => $af->uuid, 'disposition' => 'attachment']) }}">
                                    <button class="btn btn-secondary fs-6 col-12 h-100 shadow">申込書<br>閲覧</button>
                                </a>
                            @endif
                            @if (!$ir)
                            @role('admin|honbu|dairiten')
                            <a class="col-1 px-1"
                            data-bs-toggle="modal" 
                            data-bs-target="#restoreModal1" >
                                <button class="btn btn-secondary fs-6 col-12 h-100 shadow">保険証<br>再発行</button>
                            </a>
                            @endrole
                            @else
                            <a class="col-1 px-1" href="{{ route('insurance.preview', ['id' => $ir->id]) }}" >
                                <button class="btn btn-secondary fs-6 col-12 h-100 shadow">保険証<br>確認</button>
                            </a>
                            @endif
                            @if (!$cr)
                            @role('admin|honbu|dairiten')
                            <a class="col-1 px-1"
                            data-bs-toggle="modal" 
                            data-bs-target="#restoreModal2" >
                                <button class="btn btn-secondary fs-6 col-12 h-100 shadow">証明書<br>作成</button>
                            </a>
                            @endrole
                            @else
                            <a class="col-1 px-1" href="{{ route('certificate.preview', ['id' => $cr->id]) }}" >
                                <button class="btn btn-secondary fs-6 col-12 h-100 shadow">証明書<br>確認</button>
                            </a>
                            @endif
                            @role('admin|honbu|dairiten')
                            <a class="col-1 px-1" href="{{ route('disaster.entry', ['id' => $app->application_id]) }}" >
                                <button class="btn btn-secondary fs-6 col-12 h-100 shadow">災害<br>発生</button>
                            </a>                            
                            @endrole
                            <a class="col-1 px-1" href="{{ route('disaster.list', ['id' => $app->application_id]) }}" >
                                <button class="btn btn-secondary fs-6 col-12 h-100 shadow">災害<br>情報</button>
                            </a>
                            @if (!$ach)
                            @role('admin|honbu|dairiten')
                            <a class="col-1 px-1" href="{{ route('amendment.change.entry', ['id' => $app->application_id]) }}" >
                                <button class="btn btn-secondary fs-6 col-12 h-100 shadow">異動届<br>(変更)</button>
                            </a>
                            @endrole
                            @else
                            <a class="col-1 px-1" href="{{ route('amendment.change.preview', ['id' => $ach->id]) }}" >
                                <button class="btn btn-secondary fs-6 col-12 h-100 shadow">変更<br>確認</button>
                            </a>
                            @endif
                            @if (!$afl)
                            @role('admin|honbu|dairiten')
                            <a class="col-1 px-1" href="{{ route('amendment.fluctuation.entry', ['id' => $app->application_id]) }}" >
                                <button class="btn btn-secondary fs-6 col-12 h-100 shadow">異動届<br>(異動)</button>
                            </a>
                            @endrole
                            @else
                            <a class="col-1 px-1" href="{{ route('amendment.fluctuation.preview', ['id' => $afl->id]) }}" >
                                <button class="btn btn-secondary fs-6 col-12 h-100 shadow">異動<br>確認</button>
                            </a>
                            @endif
                            @if (!$acm)
                            @role('admin|honbu|dairiten')
                            <a class="col-1 px-1" href="{{ route('amendment.cancell.entry', ['id' => $app->application_id]) }}" >
                                <button class="btn btn-secondary fs-6 col-12 h-100 shadow">異動届<br>(解約)</button>
                            </a>
                            @endrole
                            @else
                            <a class="col-1 px-1" href="{{ route('amendment.cancell.preview', ['id' => $acm->id]) }}" >
                                <button class="btn btn-secondary fs-6 col-12 h-100 shadow">解約<br>確認</button>
                            </a>
                            @endif
                            @elseif ($app->isExpired())
                            <a class="col-1 px-1" href="{{ route('transfer.index', ['id' => $app->application_id]) }}" >
                                <button class="btn btn-secondary fs-6 col-12 h-100 shadow">入金<br>管理</button>
                            </a>
                            <a class="col-1 px-1" href="{{ route('disaster.list', ['id' => $app->application_id]) }}" >
                                <button class="btn btn-secondary fs-6 col-12 h-100 shadow">災害<br>情報</button>
                            </a>
                            @elseif ($app->isNotValid())
                            @role('admin|honbu|dairiten')
                            <a class="col-1 px-1"
                            data-bs-toggle="modal" 
                            data-bs-target="#confirmModal" >
                                <button class="btn btn-secondary fs-6 col-12 h-100 shadow">不成立<br>取消</button>
                            </a>
                            @endrole
                            @endif
                        </div>
                        <div class="d-flex">
                            <div class="col-3">
                                <div class="shadow-sm input-group mb-3">
                                    <span class="input-group-text bg-secondary-subtle fs-5">申込日</span>
                                    <span class="form-control fs-5">{{ \Carbon\Carbon::parse($app->appl_date)->format('Y/m/d') }}</span>
                                </div>
                            </div>
                            <div class="col-9 ps-1"> 
                                <div class="shadow-sm input-group mb-3">
                                    <span class="input-group-text bg-secondary-subtle fs-5">事業場の名称</span>
                                    <span class="form-control fs-5">{{ $ins->workspace }}</span>
                                </div>
                            </div>
                        </div>
                        <div class="d-flex">
                            <div class="col-3">
                                <div class="shadow-sm input-group mb-3">
                                    <span class="input-group-text bg-secondary-subtle fs-5">ステータス</span>
                                    <span class="form-control fs-5">{{ $status[$app->status] }}</span>
                                </div>
                            </div>
                            <div class="col-9 ps-1">
                                <div class="shadow-sm input-group mb-3">
                                    <span class="input-group-text bg-secondary-subtle fs-5">事業主の氏名</span>
                                    <span class="form-control fs-5">{{ $ins->name }}</span>
                                </div>
                            </div>
                        </div>
                        @php
                        $liParts = explode('-', $app->LINumber);
                        @endphp
                        <div class="shadow-sm input-group mb-3">
                            <span class="input-group-text bg-secondary-subtle fs-5">労働保険番号</span>
                            <div class="form-floating">
                                <span class="form-control fs-5">{{ $liParts[0] }}</span>
                                <label for="floatingInput1">府県</label>
                            </div>
                            <div class="form-floating" style="width: 70px;flex: none;">
                                <input type="text" class="form-control fs-5 bg-secondary-subtle"
                                    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 bg-secondary-subtle "
                                    name="jurisdiction" id="floatingInput3" maxlength="2"
                                    value="**" placeholder="99" disabled>
                                <label for="floatingInput3">管轄</label>
                            </div>
                            <div class="form-floating col-2">
                                <input type="text"
                                    class="form-control fs-5"
                                    name="core_number" id="floatingInput4" maxlength="6"
                                    value="{{ $liParts[1] }}" placeholder="999999" disabled>
                                <label for="floatingInput4">基幹番号</label>
                            </div>
                            <div class="form-floating">
                                <input type="text"
                                    class="form-control fs-5"
                                    name="branch_number" id="floatingInput5" maxlength="3"
                                    value="{{ $liParts[2] }}" placeholder="999" disabled>
                                <label for="floatingInput5">枝番号</label>
                            </div>
                            <div class="form-floating">
                                <input type="text"
                                    class="form-control fs-5"
                                    name="serial_number" id="floatingInput6" maxlength="2"
                                    value="{{ $liParts[3] }}" placeholder="99" disabled>
                                <label for="floatingInput6">追番</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>
                                <span id="st_date" name="st_date" class="form-control fs-5 text-center">{{ \Carbon\Carbon::parse($app->start_date)->format('Y/m/d') }}</span>                                        
                                <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">{{ \Carbon\Carbon::parse($app->end_date)->format('Y/m/d') }}</span>
                                <span class="input-group-text text-center col-2 fs-5 bg-secondary-subtle">午前０時</span>
                            </div>    
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
    @if ($app->isContractAfer())
    <div class="modal fade" id="uploadModal" tabindex="-1" aria-labelledby="uploadModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <form action="{{ route('attachments.store') }}" method="POST" enctype="multipart/form-data">
                    @csrf
                    {{-- 申請ID等の紐付け用隠しフィールド --}}
                    <input type="hidden" name="application_id" value="{{ $app->application_id }}">
                    
                    <div class="modal-header">
                        <h5 class="modal-title" id="uploadModalLabel">ファイルのアップロード</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body text-start fs-6">
                        <div class="mb-3">
                            <label for="uploadFile" class="form-label">添付ファイルを選択してください（最大 5MB）</label>
                            <input class="form-control shadow-sm border-secondary custom-file-secondary" type="file" id="uploadFile" name="file" accept=".png, .jpg, .jpeg, .heic, .heif, .pdf" required>
                            <label class="mt-3 ps-3">※アップロードは1ファイルのみになります。</label>
                            <label class="ps-3">※再度アップロードした場合は上書きになります。</label>
                            <label class="ps-3">※heicはjpgに変換されます</label>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-sm btn-light border" data-bs-dismiss="modal">キャンセル</button>
                        <button type="submit" class="btn btn-sm btn-secondary shadow-sm">アップロード</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    @endif
    @if ($app->isActive())
    <div class="modal fade" id="restoreModal1" tabindex="-1" aria-labelledby="restoreModalLabel1" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="restoreModalLabel1">
                        保険証再発行
                    </h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body text-start fs-5">
                    保険証の再発行手続きします。よろしいですか？
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-sm btn-light border" data-bs-dismiss="modal">キャンセル</button>
                    <a class="btn btn-sm btn-secondary" href="{{ route('insurance.restore', ['id' => $app->application_id])}}">
                        実行する
                    </a>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade" id="restoreModal2" tabindex="-1" aria-labelledby="restoreModalLabel2" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="restoreModalLabel2">
                        証明書作成
                    </h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body text-start fs-5">
                    <div class="mb-1">証明書の作成手続きします。よろしいですか？</div>
                    <div class="ms-3">
                        <div>送付先:</div>
                        <form class="ms-3" id="send" method="get" action="{{ route('certificate.restore', ['id' => $app->application_id])}}">
                            @csrf
                            <div class="form-check">
                            <input class="form-check-input" type="radio" name="send" id="radioDefault2" value="0" checked>
                            <label class="form-check-label" for="radioDefault2">
                                事務組合
                            </label>
                            </div>
                            <div class="form-check">
                            <input class="form-check-input" type="radio" name="send" id="radioDefault1" value="1">
                            <label class="form-check-label" for="radioDefault1">
                                事業場
                            </label>
                            </div>
                        </form>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-sm btn-light border" data-bs-dismiss="modal">キャンセル</button>
                    <button class="btn btn-sm btn-secondary" form="send">
                        実行する
                    </button>
                </div>
            </div>
        </div>
    </div>
    @endif
    @if (!$app->isContractAfer() && !$app->isNotValid())
    <div class="modal fade" id="confirmModal" tabindex="-1" aria-labelledby="confirmModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="confirmModalLabel">
                        不成立の確認
                    </h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body text-start fs-5">
                    不成立にします。よろしいですか？
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-sm btn-light border" data-bs-dismiss="modal">キャンセル</button>
                    <a class="btn btn-sm btn-secondary" href="{{ route('insure.notvalid', ['id' => $app->application_id])}}">
                        実行する
                    </a>
                </div>
            </div>
        </div>
    </div>
    @endif
    @if ($app->isNotValid())
    <div class="modal fade" id="confirmModal" tabindex="-1" aria-labelledby="confirmModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="confirmModalLabel">
                        不成立の確認
                    </h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body text-start fs-5">
                    不成立を取消します。よろしいですか？
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-sm btn-light border" data-bs-dismiss="modal">キャンセル</button>
                    <a class="btn btn-sm btn-secondary" href="{{ route('insure.valid', ['id' => $app->application_id])}}">
                        実行する
                    </a>
                </div>
            </div>
        </div>
    </div>
    @endif
    <style>
        label:has(input[type="radio"]:checked) {
            background: #86b7fe;
        }
        .form-control:disabled{
          background-color: unset;
        }
        .form-check-input:disabled,.form-check-input[disabled]~.form-check-label, .form-check-input:disabled~.form-check-label{
          opacity:1;
        }
        .custom-file-secondary::file-selector-button {
            background-color: #6c757d !important;
            color: #fff !important;
        }

        /* ホバー時の色（少し濃いグレー） */
        .custom-file-secondary:hover::file-selector-button {
            background-color: #5c636a !important;
        }
    </style>
    <script>
        window.addEventListener('pageshow', function (e) {
            if (e.persisted) {
                spChange()
                requestAnimationFrame(() => window.scrollTo({ top: 0, left: 0, behavior: 'auto' }));
            }
        });
    </script>
@endsection