@extends("common.layout")

@php
    $page_title = $pageServiceName . ' 상품 가격 관리';
@endphp

@section('page-title', $page_title)

@section("header")
<link href="https://cdn.jsdelivr.net/npm/tom-select@2.3.1/dist/css/tom-select.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/tom-select@2.3.1/dist/js/tom-select.complete.min.js"></script>
{!! resource('js/common/tomSelectAllCheck.js') !!}
{!! resource('js/product/product-management.js') !!}
@endsection

@section("content")
<h1>
    <a href="{{ route('product.price-management', ['service' => $service]) }}">{{ $page_title }}</a>
</h1>

<section class="mb-3">
    <main>
        <form action="{{ route('product.price-management', ['service' => $service]) }}" 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="module">모듈</label>
                    <select class="form-select" name="module" id="module">
                        <option value="" >선택</option>
                        @foreach ($modules as $module)
                            <option value={{ $module }} @selected(Request::get("module", null) == $module)>{{ $module }}</option>
                        @endforeach
                    </select>
                </div>

                <div class="input-group input-group-sm">
                    <label class="input-group-text" for="is_visible">GNB</label>
                    <select class="form-select" name="is_visible" id="is_visible">
                        <option value="" @selected(Request::get("is_visible") == null)>전체</option>
                        <option value="1" @selected(!Request::has("is_visible") || Request::get("is_visible") == "1")>Visible</option>
                        <option value="0" @selected(Request::get("is_visible") === "0")>Hidden</option>
                    </select>
                </div>

                <div class="input-group input-group-sm">
                    <label class="input-group-text" for="is_sellable">판매</label>
                    <select class="form-select" name="is_sellable" id="is_sellable">
                        <option value="" @selected(Request::get("is_sellable") === null)>전체</option>
                        <option value="1" @selected(!Request::has("is_sellable") || Request::get("is_sellable") == "1")>판매중</option>
                        <option value="0" @selected(Request::get("is_sellable") === "0")>마감</option>
                    </select>
                </div>

                <div class="input-group input-group-sm">
                    <label class="input-group-text" for="categories">카테고리</label>
                    <select name="categories[]" id="categories" multiple>
                        <option value="">전체</option>
                        @foreach ($productCategories as $productCategory)
                            @if (isset($productCategory->id))
                            <option value="{{ $productCategory->id }}" @selected(in_array($productCategory->id, Request::get("categories", [])))>
                                {{ $productCategory->name }}
                            </option>
                            @endif
                        @endforeach
                    </select>
                </div>

                <div class="input-group input-group-sm">
                    <label class="input-group-text" for="productName">상품명</label>
                    <input class="form-control" type="text" name="productName" id="productName" autocomplete='on' value="{{ Request::get("productName") }}">
                </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' value="{{ Request::get("name") }}">
                </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>

