@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row justify-content-center">
        <div class="">
            
            <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-3">
                                <div class="shadow-sm input-group d-flex">
                                    <span class="input-group-text bg-secondary-subtle fs-5">納付方法</span>
                                    <select form="setting_list" name="ptype" class="form-control fs-5">
                                        <option value="">すべて{{ old('ptype',$ptype) }}</option>
                                        <option value="振込" {{ old('ptype',$ptype) == '振込' ? 'selected' : '' }}>振込</option>
                                        <option value="口座振替" {{ old('ptype',$ptype) == '口座振替' ? 'selected' : '' }}>口座振替</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-5 ps-1">
                                <div class="shadow-sm input-group d-flex">
                                    <span class="input-group-text bg-secondary-subtle fs-5">労働保険番号</span>
                                    <input type="text" form="setting_list" class="form-control fs-5 " name="LINumber" value="{{ request('LINumber') }}">
                                </div>
                            </div>
                            <div class="col-4 ps-1">
                                <div class="shadow-sm input-group d-flex">
                                    <span class="input-group-text bg-secondary-subtle fs-5">領収書番号</span>
                                    <input type="text" form="setting_list" class="form-control fs-5 " name="TNumber" value="{{ request('TNumber') }}">
                                </div>
                            </div>
                        </div>
                        <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="setting_list" class="form-control fs-5 " name="year" value="{{ request('year',$nendo) }}">
                                </div>
                            </div>
                            <div class="col-6 ps-1">
                                <div class="shadow-sm input-group d-flex">
                                    <span class="input-group-text bg-secondary-subtle fs-5">期間</span>
                                    <input type="date" form="setting_list" class="form-control fs-5 " name="startDate" value="{{ request('startDate') }}">
                                    <span class="input-group-text bg-secondary-subtle fs-5">～</span>
                                    <input type="date" form="setting_list" class="form-control fs-5 " name="endDate" value="{{ request('endDate') }}">
                                </div>
                            </div>
                            <form id="setting_list" class="ms-auto" action="{{ route('setting.list') }}" method="GET" autocomplete="off">
                                <button type="submit" class="btn btn-secondary fs-5">表示</button>
                            </form>
                            <a class="btn btn-secondary fs-5 ms-1" href="{{ route('setting.list') }}">クリア</a>
                            <form class="ps-1" action="{{ route('setting.list.export') }}" method="POST" autocomplete="off">
                                @csrf
                                <input type="hidden" name="year" value="{{ request('year',$nendo) }}">
                                <input type="hidden" name="startDate" value="{{ old('startDate',$startDate) }}">
                                <input type="hidden" name="endDate" value="{{ old('endDate',$endDate) }}">
                                <input type="hidden" name="ptype" value="{{ old('ptype',$ptype) }}">
                                <input type="hidden" name="LINumber" value="{{ old('LINumber',$LINumber) }}">
                                <input type="hidden" name="TNumber" value="{{ old('TNumber',$TNumber) }}">
                                <button class="fs-5 btn btn-secondary shadow-sm">出力</button>
                            </form>
                        </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]) }} (口振:{{ number_format($total[4]) }} + 払込:{{ number_format($total[8]) }}) 円</div>
                                <div class="fs-5 text-end">代理店手数料： {{ number_format($total[2]) }}  (口振:{{ number_format($total[6]) }} + 払込:{{ number_format($total[10]) }}) 円</div>
                                <div class="fs-5 text-end border-bottom border-black">消費税： {{ number_format($total[1]) }} (口振:{{ number_format($total[5]) }} + 払込:{{ number_format($total[9]) }}) 円</div>
                                <div class="fs-5 text-end">納付額： {{ number_format($total[3]) }} (口振:{{ number_format($total[7]) }} + 払込:{{ number_format($total[11]) }}) 円</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>
                                    </tr>
                                </thead>
                                <tbody class="table-group-divider">

                                @forelse ($results as $item)
                                    <tr style="cursor: pointer;" onclick="window.location.href='{{ route('transfer.index', ['id' => $item->application_id]) }}';">
                                        <td class="align-middle text-center" onclick="event.stopPropagation();"><a href="{{ route('setting.list',['TNumber' => $item->rec]) }}">{{ $item->rec ?? '' }}</a></td></a>
                                        <td class="align-middle text-center">{{ $item->LINumber ?? '' }}</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 text-center">{{ $item->pcount ? $item->pcount.'回目' : '' }}</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>
    </div>
</div>
@endsection