@extends("common.layout")


@section("header")

@endsection

@section("content")

<h1>
    <a href="{{ route('inquiry.list', ['service' => $service]) }}">{{ $pageServiceName }} 인쿼리 목록</a>
</h1>

<section>
    <main>
        <form action="{{ route('inquiry.list', ['service' => $service]) }}" class="search-form" id="inquiry-form" method="GET">
            <input type="hidden" name="paginate" value="{{ Request::get('paginate') }}" />
            <input type="hidden" name="service" value="{{ $service }}" id='service' />
            <input type="hidden" name="sort" value="{{ Request::get('sort') }}">
            <input type="hidden" name="order_by" value="{{ Request::get('order_by') }}">
            @csrf

            <div class="search-input-wrap">
                <div class="input-group input-group-sm">
                    <label class="input-group-text" for='display_at'>
                        <select class="form-select form-select-sm" name="field">
                            <option value="last" @selected(!Request::has("field") or Request::get("field") == "last")>최초 접수일</option>
                            <option value="first" @selected(Request::get("field") == "first")>최근 접수일</option>
                        </select>
                    </label>
                    <input class="form-control form-control-sm" type="date" name="started_at" id='started_at' value="{{ Request::get("started_at") ?: '' }}">
                    <input class="form-control form-control-sm" type="date" name="ended_at" id='ended_at' value="{{ Request::get("ended_at") ?: '' }}">
                </div>
                <div class="input-group input-group-sm">
                    <label class="input-group-text" for='name'>이름</label>
                    <input type="text" name="name" id="name" value="{{ Request::get('name') }}" class="form-control form-control-sm" />
                </div>
                <div class="input-group input-group-sm">
                    <label class="input-group-text" for='phone'>휴대폰</label>
                    <input type="text" name="phone" id="phone" value="{{ Request::get('phone') }}" class="form-control form-control-sm" />
                </div>
                <div class="input-group input-group-sm">
                    <label class="input-group-text" for='inflow'>유입경로</label>
                    <select class="form-select" name="inflow" id="inflow">
                        <option value="" @selected(!Request::has("inflow") )>전체</option>
                        @if ($inflow)
                            @foreach ( $inflow as $key => $item )
                                <option value="{{ $key }}" @selected(Request::get("inflow") == $key)>{{ $item['name'] }}</option>
                            @endforeach
                        @endif
                    </select>
                </div>



                <div class="input-group input-group-sm">
                    <label class="input-group-text" for='is_register'>가입여부</label>
                    <select class="form-select form-select-sm" name="is_register">
                        <option value="" @selected(!Request::has("is_register") )>전체</option>
                        <option value="Y" @selected(Request::get("is_register") == "Y")>회원</option>
                        <option value="N" @selected(Request::get("is_register") == "N")>비회원</option>
                    </select>
                </div>
                <div class="input-group input-group-sm">
                    <label class="input-group-text" for='is_marketing'>수신동의</label>
                    <select class="form-select form-select-sm" name="is_marketing">
                        <option value="" @selected(!Request::has("is_marketing") )>전체</option>
                        <option value="mobile" @selected(Request::get("is_marketing") == "mobile")>모바일</option>
                        <option value="email" @selected(Request::get("is_marketing") == "email")>이메일</option>
                    </select>
                </div>
                {{-- <div class="input-group input-group-sm">
                    <label class="input-group-text" for='is_payment'>결제이력</label>
                    <select class="form-select form-select-sm" name="is_payment">
                        <option value="" @selected(!Request::has("is_payment") )>전체</option>
                        <option value="Y" @selected(Request::get("is_payment") == "Y")>있음</option>
                        <option value="N" @selected(Request::get("is_payment") == "N")>없음</option>
                    </select>
                </div> --}}
                @if ($service == 'academy')
                <div class="input-group input-group-sm d-none">
                    <label class="input-group-text" for='admin_id'>담당자</label>
                    <select class="form-select form-select-sm" name="admin_id">
                        <option value="" @selected(!Request::has("admin_id") )>전체</option>
                        @foreach ($admins as $admin)
                        <option value="{{ $admin->id }}" @selected(Request::get("admin_id") == $admin->id)>{{ $admin->name }}</option>
                        @endforeach
                    </select>
                </div>

                <div class="input-group input-group-sm d-none">
                    <label class="input-group-text" for='status'>CS상태</label>
                    <select class="form-select form-select-sm" name="status">
                        <option value="" @selected(!Request::has("status") )>전체</option>
                        @foreach ( $status as $key => $item )
                            <option value="{{ $key }}" @selected(Request::get("status") == $key)>{{ $item['name'] }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="input-group input-group-sm d-none">
                    <label class="input-group-text" for='status'>등급</label>
                    <select class="form-select form-select-sm" name="possibility">
                        <option value="" @selected(!Request::has("possibility") )>전체</option>
                        @foreach ( $possibility as $item )
                            <option value="{{ $item }}" @selected(Request::get("possibility") == $item)>{{ $item }}</option>
                        @endforeach
                    </select>
                </div>
                @endif
            </div>

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

        <button onclick="excelDownload('.search-form', '{{ route('api.inquiry.excel') }}')" class="btn btn-success" type="button">
            <i class="bi bi-file-earmark-excel-fill"></i>
            엑셀다운로드
        </button>
        <button onclick="onClickSmsSend()" class="btn btn-secondary" type="button">문자발송</button>
        <button onclick="onClickDistributeCoupon()" class="btn btn-secondary" type="button">쿠폰지급</button>
        @if ($service == "academy")
            <button onclick="onReady()" class="btn btn-secondary" type="button">지급상품</button>
        @endif
        <button class="btn btn-primary" onclick="onPageDetail()" type="button">등록</button>
    </main>
</section>
<section>
    <header>
        <h6>
            <span class="mr-3">조회결과 <strong>{{ $list->total() }}</strong>건</span>
            @foreach ($status as $summaryStatus)
                <span class="mr-3">{{ $summaryStatus['name'] }} <strong>{{ isset($summary[$summaryStatus['name']]) ? $summary[$summaryStatus['name']] : 0 }}</strong>건</span>
            @endforeach
            </h6>
    </header>
    <main>
        <table class="table table-hover">
            <colgroup>
                <col width="3%">
                <col width="5%">
                <col width="3%">
                <col width="/">

                <col width="5%">
                @if ($service == 'academy')
                <col width="7%">
                <col width="6%">
                <col width="5%">
                @endif
                <col width="3%">
                <col width="3%">
                <col width="3%">
                <col width="7%">
                <col width="10%">
                <col width="10%">
                @if ($service == 'academy')
                <col width="10%">
                @endif
            </colgroup>
            <thead>
                <tr>
                   <th><input type="checkbox" id="checkAll" /></th>
                   <th>번호</th>
                   <th>이름</th>
                   <th>고객 유입 경로</th>
                    <th>휴대폰</th>
                    @if ($service == 'academy')
                        <th>
                            <select class="form-select form-select-sm no-arrow" data-target="status"
                                    onchange="changeListFilter(this);">
                                <option value="" @selected(!Request::has("status") )>CS상태</option>
                                @foreach ( $status as $key => $item )
                                    <option
                                        value="{{ $key }}" @selected(Request::get("status") == $key)>{{ $item['name'] }}</option>
                                @endforeach
                            </select>
                        </th>
                        <th>
                            <select class="form-select form-select-sm no-arrow" data-target="admin_id"
                                    onchange="changeListFilter(this);">
                                <option value="" @selected(!Request::has("admin_id") )>담당자</option>
                                @foreach ($admins as $admin)
                                    <option
                                        value="{{ $admin->id }}" @selected(Request::get("admin_id") == $admin->id)>{{ $admin->name }}</option>
                                @endforeach
                            </select>
                        </th>
                        <th>
                            <select class="form-select form-select-sm no-arrow" data-target="possibility"
                                    onchange="changeListFilter(this);">
                                <option value="" @selected(!Request::has("possibility") )>등급</option>
                                @foreach ( $possibility as $item )
                                    <option
                                        value="{{ $item }}" @selected(Request::get("possibility") == $item)>{{ $item }}</option>
                                @endforeach
                            </select>
                        </th>
                   @endif
                   <th>메모</th>
                   <th>문자</th>
                   <th>결제이력</th>
                   <th>수신동의</th>
                    {!! \BaseHelper::sortTripleWayHead('최초 접수일시', 'created_at') !!}
                    {!! \BaseHelper::sortTripleWayHead('최근 접수일시', 'last_inflowed_at') !!}
                   @if ($service == 'academy')
                    <th>최근 상담 예약</th>
                   @endif

                </tr>
            </thead>
            <tbody>
                @php
                    $startIndex = BaseHelper::getStartIndex($list);
                @endphp
                @foreach ($list as $item)
                @php
                    $detailCnt = $item->inquiryDetails->count();
                    $inflowPath = $item->inquiryDetails->first()?->inflow_path;
                @endphp
                <tr>
                    <td>
                        <input type="checkbox" name="inquiry_id" value="{{ $item->id }}" class="form-input-check inquiry_id" data-userid={{ $item->user_id }} />
                    </td>
                    <td>{{ $startIndex -- }}</td>
                    <td>
                        @if ($item->user_id > 0  && $item?->user)
                        <a href="{{ route("user.detail", ['id' => $item->user?->id]) }}" target="_blank"> {{ $item->user?->name }}</a>
                        @else
                            {{ $item->name }}
                        @endif
                    </td>
                    <td>
                        <a href="javascript:onPageDetail({{ $item->id }})">
                            {{ $inflowPath ? $inflow[$inflowPath]['name'] :'' }}
                            @if ($detailCnt > 1)
                               <br><span style="font-size : 0.72rem;">(외 {{ $detailCnt - 1 }} 건)</span>
                            @endif
                        </a>
                    </td>
                    <td>
                        <div class="d-flex align-items-center">
                            @if ($item->user_id > 0  && $item?->user )
                            <a href="{{ route("user.detail", ['id' => $item?->user_id]) }}" target="_blank"> {{ $item->user?->phone }}</a>
                            @else
                                {{ $item->phone }}
                            @endif

                            <span class="badge badge-success py-2 ml-3 d-inline-block" onclick="onClickSmsSend({{ $item->id }}) "><i class="bi bi-phone-vibrate" role="button"></i></span>
                        </div>
                    </td>
                    @if ($service == 'academy')
                    <td class="align-center" style="background: {{ $status[$item->status]['color'] }};">
                        <select  class="form-select form-select-sm no-arrow"  data-target="status"  onchange="changeListData(this);">
                        @foreach ( $status as $key => $statusItem )
                            <option value="{{ $key }}" @selected($item->status == $key)>{{ $statusItem['name'] }}</option>
                        @endforeach
                        </select>
                        @if ($item->status == "completed")
                            <span class="font-sm d-block">({{ $item->completed_at }})</span>
                        @endif
                    </td>
                    <td class="align-center" >
                        <select class="form-select form-select-sm no-arrow" data-target="admin_id" onchange="changeListData(this);">
                            <option value="" @selected(!$item->chargedStaff) >선택</option>
                            @foreach ($admins as $admin)
                                <option value="{{ $admin->id }}" @selected($item->chargedStaff?->id == $admin->id)>{{ $admin->name }}</option>
                            @endforeach
                        </select>
                    </td>
                    <td class="align-center">
                        <select class="form-select form-select-sm no-arrow" data-target="possibility" onchange="changeListData(this);">
                            <option value="" @selected(!$item->possibility )>선택</option>
                            @foreach ( $possibility as $possibilityItem )
                                <option value="{{ $possibilityItem }}" @selected($item->possibility == $possibilityItem)>{{ $possibilityItem }}</option>
                            @endforeach
                        </select>
                    </td>
                    @endif
                    <td class="align-center" onclick="onOpenInquiryMemoSmsPopup('{{$service}}','{{$item->id }}');"><a href="#;" >{{ $item->inquiryMemos->where('created_by', '!=', 0)->count() }}</a></td>
                    <td class="align-center" onclick="onOpenInquiryMemoSmsPopup('{{$service}}','{{$item->id }}');"><a href="#;" >{{ $item->sendSms->count() }}</a></td>
                    <td class="align-center">
                        @if ($item->user_id > 0)
                            <a href="{{ route("user.detail", ['id' => $item->user?->id]) }}" target="_blank"> {{ $item->user?->payment()->active()->count() }}</a>
                        @endif
                    <td class="align-center">
                        @if ($item->user_id > 0)
                            {!! $item->user?->is_accepted_email == 1 ? '<span class="badge badge-icon badge-info font-lg"><i class="bi bi-at"></i></span>' : ""!!}
                            {!! $item->user?->is_accepted_sms == 1 ? '<span class="badge badge-icon badge-warning font-lg"><i class="bi bi-phone-vibrate"></i></span>' : "" !!}
                        @endif
                    </td>
                    <td>{{ $item->created_at }}</td>
                    <td>
                        <a href="javascript:onOpenInquiryDetailPopup('{{$service}}','{{$item->id }}');">
                        {{ $item->last_inflowed_at }}
                        </a>
                    </td>
                    @if ($service == 'academy')
                    <td class="align-center" style="background: #ffedb8;">
                        {!! $item->getLastVisited() ? '<a href="#" onclick="onOpenCounselDetailPopup(\'academy\',\'' . $item->id . '\')">' . $item->getLastVisited() . '</a>' : '' !!}
                        <i class="bi bi-plus-square-fill"  role="button" onclick="onOpenCounselCreatePopup('academy', {{ $item->id }})"></i>
                    </td>
                    @endif

                 </tr>
                 @endforeach
            </tbody>
        </table>
    </main>
    <footer>
        <div class="pagination-wrap">
            {{ $list->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>
        function onPageDetail(id = 0) {
            let href = "{{ route('inquiry.detail', [':service', ':id']) }}";
            href = href.replace(":service", $('#service').val())
            href = href.replace(":id", id == 0? "" : id);

            // location.href = href;
            edmPopupOpen(href);
        }

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

            const userIds = [];
            $.each($('.inquiry_id:checked'), function() {
                if ($(this).data('userid') > 0) {
                    userIds.push($(this).data("userid"));
                }
            })

            if (userIds.length == 0) {
                alertify.alert("Error", "쿠폰을 발급할 수 있는 회원이 없습니다.", () => {})
                return false;
            }

            edmPopupOpen('/promotions/coupons/popup/distribute-coupons?user_ids=' + userIds.join(",") + "&service="+ $("#service").val()) ;
        }

        function onClickSmsSend(inquiryId = 0) {

            const inquiryIds = [];
            if (inquiryId == 0 ) {
                if ($('.inquiry_id:checked').length == 0) {
                    alertify.alert("Error", "선택한 행이 없습니다.", () => {})
                    return false;
                }

                $.each($('.inquiry_id:checked'), function() {
                    inquiryIds.push($(this).val())
                })

            } else {
                inquiryIds.push(inquiryId)
            }

            const params = {
                "ids" : inquiryIds,
                "type" : 'inquiry'
            }


            onOpenSmsSendPopup($('#service').val(), params);
        }


        function onOpenPopup(service, id, type, params = {}, size = null) {
            let href = `/inquiries/popup/${service}/${type}/${id}`;

            if (Object.keys(params).length) {
                const queryString = Object.entries(params)
                    .map(([key, value]) =>
                        Array.isArray(value)
                            ? value.map(v => `${encodeURIComponent(key)}[]=${encodeURIComponent(v)}`).join("&")
                            : `${encodeURIComponent(key)}=${encodeURIComponent(value)}`
                    ).join("&");
                href += `?${queryString}`;
            }

            edmPopupOpen(href, '_blank', null, null, size);
        }

        // 기존 함수들을 재정의
        function onOpenCounselCreatePopup(service, id, params = {}) {
            onOpenPopup(service, id, "counsel/create", params);
        }

        function onOpenCounselDetailPopup(service, id, params = {}) {
            onOpenPopup(service, id, "counsel/detail", params);
        }

        function onOpenInquiryMemoSmsPopup(service, id, params = {}) {
            onOpenPopup(service, id, "memo", params, 'large');
        }

        function onOpenInquiryDetailPopup(service, id, params = {}) {
            onOpenPopup(service, id, "inquiry", params);
        }

        function changeListFilter(obj) {
            let targetName = $(obj).data('target');

            $(`select[name='${targetName}']`).val($(obj).val());
            $("#inquiry-form").submit();
        }

        async function changeListData(obj) {
            let value = $(obj).val();
            let target = $(obj).data('target');
            let $td = $(obj).closest('td');
            let inquiry_id = $(obj).closest('tr').find("input[name='inquiry_id']").val();

            const result = await customFetch(`/api/inquiries/list/modify/${target}/${inquiry_id}`, {
                method: "POST",
                body: JSON.stringify({
                    "value": value,
                }),
                headers: {"Content-Type": "application/json"}
            });

            if (result.status) {
                if(target === 'status'){
                    $(obj).closest('td').css('background-color', result.background);
                    // 기존 완료일 span 삭제
                    $td.find('span').remove();

                    // 만약 status가 'completed'라면 span 추가
                    if (value === 'completed' && result.completed_at) {
                        $td.append(`<span class="font-sm d-block">(${result.completed_at})</span>`);
                    }
                }
                alertify.alert("완료", "변경되었습니다.");

            } else {
                alertify.alert("Error", result.message);
            }
        }


        $(document).ready(function() {
            // 전체 선택
            $('#checkAll').on('change', function() {
                $('.inquiry_id').prop('checked', this.checked);
            });

            // 개별 체크 해제 시, 전체선택도 해제
            $('.inquiry_id').on('change', function() {
                let allChecked = $('.inquiry_id').length === $('.inquiry_id:checked').length;
                $('#checkAll').prop('checked', allChecked);
            });
        });
    </script>
@endpush