@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">
                <div class="card-body">
                    <form action="{{ route('promotion.coupon.list') }}" class="search-form" method="GET">
                        <div class="search-input-wrap">
                            <div class="search-input">
                                <label for="register_start_date">발행 기간</label>
                                <input type="date" id="issue_start_date" name="issue_start_date"
                                @if (Request::get("issue_start_date"))
                                    value="{{ Request::get("issue_start_date") }}"
                                @endif
                                > - <input  type="date" name="issue_end_date"
                                @if (Request::get("issue_end_date"))
                                    value="{{ Request::get("issue_end_date") }}"
                                @endif
                                >
                            </div>
                            <div class="search-input">
                                <label for="service_id">서비스 구분</label>
                                <select name="service_id" id="service_id" onchange="changeServiceId(event)">
                                    <option value="" >전체</option>
                                    @foreach ($services as $service)
                                        <option value={{ $service->id }} @selected(Request::get("service_id", null) == $service->id)>{{ $service->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="search-input">
                                <label for="activated">활성 상태</label>
                                <select name="activated" id="activated">
                                    <option value="" @selected(Request::get("activated") === null)>전체</option>
                                    <option value="1" @selected(Request::get("activated") === "1")>전시</option>
                                    <option value="0" @selected(Request::get("activated") === "0")>비전시</option>
                                </select>
                            </div>
                            <div class="search-input">
                                <label for="is_automatic_issue">배포 방식</label>
                                <select name="is_automatic_issue" id="is_automatic_issue">
                                    <option value="">전체</option>
                                    <option value="1" @selected(Request::get("is_automatic_issue") === "1")>자동</option>
                                    <option value="0" @selected(Request::get("is_automatic_issue") === "0")>수동</option>
                                </select>
                            </div>
                            <div class="search-input">
                                <label for="use_start_date">사용 기간</label>
                                <input type="date" id="use_start_date" name="use_start_date"
                                @if (Request::get("use_start_date"))
                                    value="{{ Request::get("use_start_date") }}"
                                @endif
                                > - <input  type="date" name="use_end_date"
                                @if (Request::get("use_end_date"))
                                    value="{{ Request::get("use_end_date") }}"
                                @endif
                                >
                            </div>
                            <div class="search-input">
                                <label for="discount_value">할인율(금액)</label>
                                <input type="text" name="discount_value" id="discount_value" autocomplete='on' value="{{ Request::get('discount_value') }}">
                            </div>
                            <div class="search-input">
                                <label for="discount_max">최대 할인 금액</label>
                                <input type="text" name="discount_max" id="discount_max" autocomplete='on' value="{{ Request::get('discount_max') }}">
                            </div>
                            <div class="search-input">
                                <label for="name">쿠폰명</label>
                                <input type="text" name="name" id="name" autocomplete='on' value="{{ Request::get('name') }}">
                            </div>
                            <div class="search-input">
                                <input type="hidden" name="paginate" value="{{ Request::get("paginate") }}">
                                <input type="hidden" name="order_by" value="{{ Request::get("order_by") }}">
                                <input type="hidden" name="sort" value="{{ Request::get("sort") }}">
                            </div>
                        </div>
                        <button type="submit" class="search-button">조회</button>
                    </form>

                </div>
            </div>
        </div>
    </div>

    <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">{{ $coupons->total() }}</strong>건</span>
                        </div>
                        <div class="pagination-helper">
                            <div class="pagination-wrapper">
                                {{ $coupons->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-2" onclick="excelDownload('.search-form', '{{ route('api.promotion.coupon.excel') ?? '' }}')">엑셀다운로드</button>
                            <a href="{{ route('promotion.coupon.detail') }}" class="button btn-style-1">등록</a>
                        </div>
                    </div>
                    <table class="default-table">
                        <colgroup>
                            <col>
                            <col>
                            <col>
                            <col>
                            <col width="200">
                            <col>
                            <col width="">
                            <col>
                            <col>
                            <col>
                        </colgroup>
                        <thead>
                            <tr>
                                <th scope="col" class="th_nm">번호</th>
                                <th scope="col">등록일</th>
                                <th scope="col">서비스 구분</th>
                                <th scope="col">활성 상태</th>
                                <th scope="col">발행 기간</th>
                                <th scope="col">쿠폰명</th>
                                <th scope="col">발행 매수</th>
                                <th scope="col">발행 완료 매수</th>
                                <th scope="col">잔여 매수</th>
                                <th scope="col">사용 매수</th>
                                <th scope="col">배포 방식</th>
                                <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">
                            @forelse ($coupons as $coupon)
                            <tr onclick="window.location.href = '{{ route('promotion.coupon.detail', $coupon->id) }}'">
                                <td>{{ $coupon->id }}</td>
                                <td>
                                    {{ explode(" ", $coupon->created_at)[0] }} <br>
                                    {{ explode(" ", $coupon->created_at)[1] }}
                                </td>
                                <td>{{ $coupon->service->name }}</td>
                                <td>{{ $coupon->activated == 1 ? "활성" : "비활성" }}</td>
                                <td>
                                    {{ explode(" ", $coupon->issue_start_date)[0] }} ~ <br>
                                    {{ explode(" ", $coupon->issue_end_date)[0] }}
                                </td>
                                <td>{{ $coupon->name }}</td>
                                <td>{{ $coupon->is_unlimited == 1 ? "무제한" : $coupon->issue_max }}</td>
                                <td>{{ $coupon->issue_count }}</td>
                                <td>{{ $coupon->is_unlimited == 1 ? "무제한" : $coupon->issue_max - $coupon->issue_count }}</td>
                                <td>{{ $coupon->countUsedIssuedCoupons }}</td>
                                <td>{{ $coupon->is_automatic_issue == 1 ? "자동" : "수동" }}</td>
                                <td>
                                    {{ explode(" ", $coupon->use_start_date)[0] }} ~ <br>
                                    {{ explode(" ", $coupon->use_end_date)[0] }}
                                </td>
                                <td>{{ $coupon->couponDiscountType->name }}</td>
                                <td>{{ $coupon->discount_value }}</td>
                                <td>{{ $coupon->discount_max }}</td>
                                <td>{{ count($coupon->productOptions) < 1 ? "전체" : count($coupon->productOptions) }}</td>
                            </tr>
                            @empty
                            <tr><td colspan="16">No data</td></tr>
                            @endforelse
                        </tbody>
                    </table>
                </div> <!-- end card-body-->
            </div> <!-- end card-->
        </div> <!-- end col-->
    </div>
    <!-- end row -->
</div>
@endsection

@push("script")
<script>
</script>
@endpush