@extends("common.layout")

@section('page-title', $service=='ielts' ? '인강 기타상품 관리' : '어학원 기타상품 관리')

@section("content")

<h1>
    <a href="{{ route('product.etc-product.list', ['service'=>$service]) }}">{{ $pageServiceName }}

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

<section class="mb-3">
    <main>
        <form action="{{ route('product.etc-product.list', ['service'=>$service]) }}" class="search-form" method="GET">
            <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="activated">활성구분</label>
                    <select class="form-select" name="activated" id="activated">
                        <option value="" @selected(Request::get("activated") === null)>전체</option>
                        <option value="0" @selected(Request::get("activated") === "0")>비활성</option>
                        <option value="1" @selected(!Request::has("activated") || Request::get("activated") === "1")>활성</option>
                    </select>
                </div>

                <div class="input-group input-group-sm">
                    <label class="input-group-text" for="etc_product_type">항목구분</label>
                    <select class="form-select" name="etc_product_type" id="etc_product_type">
                        <option value="" >전체</option>
                        @foreach ($etcProductTypes as $etcProductType)
                            <option value={{ $etcProductType }} @selected(Request::get("etc_product_type", null) == $etcProductType)>{{ $etcProductType }}</option>
                        @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'
                    @if (Request::get("name"))
                        value="{{ Request::get("name") }}"
                    @endif
                    >
                </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"):'' }}">
                <input type="hidden" name="sort" value="{{ Request::has("sort") ? Request::get("sort"):'' }}">
            </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>{{ $etcProducts->total() }}</strong>건</h6>

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

    <main>
        <x-product.etc-product service="{{ $service }}" :etcProducts="$etcProducts" />
    </main>

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