@extends("common.layout")


@section("header")

@endsection

@section("content")
<div>
    <h1><a href="">{{ $service == 'ielts' ? "인강" : "어학원" }} {{ $type == 'sms' ? "문자" : "이메일" }} 템플릿 관리</a></h1>
</div>
<section>
    <main>
        <form action="{{ route('notify.template.list', ["service" => $service, "type" => $type]) }}" class="search-form" id="payment-form" method="GET">
            <input type="hidden" name="paginate" value="{{ Request::get('paginate') }}" />
            @csrf

            <div class="search-input-wrap">
                <div class="input-group input-group-sm">
                    <label class="input-group-text" for="start_at">등록일</label>
                    <input class="form-control" type="date" name="start_at" id='start_at' value="{{ Request::get("start_at") }}">
                    <input class="form-control" type="date" name="end_at" id='end_at' value="{{ Request::get("end_at") }}">
                </div>


                <div class="input-group input-group-sm">
                    <label class="input-group-text" for="method">템플릿 그룹</label>
                    <select class="form-select" name="category_id" id="category_id">
                        <option value="0">전체</option>
                        @foreach ($categories as $category)
                        <option value="{{ $category->id }}" @selected($category->id == Request::get("category_id"))>{{ $category->name }}</option>
                        @endforeach

                    </select>
                </div>

                <div class="input-group input-group-sm">
                    <label class="input-group-text" for="start_at">템플릿 명</label>
                    <input class="form-control" type="text" name="name" id='name' value="{{ Request::get("name") }}">
                </div>

                <div class="input-group input-group-sm">
                    <label class="input-group-text" for="method">템플릿 내용</label>
                    <input class="form-control" type="text" name="message" id='message' value="{{ Request::get("message") }}">
                </div>
            </div>

            <button type="submit" class="btn btn-sm btn-outline-dark search-button"><i class="bi bi-search"></i> 조회</button>
        </form>
    </main>
</section>
<section class="mt-3">
    <main class="align-right">
        <button class="btn btn-primary" type="button" onclick="location.href='{{ route('notify.template.detail', ['service' => $service, 'type' => $type]) }}'">템플릿 등록</button>
    </main>
</section>

<section class="mt-3">
    <header>
        <h6>총 <strong>{{ $list->total() }}</strong>개</h6>
    </header>
    <main>
        <ul class="template-list">
            @foreach ( $list as $item)
            <li class="template-item">
                <x:notification.message-form :message="$item" smsRoute="{{ route('notify.template.detail' , ['service' => $service, 'type' => $type, 'id' => $item->id ]) }}" />
            </li>
            @endforeach
        </ul>
    </main>
    <footer>
        <div class="pagination-wrap">
            {{ $list->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>
        function onMoveLink (link) {
            window.open(link, "_blank");
        }

        function onRemoveTemplate(id)  {
            alertify.confirm("알림", "삭제하시겠습니까?", async () => {
                const result = await customFetch("{{ route('api.notify.template.remove', $type) }}", {
                    method: "POST",
                    body : JSON.stringify({"id": id}) ,
                    headers: { "Content-Type" : "application/json"}
                });

                if (result.status) {
                    alertify.alert("완료", "완료되었습니다.", () => {
                        location.reload();
                    });
                } else {
                    alertify.alert("error", result.message);
                }
            }, () => {})
        }
    </script>
@endpush