@extends("common.layout-popup")

@section("page-title", "[결제관리] 쿠폰검색")

@section("header")
    {!! resource('js/components/multiSelect.js') !!}
    {!! resource('css/components/multiSelect.css') !!}
@endsection

@section("content")
    <section>
        <main>
            <form method="get" class="search-form" id="user-form" action="{{ route('payment.popup-coupon') }}">
                @csrf
                <input type="hidden" name="pagination" value="{{ Request::get('pagination') }}" />
                <input type="hidden" name="service" value="{{ Request::get('service') }}" />
                <input type="hidden" name="user_id" value="{{ Request::get('user_id') }}" />
                <input type="hidden" name="optionIds" value="{{ Request::get("optionIds") }}" />

                <div class="search-input-wrap">

                    <div class="input-group input-group-sm">
                        <label class="input-group-text" for="module_id">쿠폰명</label>
                        <input type="text" name="name" value="{{ Request::get("name") }}" class="form-control" />
                    </div>

                    <div class="input-group input-group-sm">
                        <label class="input-group-text" for="activated">사용가능여부</label>
                        <div class="form-control">
                            <input type="radio" name="activated" value="all" class="form-check-input" @checked( empty(Request::get("activated")) || Request::get("activated") == "all" ) /> 전체

                            <input type="radio" name="activated" value="1" class="form-check-input" @checked( Request::get("activated") == "1" ) /> 사용가능

                            <input type="radio" name="activated" value="0" class="form-check-input" @checked( Request::get("activated") === "0" ) /> 사용불가
                        </div>
                    </div>

                    <div class="input-group input-group-sm">
                        <label class="input-group-text" for="module_id">정액/정률</label>
                        <div class="form-control">
                            <input type="radio" name="discount_type" value="0" class="form-check-input" @checked( empty(Request::get("discount_type")) || Request::get("discount_type") == "all" ) /> 전체

                            <input type="radio" name="discount_type" value="1" class="form-check-input" @checked( Request::get("discount_type") == "1" ) /> 정액

                            <input type="radio" name="discount_type" value="2" class="form-check-input" @checked( Request::get("discount_type") === "2" ) /> 정률
                        </div>
                    </div>

                    @if (Request::has("user_id"))
                    <div class="input-group input-group-sm">
                        <label class="input-group-text" for="is_issued">회원발행여부</label>
                        <div class="form-control">
                            <input type="radio" name="is_issued" value="0" class="form-check-input" @checked(Request::get("is_issued", 0)  == "0" ) /> 전체
                            <input type="radio" name="is_issued" value="1" class="form-check-input" @checked( Request::get("is_issued", 0) == "1" ) /> 발행
                            <input type="radio" name="is_issued" value="2" class="form-check-input" @checked( Request::get("is_issued", 0) === "2" ) /> 미발행
                        </div>
                    </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>
        <header>
            <h6>조회결과 <strong>{{ $list ? $list->total() : 0 }}</strong>건, 선택된 옵션 <strong id="coupon_cnt">0</strong>건</h6>
        </header>
        <main class="limit-height p-0 m-3" style="--height: 650px">
            <table class="table table-striped table-hover table-sticky">
                <colgroup>
                    <col width="3%">
                    <col width="5%">
                    <col width="5%">
                    <col width="7%">
                    <col width="/">
                    {{-- <col width="/"> --}}
                    <col width="5%">
                    <col width="5%">
                    <col width="7%">
                    <col width="5%">
                    <col width="7%">
                    <col width="7%">
                    @if (Request::has("user_id") && ! empty(Request::get("user_id"))) <col width="7%"> @endif
                </colgroup>
                <thead>
                    <tr>
                        <th></th>
                        <th>번호</th>
                        <th>서비스구분</th>
                        <th>발행기간</th>
                        <th>쿠폰명</th>
                        <th>잔여매수</th>
                        <th>중복여부</th>
                        <th>사용기간</th>
                        <th>할인율(금액)</th>
                        <th>최대할인금액</th>
                        <th>할인가능금액</th>
                        @if (Request::has("user_id") && ! empty(Request::get("user_id")))
                            <th>보유여부</th>
                        @endif
                    </tr>
                </thead>
                <tbody>
                    @foreach ($list as $item)
                        @php
                            $isSelectable = $item->userHoldSummary?->used_cnt == 0 || ($item->userHoldSummary?->used_cnt > 0 && $item->is_single_use_per_id == 1) ;
                        @endphp
                        <tr @class(["disabled" => ! $isSelectable])>
                            <td>
                                @if ($isSelectable)
                                    <input type="checkbox" name="coupon_id" class="coupon_id" value="{{ $item->id }}" class="form-check-input" />
                                    <input type="hidden" name="product_option_id" class="product_option_id" value="{{ $item->option->id }}" />
                                    <input type="hidden" name="is_overlapping" class="is_overlapping" value="{{ $item->is_combinable }}" />
                                @endif
                            </td>
                            <td class="coupon_id">{{ $item->id }}</td>
                            <td>{{ $item->serviceName }}</td>
                            <td>{{ date("Y-m-d", strtotime($item->issue_start_date)) }} ~ <br>{{ date("Y-m-d", strtotime($item->issue_end_date)) }}</td>
                            <td class="coupon_name">{{ $item->name }}</td>
                            <td>{{ $item->is_unlimited == 1 ? "무제한" : ( $item->issue_max - $item->issued_count )}}</td>
                            <td>
                                <span class="badge badge-{{ $item->is_combinable == 1 ? 'primary' : "danger" }}">{{ $item->is_combinable == 1 ? "중복가능" : "중복불가" }}</span>
                            </td>
                            <td>{{ date("Y-m-d", strtotime($item->use_start_date)) }} ~ <br>{{ date("Y-m-d", strtotime($item->use_end_date)) }}</td>
                            <td class="align-right discount_value">
                                {{ number_format($item->discount_value) }} {{ $item->discount_type == "정액" ? "원" : "%" }}
                            </td>
                            <td class="align-right">{{ number_format( $item->discount_max) }}원</td>
                            <td class="align-right">
                                <input type="hidden" name="price" class="price discount_price" value="{{ $item->discount_price }}" />
                                {{ number_format($item->discount_price) }}원
                            </td>
                            @if (Request::has("user_id") && ! empty(Request::get("user_id")))
                                <td @class(['text-danger' => $item->userHoldSummary->used_cnt > 0, 'text-primary' => $item->userHoldSummary->used_cnt == 0  ]) style="{{ $item->userHoldSummary->used_cnt > 0 ? 'background: #fff3cd;box-shadow: unset;' : "" }}">
                                    <div class="summary">
                                        <span class="font-weight-600">총 발행</span> <span>{{ $item->userHoldSummary->used_cnt + $item->userHoldSummary->issued_cnt }}</span>
                                    </div>
                                    <div class="summary">
                                        <span class="font-weight-600">사용</span> <span>{{ $item->userHoldSummary->used_cnt ?? 0 }}</span>
                                    </div>
                                    <div class="summary">
                                        <span class="font-weight-600">미사용</span> <span>{{ $item->userHoldSummary->issued_cnt ?? 0 }}</span>
                                    </div>
                                </td>
                            @endif
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </main>
        <footer>
            <div class="row">
                <div class="col-6">
                    {{ $list ? $list->links() : "" }}
                </div>
                <div class="col-6 align-right">
                    <button class="btn btn-primary" type="button" onclick="onChangeCoupon()">저장</button>
                </div>
            </div>
        </footer>
    </section>
