@extends("common.layout")


@section('content')
<div class="split">
    <h1><a href="{{ route('board.exam.list') }}">시험장 관리</a></h1>
</div>
<section>
    <main>
        <form action="{{ route('board.exam.list') }}" class="search-form" id="exam-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>
                    <select class="form-select form-select-sm" name="location">
                        <option value="" @selected(empty(Request::get("location")))>전체</option>
                        @foreach ($locations as $loc)
                            <option value="{{ $loc }}" @selected(Request::get("location") == $loc)>{{ $loc }}</option>
                        @endforeach
                    </select>
                </div>

                <button type="submit" class="btn btn-sm btn-outline-dark search-button"><i class="bi bi-search"></i> 조회</button>
            </div>
        </form>
    </main>
</section>
<section class="mt-3">
    <header>
        <h6>총 <strong>{{ $data->count() }}</strong>건</h6>

    </header>
    <main>
        <table class="table table-hover table-management">
            <colgroup>
                <col width="5%">
                <col width="20%">
                <col width="/%">
                <col width="10%">
            </colgroup>
            <thead>
                <tr>
                    <th>번호</th>
                    <th>지역명</th>
                    <th>시험장 명</th>
                    <th>관리</th>
                </tr>

                <tr>
                    <form id="examForm" action="{{ route("board.exam.modify") }}" method="POST">
                        @csrf
                        <td class="font-sm">등록</td>
                        <td>
                            <select class="form-select form-select-sm" name="location">
                                @foreach ($locations as $loc)
                                    <option value="{{ $loc }}">{{ $loc }}</option>
                                @endforeach
                            </select>
                        </td>
                        <td>
                            <input type="text" name="name" value="" class="form-control form-control-sm name" />
                        </td>
                        <td>
                            <button class="btn btn-primary btn-sm onSubmit" type="button">등록</button>
                        </td>
                    </form>
                </tr>
            </thead>
            <tbody>
                @foreach ($data as $item)
                <tr>
                    <form id="examForm" action="{{ route("board.exam.modify") }}" method="POST">
                        @csrf
                        <input type="hidden" name="id" value="{{ $item->id }}" class="id" />
                        <td class="font-sm">{{ $item->id }}</td>
                        <td>
                            <select class="form-select form-select-sm" name="location">
                                @foreach ($locations as $loc)
                                    <option value="{{ $loc }}" @selected($loc == $item->location )>{{ $loc }}</option>
                                @endforeach
                            </select>
                        </td>
                        <td>
                            <input type="text" name="name" value="{{ $item->name }}" class="form-control form-control-sm" />
                        </td>
                        <td>
                            <button class="btn btn-primary btn-sm onSubmit" type="button">수정</button>
                            <button class="btn btn-danger btn-sm onRemove" type="button">삭제</button>
                        </td>
                    </form>
                </tr>
                @endforeach
            </tbody>
        </table>
    </main>
</section>
@endsection

@push("script")
    <script>

        $(function() {
            $(".onSubmit").on("click", function() {
                const target = $(this).closest("tr");
                const form = target.find("form");

                if ( $.isEmptyObject(target.find("input[name=name]").val()) ) {
                    alertify.alert("Error", "시험장 명을 입력하세요");
                    return false;
                }

                alertify.confirm("확인", "저장하시겠습니까?", () => {
                    form.submit();
                } , () => { })

            })

            $('.onRemove').on("click", function() {
                const id = $(this).closest("tr").find(".id").val();
                alertify.confirm("확인", "삭제하시겠습니까?" , () => {
                    $.ajax({
                        url: "{{ route('board.exam.remove') }}?id=" + id,
                        method: "DELETE",
                        dataType: "json",
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') // CSRF 토큰 추가
                        },
                        success: function(result) {
                            if (result.status ) {
                                alertify.alert("성공", "삭제되었습니다.", () => { location.reload() })
                            } else {
                                alertify.alert("Error", "문의해주세요", () => { })
                            }
                        }
                    })
                }, () => {})
            })
        })

    </script>
@endpush