@extends("domains.common.layouts.layout")

@section("header")

@endsection

@section("main-content")
<div class="container-fluid">

    <!-- start page title -->
    <div class="row">
        <div class="col-12">
            <div class="page-title-box">
                <h1>회원 관리</h1>
            </div>
        </div>
    </div>
    <!-- end page title -->

    <div class="row">
        <div class="col-xl-12 col-lg-12 order-lg-2 order-xl-1">
            <div class="card search-area">
                <div class="card-body">
                    <form action="{{ route('user.list') }}" class="search-form" method="GET">
                        @csrf

                        <div class="search-input-wrap">
                            <div class="search-input">
                                <label for="register_start_date">가입일</label>
                                <input type="date" id="register_start_date" name="register_start_date"
                                    @if (Request::get("register_start_date"))
                                        value="{{ Request::get("register_start_date") }}"
                                    @endif
                                ><span class="btw-bullet"> - </span><input  type="date" name="register_end_date"
                                    @if (Request::get("register_end_date"))
                                        value="{{ Request::get("register_end_date") }}"
                                    @endif
                                >
                            </div>
                            <div class="search-input">
                                <label for="activated">활성구분</label>
                                <select name="activated" id="activated">
                                    <option value="" @selected(Request::get("activated") === null)>전체</option>
                                    <option value="0" @selected(Request::get("activated") === "0")>휴면</option>
                                    <option value="1" @selected(Request::get("activated") == "1")>활성</option>
                                </select>
                            </div>
                            <div class="search-input">
                                <label for="role">회원구분</label>
                                <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="search-input">
                                <label for="charged_by">담당자</label>
                                <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="search-input">
                                <label for="name">이름</label>
                                <input type="text" name="name" id="name" autocomplete='on'
                                    @if (Request::get("name"))
                                        value="{{ Request::get("name") }}"
                                    @endif
                                >
                            </div>
                            <div class="search-input">
                                <label for="phone">휴대폰</label>
                                <input type="text" name="phone" id="phone" oninput="oninputPhone(this)" maxlength="13" autocomplete='on'
                                    @if (Request::get("phone"))
                                        value="{{ Request::get("phone") }}"
                                    @endif
                                >
                            </div>
                            <div class="search-input">
                                <label for="edm_id">아이디</label>
                                <input type="text" name="edm_id" id="edm_id" autocomplete='on'
                                    @if (Request::get("edm_id"))
                                        value="{{ Request::get("edm_id") }}"
                                    @endif
                                >
                            </div>
                            <div class="search-input">
                                <label for="online_status">인강상태</label>
                                <select name="online_status" id="online_status">
                                    <option value="">전체</option>
                                </select>
                            </div>
                            <div class="search-input">
                                <label for="academy_status">어학원상태</label>
                                <select name="academy_status" id="academy_status">
                                    <option value="">전체</option>
                                </select>
                            </div>
                            <div class="search-input">
                                <input type="hidden" name="paginate"
                                    @if (Request::get("paginate"))
                                        value="{{ Request::get("paginate") }}"
                                    @endif
                                >
                                <input type="hidden" name="order_by"
                                    @if (Request::get("order_by"))
                                        value="{{ Request::get("order_by") }}"
                                    @endif
                                >
                                <input type="hidden" name="sort"
                                    @if (Request::get("sort"))
                                        value="{{ Request::get("sort") }}"
                                    @endif
                                >
                            </div>
                        </div>
                        <button type="submit" class="search-button">조회</button>
                    </form>

                </div> <!-- end card-body-->
            </div> <!-- end card-->
        </div> <!-- end col-->
    </div>
    <!-- end row -->

    <div class="row">
        <div class="col-xl-12 col-lg-12 order-lg-2 order-xl-1">
            <div class="card">
                <div class="card-body">
                    <div class="user-btn-wrap">
                        <div class="pagination-result">
                            <span>조회 결과 <strong class="point-color">{{ $users->total() }}</strong>명</span>
                        </div>
                        <div class="pagination-helper">
                            <div class="pagination-wrapper">
                                {{ $users->links("vendor.pagination.default") }}
                            </div>
                            <select id='paginate-control' class='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>
                            <button type="button" class="button btn-style-6" onclick="excelDownload('.search-form', '{{ route('api.user.excel') ?? '' }}')">엑셀다운로드</button>
                            <button type="button" class="button btn-style-1" onclick="edmPopupOpen('{{ route('user.popup.add') ?? '' }}', null, null, 'small')">회원 등록</button>
                        </div>
                    </div>
                    <table class="default-table">
                        <thead class="table-light">
                            <tr>
                                {!! \BaseHelper::sortHead('번호', 'id', 'th_nm') !!}
                                {!! \BaseHelper::sortHead('가입일시', 'created_at') !!}
                                <th scope="col">활성구분</th>
                                <th scope="col">회원구분</th>
                                {!! \BaseHelper::sortHead('아이디', 'edm_id') !!}
                                {!! \BaseHelper::sortHead('이름', 'name') !!}
                                <th scope="col">휴대폰</th>
                                <th scope="col">담당자</th>
                                <th scope="col">마케팅 수신 동의</th>
                                <th scope="col">인강 상태</th>
                                <th scope="col">어학원 상태</th>
                            </tr>
                        </thead>
                        <tbody style="text-align: center">

                            @foreach ($users as $user)
                                @php
                                    $userDetailRoute = route('user.detail') . "/{$user->id}";
                                @endphp
                                <tr @if (!$user->activated) class="deactivated" @endif>
                                    <td><a href="{{$userDetailRoute}}">{{ $user->id }}</a></td>
                                    <td>
                                        <a href="{{$userDetailRoute}}">
                                            @if (isset($user->created_at))
                                                <span>{{ explode(" ", $user->created_at)[0] }}</span><br>
                                                <span>{{ explode(" ", $user->created_at)[1] }}</span>
                                            @else
                                                <span>-</span>
                                            @endif
                                        </a>
                                    </td>
                                    <td><a href="{{$userDetailRoute}}">
                                        @if ($user->activated)
                                            활성
                                        @else
                                            비활성
                                        @endif
                                    </a></td>
                                    <td><a href="{{$userDetailRoute}}">
                                        {{-- {{ json_encode($user->roles) }} --}}
                                        @if (isset($user->is_admin) && $user->is_admin === true)
                                            관리자
                                        @elseif (isset($user->is_staff) && $user->is_staff === true)
                                            직원
                                                @if ($user->team)
                                                    ({{ $user->team->name }})
                                                @endif
                                        @else
                                            학생
                                        @endif
                                    </a></td>
                                    <td><a href="{{$userDetailRoute}}">{{ $user->edm_id }}</a></td>
                                    <td><a href="{{$userDetailRoute}}">{{ $user->name }}</a></td>
                                    <td><a href="{{$userDetailRoute}}">{{ $user->phone }}</a></td>
                                    <td><a href="{{$userDetailRoute}}">
                                        @if (isset($user->chargedStaff))
                                            {{ $user->chargedStaff->name }}
                                        @else
                                            -
                                        @endif
                                    </a></td>
                                    <td><a href="{{$userDetailRoute}}">이메일 / 문자</a></td>
                                    <td><a href="{{$userDetailRoute}}">수강중</a></td>
                                    <td><a href="{{$userDetailRoute}}">수강예정</a></td>
                                </tr>
                            @endforeach

                        </tbody>
                    </table>
                </div> <!-- end card-body-->
            </div> <!-- end card-->
        </div> <!-- end col-->
    </div>
    <!-- end row -->

</div>
@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();
        });
    });

    // document.addEventListener("DOMContentLoaded", () => {
    // });
</script>
@endpush