@endsection

@push("script")
<script>

    $(function() {
        // const selector = new MultiSelector("option_id");

        $('td:not(:first-child), .coupon_id').on("click", function(e) {
            const tr = $(this).closest("tr");
            if (tr.hasClass("disabled")) {
                alertify.alert("알림", "이미 사용되어, 재 사용할 수 없는 쿠폰입니다.");
                return false;
            }

            const coupon = $(this).hasClass("coupon_id") ? $(this) : tr.find(".coupon_id");
            if (! tr.hasClass("active")) {
                let overlayCnt = Number(tr.find(".is_overlapping").val());
                let isFail = false;
                if (overlayCnt) {
                    $.each($("tr.active"), function() {
                        overlayCnt = overlayCnt + Number($(this).find(".is_overlapping").val());
                    })

                    if (overlayCnt != $("tr.active").length + 1 ) {
                        isFail = true;
                    }
                } else {
                    if ($("tr.active").length > 0) {
                        isFail = true;
                    }
                }

                if (isFail) {
                    alertify.alert("알림", "중복사용이 불가능한 쿠폰이 있습니다.");
                    coupon.attr("checked" , false);
                    return false;
                }
            }

            if (! $(this).hasClass("coupon_id")) {
                coupon.prop("checked" , ! coupon.is(":checked"));
            }

            if (coupon.is(":checked")) {
                tr.addClass("active")
            } else {
                tr.removeClass("active")
            }

            onChangeCheckCnt();

        })

        function onChangeCheckCnt() {
            $('#coupon_cnt').text($("tbody > tr.active").length)
        }
    })

    const fields = ["coupon_id", "product_option_id", "coupon_name",  "discount_value", "discount_price", "price", "is_overlapping"];
    function onChangeCoupon() {
        const coupons = $("tbody > tr.active");
        if (coupons.length == 0) {
            alertify.alert("error", "선택된 쿠폰이 없습니다.");
            return false;
        }

        const params = [];
        const coupon_ids = [];
        $.each(coupons, function() {
            const param = {}
            const row = $(this);
            $.each(fields, function(index) {
                const field = fields[index];
                param[field] = row.find("." + field).text() ? row.find("." + field).text() : row.find("." + field).val()
            })
            coupon_ids.push(param['coupon_id']);
            params.push(param)
        })

        if (window.opener.$(".is_overlapping").length) {
            let overlayCnt = 0;
            $.each(window.opener.$(".is_overlapping"), function() {
                overlayCnt = overlayCnt + Number($(this).val());
            });

            if (overlayCnt != (window.opener.$(".is_overlapping").length )) {
                alertify.alert("알림", "중복사용이 불가능한 쿠폰이 반영되어 있습니다.<br>해당 쿠폰을 삭제 후 등록해주세요");
                return false;
            }
        }

        let isOverlay = false;
        const preCoupon = [];
        if (window.opener.$(".coupon_id").length) {
            $.each(window.opener.$(".coupon_id"), function() {
                if (coupon_ids.indexOf($(this).val()) > -1) {
                    preCoupon.push($(this).val())
                    isOverlay = true
                }
            });
        }

        if (isOverlay) {
            alertify.confirm('확인', "이미 등록된 쿠폰이 있습니다. 계속 진행하시겠습니까?", () => {
                onChange(params, preCoupon);
            }, () => { })
        } else {
            onChange(params, preCoupon);
        }
    }

    function onChange(params, preCoupon) {
        const row = window.opener.$("#coupon #default");
        $.each(params, function (index) {
            const param = params[index];
            if (preCoupon.length > 0 && preCoupon.indexOf(param['coupon_id']) > -1) {
                return true;
            }

            const clone = row.clone();
            clone.attr("id", "");
            $.each(fields , function(idx) {
                const field = fields[idx];
                if (field == 'coupon_id' || field == 'product_option_id' || field == 'is_overlapping' || field == "discount_price") {
                    const col = clone.find("input[name="+field+"]");
                    col.attr("name", col.attr("name") + "[]")
                    col.attr("class", field);
                    col.attr("data-accept", true);
                    col.val(param[field]);
                } else {
                    clone.find("."+field).text( field == 'price' ? Number(param[field]).toLocaleString() :  param[field])
                }
            })


            window.opener.$('#coupon > tbody').append(clone.show());
        });

        window.opener.onChangeTotalPrice("coupon");
        onCloseEvent();
    }
    function onCloseEvent() {
        window.close();
    }
</script>
@endpush