@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/activation-management.js') !!}
@endsection

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

<section class="mb-3">
    <main>
        <form action="{{ route('product.promotion-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="sales_type">상품 구분</label>
                    <select class="form-select" name="sales_type" id="sales_type">
                        <option value="" >전체</option>
                        <option value="판매" @selected(Request::get("sales_type", null) == "판매")>판매</option>
                        <option value="지급" @selected(Request::get("sales_type", null) == "지급")>지급</option>
                    </select>
                </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="included_coupon">쿠폰/구매 혜택</label>
                    <select class="form-select" name="included_coupon" id="included_coupon">
                        <option value="">전체</option>
                        <option value="1" @selected(Request::get("included_coupon", null) == "1")>포함</option>
                        <option value="0" @selected(Request::get("included_coupon", null) === "0")>미포함</option>
                    </select>
                </div>
                <div class="input-group input-group-sm">
                    <label class="input-group-text" for="discount_type">할인</label>
                    <select class="form-select" name="discount_type" id="discount_type">
                        <option value="" >전체</option>
                        @foreach ($discountTypes as $discountType)
                        <option value={{ $discountType['name'] }} @selected(Request::get("discount_type", null) == $discountType['name'])>{{ $discountType['name'] }}</option>
                        @endforeach
                    </select>
                </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="promotion-management-form" id="promotion-management-form" action="{{ route('api.product.products-set') }}" method="post">
    @csrf

    <section>
        <header>
            <h6>총 <strong>{{ $products->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>모듈</th>
                        <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>
                        {!! \BaseHelper::sortHead('등록일', 'created_at') !!}
                        <th>할인</th>
                        <th>쿠폰</th>
                        <th>구매혜택</th>
                        <th class="text-end">최저옵션가</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="10" class="text-end">
                            일괄 적용할 값을 선택 및 입력 후 적용할 옵션들을 목록에서 체크하여 상단의 적용 버튼 선택 시 일괄 적용 가능합니다.
                        </td>

                        <td>
                            <input type="text" placeholder="최대 10글자까지 입력 가능" class="form-control form-control-sm" name="promotion_flag_word[0]">
                        </td>

                        <td>
                            <div class="flag-color-list">
                                @foreach ($promotionFlags as $code => $color)
                                    <input type="radio" name="promotion_flag[0]" style="background-color: {{ $color }}" value="{{ $code }}">
                                @endforeach
                            </div>
                        </td>
                    </tr>
                </thead>

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

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

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

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

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

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

                            <td>
                                {{ $product->productCategories?->implode("name", ", ") ?? "-" }}
                            </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 class="number">
                                @if (isset($product->created_at))
                                    {{ explode(" ", $product->created_at)[0] }}
                                @else
                                    -
                                @endif
                            </td>

                            <td>
                                {!! !empty($product->productOptions->firstWhere("is_discounted", 1)) ? '<i class="bi bi-check"></i>' : "" !!}
                            </td>

                            <td>
                                {!!  $product->has_coupon ? '<i class="bi bi-check"></i>':'' !!}
                            </td>

                            <td>
                                {!!  $product->has_benefitable ? '<i class="bi bi-check"></i>':'' !!}
                            </td>

                            <td class="number price">
                                {{ number_format($product->min_price) }}
                            </td>

                            <td>
                                <input type="text" placeholder="최대 10글자까지 입력 가능" class="form-control form-control-sm" name="promotion_flag_word[{{ $product->id }}]" value="{{ $product->promotion_flag_word }}">
                            </td>

                            <td>
                                <div class="flag-color-list">
                                    @foreach ($promotionFlags as $code => $color)
                                        <input type="radio" name="promotion_flag[{{ $product->id }}]" style="background-color: {{ $color }}" value="{{ $code }}" @checked($product->promotion_flag == $code)>
                                    @endforeach
                                </div>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </main>

        <footer>
            <div class="pagination-wrap">
                {{ $products->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