@extends("common.layout")

{{-- @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') !!}
@endsection

@section("content")
<h1>
    <a href="{{ route('product.list', $service) }}">{{ $pageServiceName }} 상품 목록</a>

    <button type="button" class="btn btn-primary" onclick="location.href='{{ route('product.detail', $service) }}'">{{ $pageServiceName }} 상품 등록</button>
</h1>

<section class="mb-3">
    <main>
        <form action="{{ route('product.list', $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::has("sales_type") || 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::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="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"):'sort' }}">
                <input type="hidden" name="sort" value="{{ Request::has("sort") ? Request::get("sort"):'asc' }}">
            </div>

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

@php
    $disable_sort = true;
    if (Request::has('categories') && is_array(Request::get('categories')) && count(Request::get('categories')) ==1 && Request::get('is_sellable') == 1) {
        $disable_sort = false;
    }
@endphp
<section>
    <header>
        <h6>총 <strong>{{ $products->total() }}</strong>건</h6>

        <button type="button" class="btn btn-sm btn-success" onclick="excelDownload('.search-form', '{{ route('api.product.excel') ?? '' }}')"><i class="bi bi-file-spreadsheet"></i></button>
    </header>

    <main>
        <table class="table table-hover">
            <colgroup>
                @if ($disable_sort === false)
                <col width="30">
                @endif
                <col width="50">
                <col width="100">
                <col width="70">
                <col width="80">
                <col width="50">
                <col width="80">
                <col width="120">
                <col>
                <col>
                <col>
                <col width="30">
                <col width="30">
                <col width="30">
                <col width="30">
            </colgroup>
            <thead>
                <tr class="text-center">
                    @if ($disable_sort === false)
                    <th data-bs-toggle="tooltip" data-bs-placement="right" data-bs-title="드래그로 정렬순서 조절"><i class="bi bi-info-circle"></i></th>
                    @endif
                    {!! \BaseHelper::sortHead('번호', 'id', 'align-right') !!}
                    {!! \BaseHelper::sortHead('등록일', 'created_at') !!}
                    <th>상품</th>
                    <th>모듈</th>
                    <th 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 class="text-start">카테고리</th>
                    <th class="text-start">상품옵션</th>
                    {!! \BaseHelper::sortHead('상품명', 'name', 'text-start') !!}
                    <th class="text-end" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="할인 적용된 경우 할인가로 노출됩니다.">
                        최저 옵션가 <i class="bi bi-info-circle"></i>
                    </th>
                    <th>할인</th>
                    <th>쿠폰</th>
                    <th>구매혜택</th>
                    <th>미리보기</th>
                </tr>
            </thead>
            <tbody id="sortable">
                @forelse ($products as $product)
                <tr @class(['text-center', 'hidden' => empty($product->is_visible), 'provision' => $product->sales_type == '지급'])>
                    @if ($disable_sort === false)
                    <td class="handle"><i class="bi bi-list"></i></td>
                    @endif

                    <td class="number align-right">
                        {{ $product->id }}
                        <input type="hidden" name="sort[]" value="{{ $product->id }}">
                    </td>

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

                    <td>
                        {{ $product->sales_type }}

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

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

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

                    <td>
                        {{ $product->is_sellable == 1 ? "판매중" : "마감" }}
                    </td>

                    <td class="text-start">
                        {{ $product->productCategories?->implode("name", ", ") ?? "-" }}
                    </td>

                    <td class="text-start">
                        {{ str_replace('|', ', ', $product->option_types) }}
                    </td>

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

                    @php
                        $tmpOption = $product->productOptions->sortBy(fn ($option, $key) => $option->is_discounted ? $option->discount_price : $option->sales_price)->first();
                    @endphp

                    <td class="number text-end">
                        @if ($tmpOption)
                        {{ $tmpOption->is_discounted ? number_format($tmpOption->discount_price) : number_format($tmpOption->sales_price) }}
                        @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>
                        <button class="btn btn-sm btn-link" type="button" onclick="onPreviewPage('{{ $product->id }}')"><i class="bi bi-link-45deg"></i></button>

                    </td>
                </tr>
                @empty
                <tr><td colspan="11">No data.</td></tr>
                @endforelse
            </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>
@endsection

@push("script")
<script>
    $(document).ready(function() {
        new TomSelect("#categories", {
            plugins: {
                "checkbox_options": {},
                "input_autogrow": {},
                'dropdown_header': {
                    title: '전체 선택',
                    html: tomSelectAllCheckRender,
                },
            }
        });
    });

    function onPreviewPage(productId) {
        const href = "https://front.edmclass.com/{{ $service }}/product/" + productId;
        window.open(href, "_blank")
    }

    @if ($disable_sort === false)
    $(function () {
        $("#sortable").sortable({
            handle: ".handle",
            axis: "y",
            placeholder: "ui-state-highlight",
            helper: function(e, ui) {
                ui.children().each(function() {
                    $(this).width($(this).width());
                });
                return ui;
            },
            update: function(e,ui){
                var order = '';
                $('input[name="sort[]"]').map(function(){
                    order += $(this).val()+',';
                });
                var eurl = '/api/products/update-sequence?sort='+order;
                $.ajax({
                    type: 'get',
                    url: eurl,
                    success: function(result) {
                        //alertify.alert("성공", "정렬값이 저장되었습니다");
                    }
                });
            }
        });
        $( "#sortable" ).disableSelection();
    });
    @endif
</script>
@endpush