@php
    use App\Components\SearchQueryComponent;
    use App\Enums\UserType;
    use App\Enums\UserStatus;
    use App\Enums\InsuranceContractorStatus;
    use App\Enums\InsuranceContractorBx00;
    use App\Enums\UserInvite;
    use App\Enums\MessageType;
    use App\Enums\InsuranceContractType;
    use App\Enums\Service;
    use App\Models\User;
    use App\Enums\Role;

@endphp
@extends('layouts.user')

@section('content')
    <div class="wrapper-page page-sales page-common insurance-contractor">
        <div class="wrapper-breadcrumbs d-flex align-items-center">
            <span>保険契約者一覧</span>
        </div>
        <div class="wrapper-container">
            <div class="wrapper-scroll">
                <div class="info-box">
                    <div class="info-box__content">
                        <div class="info-box__row">
                            <p class="info-box__col info-box__head"> ユーザーID数 </p>
                            <p class="info-box__col info-box__head"> 生命保険件数 </p>
                            <p class="info-box__col info-box__head"> 損害保険件数 </p>
                            <p class="info-box__col info-box__head"> 合計 </p>
                        </div>
                        <div class="info-box__row">
                            <p class="info-box__col"> {{ $totalRecord }}</p>
                            <p class="info-box__col"> {{ $totalLifeInsurance }} </p>
                            <p class="info-box__col"> {{ $totalNonLifeInsurance }} </p>
                            <p class="info-box__col"> {{ $totalContract }} </p>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-12">
                        <div class="card-body">

                            <form action="{{ route('insurance-contractor.index') }}" method="GET" class="form-inline">
                                <div class="row">
                                    <div class="col-md-12 col-sm-12 col-xs-12">
                                        <div class="search-form-right d-flex justify-content-between">

                                            <insurance-contractor-search :page-limit="{{ $newSizeLimit }}"
                                                :url="{{ json_encode(route('insurance-contractor.index')) }}"
                                                :data-query="{{ json_encode(!empty($request) ? $request->all() : new stdClass()) }}"
                                                :type="{{ json_encode($request['type'] ?? UserType::PERSONAL) }}"
                                                :status="{{ json_encode(UserStatus::parseArray()) }}">
                                                {{-- :invite_date="{{ json_encode(UserInvite::parseArray()) }}"> --}}
                                            </insurance-contractor-search>
                                            {{-- <a href="{{ route('insurance-contractor.create', ['type' => $request->type ?? 'HR00Z5']) }}"
                                                class="btn btn-warning btn-radius-auto btn-action-create ">
                                                <i class="fa fa-plus"></i><span>&nbsp;新規登録</span>
                                            </a> --}}
                                            @if ($role == Role::LUMP_SUM_PAYMENT || $role == Role::RECRUITER)
                                                <a href="{{ route('insurance-contractor.create') }}"
                                                    class="btn btn-warning btn-radius-auto btn btn-create">
                                                    <i class="fa fa-plus"></i>
                                                    <div>&nbsp;新規作成</div>
                                                </a>
                                            @endif

                                            @if ($role == Role::RECRUITER)
                                                <a href="{{ route('recruiter.import', $uuIdCurrentUser) }}"
                                                    class="btn btn-warning btn-radius-auto btn btn-create">
                                                    <div>インポート</div>
                                                </a>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                                <div class="row mt-20">
                                    <div class="col-md-12 col-sm-12 col-xs-12">
                                    <div class="tab-wrap no-wrap">
                                        <a
                                            class="btn btn-choose-type {{ !isset($request['type']) || $request->type == UserType::PERSONAL ? 'active line-height-28' : 'line-height-24' }}"
                                            name="typeInsurances" href="{{ route('insurance-contractor.index', ['type' => UserType::PERSONAL]) }}"
                                            >
                                            個人
                                        </a>
                                        <a name="typeInsurances" href="{{ route('insurance-contractor.index', ['type' => UserType::GROUP]) }}"
                                            class="btn btn-choose-type {{ isset($request['type']) && $request->type == UserType::GROUP ? 'active line-height-28' : 'line-height-24' }}">
                                            法人
                                        </a>
                                    </div>
                                </div>
                                </div>
                            </form>
                        </div>
                    </div>
                    <br />

                    <div class="tab-content mt-40" id="myTabContent">
                        <div class="tab-pane fade show active">
                            <div class="row">
                                <div class="col-md-5 col-sm-5 col-xs-12 group-select-page d-flex">
                                    <limit-page-option :limit-page-option="{{ json_encode([20, 50, 100]) }}"
                                        :new-size-limit="{{ $newSizeLimit }}"></limit-page-option>
                                </div>
                                @if (!$users->isEmpty())
                                    <div class="group-paginate group-paginate--custom mt-13">
                                        {{ $users->appends(SearchQueryComponent::alterQuery($request))->links('pagination.admin') }}
                                    </div>
                                @endif
                            </div>
                            <div class="new-table mt-37 new-sp">
                                <table class="table table-responsive-sm table-striped table-bordered table-show">
                                    <thead>
                                        <tr>
                                            <th class="width-custom text-center">@sortablelink('name', ' 契約者名')</th>
                                            <th class="width-custom text-center">@sortablelink('status', ' ステータス')</th>
                                            <th class="last-col sticky-col"></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($users as $user)
                                            <tr>
                                                <td class="">
                                                    {{ $user->name }}
                                                </td>

                                                <td>
                                                    {{ InsuranceContractorStatus::getDescription($user->status) }}
                                                </td>
                                                <td class="last-col sticky-col">
                                                    <div class="dropdown dropstart">
                                                        <button class="btn btn-menu btn-radius-auto" id="action"
                                                            type="button" data-coreui-toggle="dropdown"
                                                            aria-expanded="false"><svg xmlns="http://www.w3.org/2000/svg"
                                                                width="14.089" height="14.093" viewBox="0 0 14.089 14.093">
                                                                <path id="Icon_ionic-ios-settings"
                                                                    data-name="Icon ionic-ios-settings"
                                                                    d="M17.426,11.544a1.813,1.813,0,0,1,1.163-1.691,7.186,7.186,0,0,0-.87-2.095,1.837,1.837,0,0,1-.737.158A1.809,1.809,0,0,1,15.327,5.37a7.164,7.164,0,0,0-2.091-.87,1.811,1.811,0,0,1-3.383,0,7.186,7.186,0,0,0-2.095.87A1.809,1.809,0,0,1,6.1,7.916a1.777,1.777,0,0,1-.737-.158,7.345,7.345,0,0,0-.866,2.1,1.812,1.812,0,0,1,0,3.383,7.186,7.186,0,0,0,.87,2.095,1.81,1.81,0,0,1,2.389,2.389,7.228,7.228,0,0,0,2.095.87,1.808,1.808,0,0,1,3.375,0,7.186,7.186,0,0,0,2.095-.87,1.811,1.811,0,0,1,2.389-2.389,7.228,7.228,0,0,0,.87-2.095A1.822,1.822,0,0,1,17.426,11.544Zm-5.848,2.932a2.935,2.935,0,1,1,2.935-2.935A2.934,2.934,0,0,1,11.577,14.476Z"
                                                                    transform="translate(-4.5 -4.5)" fill="#fff" />
                                                            </svg>
                                                        </button>
                                                        <ul class="dropdown-menu dropdown--custom--v2"
                                                            aria-labelledby="action">
                                                            @can('viewAny', [User::class, Service::INSURANCE_INFORMATION])
                                                                <li>
                                                                    <a class="dropdown-item"
                                                                        href="{{ route('insurance-information.index') . '?contractor_login_uuid=' . $user->loginUuid . '&own=' . ($user->type ? $user->type : UserType::GROUP) }}"
                                                                        class="dropdown-item">
                                                                        保険情報一覧
                                                                    </a>
                                                                </li>
                                                            @endcan
                                                            @can('viewAny', [User::class,
                                                                Service::INSURANCE_LEGAL_SYSTEM_INFORMATION])
                                                                <!--<li>
                                                                    <a class="dropdown-item"
                                                                        href="{{ route('refund.index') . '?contractor_login_uuid=' . $user->loginUuid . '&type=' . ($user->type ? $user->type : UserType::GROUP) }}"
                                                                        class="dropdown-item">
                                                                        解約返戻金一覧
                                                                    </a>
                                                                </li>-->
                                                            @endcan
                                                            @can('viewAny', [User::class, Service::SIMULATION])
                                                                <!--
                                                                <li>
                                                                    <a class="dropdown-item"
                                                                        href="{{ route('simulations.index') . '?contractor_login_uuid=' . $user->loginUuid }}"
                                                                        class="dropdown-item">
                                                                         シミュレー<br>ション一覧
                                                                    </a>
                                                                </li>
                                                                -->
                                                            @endcan
                                                            <li>
                                                                <a class="dropdown-item"
                                                                    href="{{ route('insurance-contractor.showChat', $user->uuid) . '?type=' . ($user->type ? $user->type : UserType::GROUP) }}"
                                                                    class="dropdown-item">
                                                                    チャット
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a class="dropdown-item"
                                                                    href="{{ route('insurance-contractor.show', $user->uuid) . '?type=' . ($user->type ? $user->type : UserType::GROUP) }}"
                                                                    class="dropdown-item">
                                                                    確認・編集
                                                                </a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                            <div class="new-table mt-37 new-pc">
                                <table class="table table-responsive-sm table-striped table-bordered table-show">
                                    <thead>
                                        <tr>
                                            <th class="width-custom text-center">ユーザーID</th>
                                            <th class="width-custom text-center">契約者</th>
                                            <th class="width-custom text-center">ステータス</th>
                                            <th class="width-custom text-center">生保件数</th>
                                            <th class="width-custom text-center">損保件数</th>
                                            <th class="width-custom text-center">お祝い</th>
                                            <th class="width-custom text-center">招待</th>
                                            <th class="width-custom text-center">メールアドレス</th>
                                            <th class="last-col sticky-col"></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($users as $user)
                                            <tr>
                                                <td class="">
                                                    {{ $user->login_id }}
                                                </td>

                                                <td>
                                                    {{ $user->name }}
                                                </td>
                                                <td>
                                                    {{ InsuranceContractorStatus::getDescription($user->status) }}
                                                </td>
                                                <td>
                                                    {{ $user->life_insurance_policies_number }}
                                                </td>
                                                <td>
                                                    {{ $user->non_life_insurance_number }}
                                                </td>
                                                <td>
                                                    {{ InsuranceContractorBx00::getDescription($user->bx00) }}
                                                </td>
                                                @if ($user->invite_date)
                                                    <td>
                                                        済み
                                                    </td>
                                                @else
                                                    <td></td>
                                                @endif
                                                <td>
                                                    {{ $user->mail }}
                                                </td>
                                                <td class="last-col sticky-col">
                                                    <div class="dropdown dropstart">
                                                        <button class="btn btn-menu btn-radius-auto" id="action"
                                                            type="button" data-coreui-toggle="dropdown"
                                                            aria-expanded="false"><svg xmlns="http://www.w3.org/2000/svg"
                                                                width="14.089" height="14.093" viewBox="0 0 14.089 14.093">
                                                                <path id="Icon_ionic-ios-settings"
                                                                    data-name="Icon ionic-ios-settings"
                                                                    d="M17.426,11.544a1.813,1.813,0,0,1,1.163-1.691,7.186,7.186,0,0,0-.87-2.095,1.837,1.837,0,0,1-.737.158A1.809,1.809,0,0,1,15.327,5.37a7.164,7.164,0,0,0-2.091-.87,1.811,1.811,0,0,1-3.383,0,7.186,7.186,0,0,0-2.095.87A1.809,1.809,0,0,1,6.1,7.916a1.777,1.777,0,0,1-.737-.158,7.345,7.345,0,0,0-.866,2.1,1.812,1.812,0,0,1,0,3.383,7.186,7.186,0,0,0,.87,2.095,1.81,1.81,0,0,1,2.389,2.389,7.228,7.228,0,0,0,2.095.87,1.808,1.808,0,0,1,3.375,0,7.186,7.186,0,0,0,2.095-.87,1.811,1.811,0,0,1,2.389-2.389,7.228,7.228,0,0,0,.87-2.095A1.822,1.822,0,0,1,17.426,11.544Zm-5.848,2.932a2.935,2.935,0,1,1,2.935-2.935A2.934,2.934,0,0,1,11.577,14.476Z"
                                                                    transform="translate(-4.5 -4.5)" fill="#fff" />
                                                            </svg>
                                                        </button>
                                                        <ul class="dropdown-menu dropdown--custom--v2 "
                                                            aria-labelledby="action">
                                                            @can('viewAny', [User::class, Service::INSURANCE_INFORMATION])
                                                                <li>
                                                                    <a class="dropdown-item"
                                                                        href="{{ route('insurance-information.index') . '?contractor_login_uuid=' . $user->loginUuid . '&own=' . ($user->type ? $user->type : UserType::GROUP) }}"
                                                                        class="dropdown-item">
                                                                        保険情報一覧
                                                                    </a>
                                                                </li>
                                                            @endcan
                                                            @can('viewAny', [User::class,
                                                                Service::INSURANCE_LEGAL_SYSTEM_INFORMATION])
                                                                <!--<li>
                                                                    <a class="dropdown-item"
                                                                        href="{{ route('refund.index') . '?contractor_login_uuid=' . $user->loginUuid . '&type=' . ($user->type ? $user->type : UserType::GROUP) }}"
                                                                        class="dropdown-item">
                                                                        解約返戻金一覧
                                                                    </a>
                                                                </li>-->
                                                            @endcan
                                                            @can('viewAny', [User::class, Service::SIMULATION])
                                                                <!--<li>
                                                                    <a class="dropdown-item"
                                                                        href="{{ route('simulations.index') . '?contractor_login_uuid=' . $user->loginUuid }}"
                                                                        class="dropdown-item">
                                                                         シミュレー<br>ション一覧
                                                                    </a>
                                                                </li>-->
                                                            @endcan
                                                            <li>
                                                                <a class="dropdown-item"
                                                                    href="{{ route('insurance-contractor.showChat', $user->uuid) . '?type=' . ($user->type ? $user->type : UserType::GROUP) }}"
                                                                    class="dropdown-item">
                                                                    チャット
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a class="dropdown-item"
                                                                    href="{{ route('insurance-contractor.show', $user->uuid) . '?type=' . ($user->type ? $user->type : UserType::GROUP) }}"
                                                                    class="dropdown-item">
                                                                    確認・編集
                                                                </a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                            @if ($users->isEmpty())
                                <data-empty></data-empty>
                            @endif
                        </div>
                        @if (!$users->isEmpty())
                            <div class="group-paginate mt-31">
                                {{ $users->appends(SearchQueryComponent::alterQuery($request))->links('pagination.admin') }}
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('javascript')
    @parent
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            const tableResponsive = document.querySelector('.new-sp');
            tableResponsive.addEventListener('show.coreui.dropdown', function() {
                tableResponsive.style.overflow = 'inherit';
            });
            tableResponsive.addEventListener('hide.coreui.dropdown', function() {
                tableResponsive.style.overflow = 'auto';
            });
        });
    </script>
@endsection