<form name="price-management-form" id="price-management-form" action="{{ route('api.product.product-options-set') }}" method="post">
    @csrf

    <section>
        <header>
            <h6>총 <strong>{{ $productOptions->total() }}</strong>건</h6>

            <button type="submit" class="btn btn-sm btn-primary">변경사항적용</button>
        </header>

        <main>
            <table class="table table-hover table-management">
                <colgroup>
                    <col width="30">
                    <col width="50">
                    <col>
                    <col>
                    <col>
                    <col>
                    <col width="120">
                    <col width="90">
                    <col>
                    <col width="100">
                    <col width="100">
                    <col width="100">
                </colgroup>

                <thead>
                    <tr class="text-center">
                        <th></th>
                        {!! \BaseHelper::sortHead('번호', 'id', 'text-end') !!}
                        {!! \BaseHelper::sortHead('상품/옵션명', 'name', 'text-start') !!}
                        <th>모듈</th>
                        <th class="text-center" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-html="true" data-bs-title="<i class='bi bi-dash-circle-dotted expired'></i> 전시기간종료">GNB <i class="bi bi-info-circle"></i></th>
                        <th>판매</th>
                        <th>카테고리</th>
                        {!! \BaseHelper::sortHead('등록일', 'created_at') !!}
                        <th>쿠폰/구매 혜택</th>
                        <th>소비자가</th>
                        <th class="required">판매가</th>
                        <th>할인</th>
                        <th>할인 설정</th>
                    </tr>

                    <tr class="text-center discount-inputs">
                        <td><input type="checkbox" class="form-check-input" onclick="checkAll()"></td>

                        <td class="text-end">전체</td>

                        <td colspan="7" class="text-end">
                            일괄 적용할 값을 선택 및 입력 후 적용할 옵션들을 목록에서 체크하여 상단의 적용 버튼 선택 시 일괄 적용 가능합니다.
                        </td>

                        <td>
                            <input class="form-control form-control-sm text-end" type="text" name="consumer_price[0]">
                        </td>

                        <td>
                            <input class="form-control form-control-sm text-end" type="text" name="sales_price[0]" value="">
                        </td>

                        <td>
                            <select class="form-select form-select-sm flex-grow-0 discount_type" name="discount_type[0]" onchange="getDiscountTypeDetail(this, 0, '{{ $service }}')">
                                <option value="">없음</option>

                                @foreach ($discountTypes as $discountType)
                                    @if (!empty($discountType))
                                    <option value="{{ $discountType['name'] }}" data-type="{{ $discountType['type'] }}">{{ $discountType['name'] }}</option>
                                    @endif
                                @endforeach
                            </select>
                        </td>

                        <td>
                            <div class="dynamic-input input-group input-group-sm discount-wrap">
                            </div>
                        </td>
                    </tr>
                </thead>

                <tbody class="text-center">
                    @foreach ($productOptions as $productOption)
                        @php
                            $expired = $productOption->product->is_expired ?? null;
                            $visible = $productOption->product->is_visible ?? null;
                            $sellable = $productOption->product->is_sellable ?? null;
                        @endphp

                        <tr @class(['discount-inputs', 'hidden' => empty($visible), 'provision' => $productOption->product->sales_type == '지급'])>
                            <td>
                                <input type="checkbox" class="form-check-input" name="productOptionsIds[]" value="{{ $productOption->id }}" onclick="checkId(this)">
                            </td>

                            <td class="number text-end">
                                {{ $productOption->id }}
                            </td>

                            <td class="text-start">
                                <a href="{{ route('product.detail', ['service' => $service, 'id' => $productOption->product->id]) }}">
                                    {{ $productOption->product->name }}
                                </a>

                                {{ $productOption->name }}
                            </td>

                            <td>
                                {{ $productOption->product->module }}
                            </td>

                            <td>
                                @if($expired)
                                <i class="bi bi-dash-circle-dotted expired"></i>
                                @else
                                    {!! $visible ? '<i class="bi bi-eye"></i>' : '<i class="bi bi-eye-slash"></i>' !!}
                                @endif
                            </td>

                            <td>
                                {{ $productOption->product->sales_type }}
                                @if($productOption->product->is_refundable)
                                    <sup>환급</sup>
                                @endif
                            </td>

                            <td>
                                {{ $productOption->product->productCategories?->implode("name", ", ") ?? "-" }}
                            </td>

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

                            <td>
                                {{ $productOption->is_discounted ? "포함" : "-" }}
                            </td>

                            <td>
                                <input class="form-control form-control-sm text-end" type="text" name="consumer_price[{{ $productOption->id }}]" value="{{ $productOption->consumer_price }}">
                            </td>

                            <td>
                                <input class="form-control form-control-sm text-end" type="text" name="sales_price[{{ $productOption->id }}]" value="{{ $productOption->sales_price }}">
                            </td>

                            <td>
                                <select class="form-select form-select-sm flex-grow-0 discount_type" name="discount_type[{{ $productOption->id }}]" onchange="getDiscountTypeDetail(this, {{ $productOption->id }}, '{{ $service }}')">
                                    <option value="">없음</option>

                                    @foreach ($discountTypes as $discountType)
                                        @if (!empty($discountType))
                                        <option value="{{ $discountType['name'] }}" data-type="{{ $discountType['type'] }}" @selected($discountType['name'] == $productOption->discount_type)>{{ $discountType['name'] }}</option>
                                        @endif
                                    @endforeach
                                </select>
                            </td>

                            <td>
                                <div class="dynamic-input input-group input-group-sm discount-wrap">
                                    @if ($productOption->discount_type)
                                        @php
                                            $discountType = null;
                                            foreach ($discountTypes as $type) {
                                                if ($type['name'] == $productOption->discount_type) {
                                                    $discountType = $type;
                                                    break;
                                                }
                                            }
                                        @endphp

                                        @if (isset($discountType['type']) && $discountType['type'] == "select")
                                        <select name="discount_type_detail_value_1[{{ $productOption->id }}]" class="form-select">
                                            <option value="">선택하세요</option>
                                            @foreach ($discountType['options'] as $k => $option_name)
                                                @if (!empty($option_name))
                                                <option value="{{ $k }}" @selected($k == $productOption->discount_type_detail_value_1)>{{ $option_name }}</option>
                                                @endif
                                            @endforeach
                                        </select>
                                        <select name="discount_type_detail_value_2[{{ $productOption->id }}]" class="form-select">
                                            <option value="">선택하세요</option>
                                            @foreach ($discountType['options'] as $k => $option_name)
                                                @if (!empty($option_name))
                                                <option value="{{ $k }}" @selected($k == $productOption->discount_type_detail_value_2)>{{ $option_name }}</option>
                                                @endif
                                            @endforeach
                                        </select>
                                        @endif

                                        @if (isset($discountType['type']) && $discountType['type'] == "date")
                                        <input type="date" name="discount_type_detail_value_1[{{ $productOption->id }}]" class="form-control" value="{{ $productOption->discount_type_detail_value_1 }}">
                                        <input type="date" name="discount_type_detail_value_2[{{ $productOption->id }}]" class="form-control" value="{{ $productOption->discount_type_detail_value_2 }}">
                                        @endif

                                        <input class="form-control text-end" type="text" name="discount_price[{{ $productOption->id }}]" value="{{ $productOption->discount_price }}">
                                    @endif
                                </div>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </main>

        <footer>
            <div class="pagination-wrap">
                {{ $productOptions->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>
</form>
@endsection