@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row justify-content-center">
        <div class="">
            {{ Breadcrumbs::render('agency.debitList',$Id) }}
            <div class="card shadow-lg mb-5">
                <div class="card-header fs-5 d-flex justify-content-between">
                    <span class="my-auto">{{ __("納付一覧（口座振替内訳表）") }}</span>
                    <div style="margin:auto 0px auto auto" class=" d-inline-flex">
                        <button onclick="history.back();" class="fs-5 btn btn-secondary shadow-sm ms-1">戻る</button>
                    </div>
                </div>
                <div id="searchList" class="collapse show">
                    <div class="card-body">
                        <div class="d-flex mb-1">
                            <div class="col-2">
                                <div class="shadow-sm input-group d-flex">
                                    <span class="input-group-text bg-secondary-subtle fs-5">契約年度</span>
                                    <input type="text" form="form_debit" class="form-control fs-5 " name="year" value="{{ request('year',$nendo) }}">
                                </div>
                            </div>
                            <div class="col-2 ps-1">
                                <div class="shadow-sm input-group d-flex">
                                    <span class="input-group-text bg-secondary-subtle fs-5">期間</span>
                                    <select form="form_debit" name="pcount" class="form-control fs-5">
                                        <option value="1" {{ old('pcount',$pcount) == '1' ? 'selected' : '' }}>1回目</option>
                                        <option value="2" {{ old('pcount',$pcount) == '2' ? 'selected' : '' }}>2回目</option>
                                        <option value="3" {{ old('pcount',$pcount) == '3' ? 'selected' : '' }}>3回目</option>
                                    </select>
                                </div>
                            </div>
                            <form id="form_debit" class="ms-auto" action="{{ route('agency.debitList', ['id' => $Id]) }}" method="GET" autocomplete="off">
                                <button type="submit" class="btn btn-secondary fs-5">表示</button>
                            </form>
                            @if($debit->count() != 0)
                            <form class="ps-1" action="{{ route('agency.debitExport', ['id' => $Id]) }}" method="GET" autocomplete="off">
                                <button class="fs-5 btn btn-secondary shadow-sm">出力</button>
                                <input type="hidden" name="year" value="{{ request('year',$nendo) }}">
                                <input type="hidden" name="pcount" value="{{ old('pcount',$pcount) }}">
                            </form>
                            @else
                            @role('admin|honbu|dairiten')
                            <form class="ps-1" id="debitConfirm" action="{{ route('agency.debitConfirm', ['id' => $Id]) }}" method="GET" autocomplete="off">
                                <span
                                data-bs-toggle="modal" 
                                data-bs-target="#confirmModal_debit"
                                class="fs-5 btn btn-secondary shadow-sm">確定</span>
                                <input type="hidden" name="year" value="{{ request('year',$nendo) }}">
                                <input type="hidden" name="pcount" value="{{ old('pcount',$pcount) }}">
                            </form>
                            @endrole
                            @endif
                            @role('admin|honbu')
                            @if($debit->count() != 0)
                            <form class="ps-1" id="debitBack" action="{{ route('agency.debitBack', ['id' => $Id]) }}" method="GET" autocomplete="off">
                                <span
                                data-bs-toggle="modal" 
                                data-bs-target="#backModal_debit"
                                class="fs-5 btn btn-secondary shadow-sm">差戻</span>
                                <input type="hidden" name="year" value="{{ request('year',$nendo) }}">
                                <input type="hidden" name="pcount" value="{{ old('pcount',$pcount) }}">
                            </form>
                            @endif
                            @endrole
                        </div>
                        <div class="d-flex">
                            <div class="">
                                <div class="shadow-sm input-group d-flex mb-1">
                                    <span class="input-group-text bg-secondary-subtle fs-5">労働保険番号</span>
                                    <span class="input-group-text bg-secondary-subtle fs-5">{{ $Id ?? '' }}</span>
                                </div>
                            </div>
                            <div class="col-6 ps-1">
                                <div class="shadow-sm input-group d-flex mb-1">
                                    <span class="input-group-text bg-secondary-subtle col-3 fs-5">事務組合名</span>
                                    <span class="input-group-text bg-secondary-subtle fs-5 col-9">{{ $ass->workspace ?? '' }}</span>
                                </div>
                            </div>
                        </div>
                        <div class="d-flex mb-1">
                            <div class="text-start mt-auto ms-3 fs-5">
                                @if ($results->total() > 0)
                                    表示件数：{{ $results->firstItem() ?? '' }}〜{{ $results->lastItem() ?? '' }}件 / {{ $results->total() ?? '' }}件
                                @endif
                            </div>
                            <div class="ms-auto">
                                <div class="fs-5 text-end">保険料合計： {{ number_format($total[0]) }} 円</div>
                                <div class="fs-5 text-end">代理店手数料： {{ number_format($total[2]) }} 円</div>
                                <div class="fs-5 text-end border-bottom border-black">消費税： {{ number_format($total[1]) }} 円</div>
                                <div class="fs-5 text-end">口座振替額： {{ number_format($total[3]) }} 円</div>
                            </div>
                        </div>
                        <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">納付方法</th>                                  
                                        <th scope="col">備考</th>
                                    </tr>
                                </thead>
                                <tbody class="table-group-divider">

                                @forelse ($results as $item)
                                @php
                                $LIN = explode('-', $item->LINumber);
                                @endphp
                                    <tr style="cursor: pointer;" onclick="window.location.href='{{ route('transfer.index', ['id' => $item->application_id]) }}';">
                                        <td class="align-middle"></td>
                                        <td class="align-middle text-center">{{ $LIN[1][5] ?? '' }}</td>
                                        <td class="align-middle text-center">{{ $LIN[2] ?? '' }}</td>
                                        <td class="align-middle text-center">{{ $LIN[3] ?? '' }}</td>
                                        <td class="align-middle">{{ $item->workspace ?? '' }}</td>
                                        <td class="align-middle text-center">{{ $item->td ?? '' }}</td>
                                        <td class="align-middle text-end">{{ number_format($item->ta ?? '') }}</td>
                                        <td class="align-middle text-center">{{ $item->type ?? '' }}</td>
                                        <td class="align-middle text-center">{{ $item->transfer_count ?? '' }}/{{ $item->application_count ?? '' }}</td>
                                        <td class="align-middle text-center">{{ $item->ptype ?? '' }}</td>
                                        <td class="align-middle">{{ $item->biko ?? '' }}</td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="11" class="text-center py-4 text-muted">
                                            検索条件に一致するデータが見つかりませんでした。
                                        </td>
                                    </tr>
                                @endforelse
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            <div class="text-end mt-1 mb-5">
                <div class="d-block col-3 my-3 ms-auto me-0 fs-5">
                {{ $results->links('components.pagination') }}
                </div>
            </div>
            <div class="modal fade" id="confirmModal_debit" tabindex="-1" aria-labelledby="confirmModal_debit" aria-hidden="true">
                <div class="modal-dialog modal-dialog-centered">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title" id="confirmModal_debit">
                                確定の確認
                            </h5>
                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                        </div>
                        <div class="modal-body text-start fs-5">
                            確定しますか？<br>※確定した場合、変更できません。
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-sm btn-light border" data-bs-dismiss="modal">キャンセル</button>
                            
                            <button type="submit" 
                                    form="debitConfirm" 
                                    class="btn btn-sm btn-secondary" 
                                    data-bs-dismiss="modal">
                                確定する
                            </button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal fade" id="backModal_debit" tabindex="-1" aria-labelledby="backModal_debit" aria-hidden="true">
                <div class="modal-dialog modal-dialog-centered">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title" id="backModal_debit">
                                差戻の確認
                            </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>
                            
                            <button type="submit" 
                                    form="debitBack" 
                                    class="btn btn-sm btn-secondary" 
                                    data-bs-dismiss="modal">
                                差戻する
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection