@extends("common.layout")

@section("header")
{{-- {!! setResources([ 'fontawesome']) !!} --}}
@endsection

@section("content")
<h1>
    <a href="{{ route('user.list') }}">회원 목록</a>
    <span>
        <button onclick="onClickSmsSend()" class="btn btn-secondary" type="button">문자발송</button>
        @can('create.user', $User)
            <button type="button" class="btn btn-primary" onclick="location.href='{{ route('user.add') }}'">회원 등록</button>
        @endcan
    </span>
</h1>

<section class="mb-3">
    <main>
        <form action="{{ route('user.list') }}" class="search-form" method="GET">
            @csrf

            <div class="search-input-wrap">
                <div class="input-group input-group-sm">
                    <label class="input-group-text" for="register_start_date">가입일</label>
                    <input class="form-control" type="date" id="register_start_date" name="register_start_date"
                        @if (Request::get("register_start_date"))
                            value="{{ Request::get("register_start_date") }}"
                        @endif
                    >
                    <input class="form-control" type="date" name="register_end_date"
                        @if (Request::get("register_end_date"))
                            value="{{ Request::get("register_end_date") }}"
                        @endif
                    >
                </div>
                <div class="input-group input-group-sm">
                    <label class="input-group-text" for="activated">활성구분</label>
                    <select class="form-select" name="activated" id="activated">
                        <option value="all" @selected(Request::get("activated") === null)>전체</option>
                        <option value="0" @selected(Request::get("activated") === "0")>휴면</option>
                        <option value="1" @selected(!Request::has("activated") or Request::get("activated") == "1")>활성</option>
                    </select>
                </div>
                <div class="input-group input-group-sm">
                    <label class="input-group-text" for="role">역할</label>
                    <select class="form-select" name="role" id="role">
                        <option value="" @selected(empty(Request::get("role")))>전체</option>
                        @foreach ($roles as $role)
                            <option value="{{ $role->id }}" @selected(Request::get("role") == $role->id)>{{ $role->name }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="input-group input-group-sm">
                    <label class="input-group-text" for="charged_by">담당자</label>
                    <select class="form-select" name="charged_by" id="charged_by">
                        <option value="" @selected(empty(Request::get("charged_by")))>전체</option>
                        @foreach ($staffs as $staff)
                            <option value="{{ $staff->id }}" @selected(Request::get("charged_by") == $staff->id)>{{ $staff->name }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="input-group input-group-sm">
                    <label class="input-group-text" for="name">이름</label>
                    <input class="form-control" type="text" name="name" id="name" autocomplete='on'
                        @if (Request::get("name"))
                            value="{{ Request::get("name") }}"
                        @endif
                    >
                </div>
                <div class="input-group input-group-sm">
                    <label class="input-group-text" for="phone">휴대폰</label>
                    <input class="form-control" type="text" name="phone" id="phone" maxlength="13" autocomplete='on'
                        @if (Request::get("phone"))
                            value="{{ Request::get("phone") }}"
                        @endif
                    >
                </div>
                <div class="input-group input-group-sm">
                    <label class="input-group-text" for="edm_id">아이디</label>
                    <input class="form-control" type="text" name="edm_id" id="edm_id" autocomplete='on'
                        @if (Request::get("edm_id"))
                            value="{{ Request::get("edm_id") }}"
                        @endif
                    >
                </div>
                <div class="input-group input-group-sm">
                    <label class="input-group-text" for="online_status">인강상태</label>
                    <select class="form-select" name="online_status" id="online_status">
                        <option value="">전체</option>
                    </select>
                </div>
                <div class="input-group input-group-sm">
                    <label class="input-group-text" for="academy_status">어학원상태</label>
                    <select class="form-select" name="academy_status" id="academy_status">
                        <option value="">전체</option>
                    </select>
                </div>

                <input type="hidden" name="paginate" value="{{ Request::has("paginate") ? Request::get("paginate"):'' }}">
                <input type="hidden" name="page" value="{{ Request::has("page") ? Request::get("page"):'' }}">
                <input type="hidden" name="order_by" value="{{ Request::has("order_by") ? Request::get("order_by"):'id' }}">
                <input type="hidden" name="sort" value="{{ Request::has("sort") ? Request::get("sort"):'desc' }}">
            </div>

            <button type="submit" class="btn btn-sm btn-outline-dark search-button"><i class="bi bi-search"></i> 조회</button>
        </form>
    </main>
</section>

<section>
    <header>
        <h6>조회 결과 <strong>{{ $users->total() }}</strong>명</h6>

        <span>

            <button type="button" class="btn btn-sm btn-success" onclick="excelDownload('.search-form', '{{ route('api.user.excel') ?? '' }}')"><i class="bi bi-file-spreadsheet"></i></button>
        </span>
    </header>

    <main>
        <table class="table table-striped table-hover">
            <thead>
                <tr>
                    <th></th>
                    {!! \BaseHelper::sortHead('번호', 'id', 'number align-right', 'desc') !!}
                    {!! \BaseHelper::sortHead('이름', 'name') !!}
                    {!! \BaseHelper::sortHead('아이디', 'edm_id') !!}
                    {!! \BaseHelper::sortHead('이메일', 'email') !!}
                    {!! \BaseHelper::sortHead('가입일시', 'created_at') !!}
                    <th>활성구분</th>
                    <th>역할</th>
                    <th>휴대폰</th>
                    {{-- <th>담당자</th> --}}
                    <th class="text-center">마케팅 수신 동의</th>
                    <th>가입경로</th>
                    <th>가입매체</th>
                    {{-- <th>인강 상태</th>
                    <th>어학원 상태</th> --}}
                    <th>응시권 영문명</th>
                    <th>응시권 국문명</th>
                    <th>여권 생년월일</th>
                    <th>응시권 연락처</th>
                    <th>강제로그인</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($users as $user)
                    @php
                        $userDetailRoute = route('user.detail') . "/{$user->id}";
                        $examTicket = $user->getLastExamTicket();
                    @endphp
                    <tr @if (!$user->activated) class="deactivated" @endif>
                        <td><input type="checkbox" name="user_id" class="user_id" value="{{ $user->id }}" /></td>
                        <td class="number align-right">

                            {{ $user->id }}
                        </td>

                        <td>
                            @if (!empty($user->photo))
                                <img class="thumbnail" src="{{ $user->photo_url }}">
                            @endif
                            <a href="{{$userDetailRoute}}">{{ $user->name }}</a>
                        </td>

                        <td>{{ $user->edm_id }}</td>

                        <td>{{ $user->email }}</td>

                        <td class="number">
                            @if (isset($user->created_at))
                                <span>{{ explode(" ", $user->created_at)[0] }}</span>
                                <span>{{ explode(" ", $user->created_at)[1] }}</span>
                            @else
                                <span>-</span>
                            @endif
                        </td>

                        <td>
                            @if ($user->activated)
                                활성
                            @else
                                비활성
                            @endif
                        </td>

                        <td>
                            {{ $user->role->name ?? "-" }}
                        </td>

                        <td class="number">
                            @if ($user->phone_code and $user->phone_code!='82') +{{ $user->phone_code }} @endif
                            {{ \BaseHelper::formatPhoneNumber($user->phone) }}
                        </td>

                        {{-- <td>
                            @if (isset($user->chargedStaff))
                                {{ $user->chargedStaff->name }}
                            @else
                                -
                            @endif
                        </td> --}}
                        <td class="text-center">
                            @if($user->is_accepted_email)
                                <span class="badge badge-icon badge-info font-lg"><i class="bi bi-at"></i></span>
                            @endif
                            @if($user->is_accepted_phone)
                                <span class="badge badge-icon badge-warning font-lg"><i class="bi bi-phone-vibrate"></i></span>
                            @endif
                        </td>
                        <td><x-service-name service="{{ $user->service }}" /></td>
                        <td>
                            <div class="brand-warp">

                                @if ($user->register_type == 'email')
                                <i class="bi bi-envelope"></i>
                                @endif
                                @foreach (['google', 'naver', 'kakao'] as $social)
                                    @php
                                        $isExist = $user->userProviders()->where("provider", $social)->where("activated", 1)->count() > 0;
                                    @endphp
                                    @if ($isExist)
                                    <i class="icon-{{ $social }}"></i>
                                    @endif
                                @endforeach
                            </div>
                        </td>

                        {{-- <td> --}}
                            {{--$user->enrollments->where('service', 'ielts')->sum(function($enrollment) {
                                return $enrollment->enrollmentCourses->count();
                            })*/
                                //$user->lectureAttendances;
                            --}}
                        {{-- </td>

                        <td>

                        </td> --}}
                        <td>{{ $examTicket?->en_first_name }} {{ $examTicket?->en_last_name }}</td>
                        <td>{{ $examTicket?->passport_name }}</td>
                        <td class="number">{{ $examTicket?->birthday }}</td>
                        <td class="number">{{ $examTicket?->exam_phone }}</td>
                        <td class="align-center">
                            <i class="bi bi-box-arrow-in-right fs-5" style="cursor:pointer" onClick="forceLoginAsUser({{$user->id}})"></i>
                        </td>

                    </tr>
                @endforeach

            </tbody>
        </table>
    </main>

    <footer>
        <div class="pagination-wrap">
            {{ $users->links() }}

            <select id='paginate-control' class='form-select form-select-sm data-length-select' onchange="copyValue('.data-length-select', 'input[name=paginate]', '.search-form')">
                <option value="10" @selected(Request::get("paginate") == null || Request::get("paginate") == 10)>10개씩 보기</option>
                <option value="30" @selected(Request::get("paginate") == 30)>30개씩 보기</option>
                <option value="50" @selected(Request::get("paginate") == 50)>50개씩 보기</option>
                <option value="100" @selected(Request::get("paginate") == 100)>100개씩 보기</option>
            </select>
        </div>
    </footer>
</section>

@endsection

@push("script")
<script>
    window.addEventListener("load", () => {
        let paginationElem = document.querySelector(".data-length-select");
        let paginationHiddenElem = document.querySelector('input[name="paginate"]');
        let formElem = document.querySelector(".search-form");

        // paginationElem.value = paginate;
        paginationElem.addEventListener("change", (e) => {
            paginationHiddenElem.value = e.target.value;
            formElem.submit();
        });
    });

    function onClickSmsSend() {
        if ($('.user_id:checked').length == 0) {
            alertify.alert("Error", "선택한 행이 없습니다.", () => {})
            return false;
        }

        const userIds = [];
        $.each($('.user_id:checked'), function() {
            userIds.push($(this).val())
        })

        const params = {
            "ids" : userIds,
            "type" : 'user'
        }


        onOpenSmsSendPopup("ielts", params);
    }
    // document.addEventListener("DOMContentLoaded", () => {
    // });

    let isProcess = false;
    async function forceLoginAsUser(userId) {
        if (isProcess) {
            console.log('이미 처리 중입니다.');
            return;
        }
        const response = await fetch(`/api/users/force-login/${userId}`, {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json',
                'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content'),
            },
            body: JSON.stringify({})
        }).then(res => res.json())
            .then(data => {
                const hostname = window.location.hostname;
                let targetHost = 'front.edmclass.com';

                if (hostname.startsWith('m-admin.')) {
                    targetHost = 'm-front.edmclass.com';
                }

                const form = document.createElement('form');
                form.method = 'POST';
                form.action = `https://${targetHost}/force-login`;
                form.target = '_blank';

                // 로그인 토큰 hidden 필드 추가
                const input = document.createElement('input');
                input.type = 'hidden';
                input.name = 'key';
                input.value = data.key; // 관리자 API에서 `token`만 반환하도록 수정 필요
                form.appendChild(input);

                document.body.appendChild(form);
                form.submit();
                document.body.removeChild(form);
            });
    }
</script>
@endpush