@extends("common.layout")

@section("header")
{!! resource('js/components/tab.js') !!}

@endsection

@section("content")
<div class="split">
    <h1><a href="{{ route('term.list') }}">약관목록</a></h1>
</div>

<section>
    <main>
        <form action="" id="term-form" method="GET">

            @include("operation.layout.term-tab", ['categories' => $categories, "tabCategory" => $category, "type" => "list"])

            <div class="d-block align-right">
                <button type="button" class="btn btn-primary" onclick="onCreate()">약관 등록</button>
            </div>
        <section>
            <header>
                <h6>조회 결과 <strong>{{ $data->count() }}</strong>건</h6>
            </header>
            <main>
                <table class="table table-striped table-hover">
                    <colgroup>
                        <col width="5%" />
                        <col width="5%" />
                        <col width="10%" />
                        <col width="10%" />
                        <col width="10%" />
                        <col width="10%" />
                        <col width="5%" />
                        <col width="5%" />
                    </colgroup>
                    <thead>
                        <tr>
                            <th>No</th>
                            <th>버전관리</th>
                            <th>등록관리자</th>
                            <th>등록일</th>
                            <th>약관실행일자</th>
                            <th>수정관리자</th>
                            <th>사용여부</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($data as $index => $item)
                        <tr>
                            <td>{{ $index + 1 }}</td>
                            <td>Ver {{ $item->version }}</td>
                            <td>{{ $item->createdBy ? $item->createdBy->name : '' }}</td>
                            <td>{{ $item->created_at }}</td>
                            <td>{{ $item->execute_date }}</td>
                            <td>{{ $item->updatedBy ? $item->updatedBy->name  : '' }}</td>
                            <td>{{ $status[$item->status] }}</td>
                            <td>
                                <a href="{{ route('term.detail', $item->id) }}"><i class="bi bi-pencil-square"></i></a>
                            </td>
                        </tr>
                        @endforeach

                    </tbody>
                </table>
            </main>

        </section>

    </main>

</section>

@endsection

@push("script")
<script>
    window.getSearch = () => {
        document.getElementById('term-form').submit();
    }

    const onCreate = () => {
        const route = "{{ route('term.add', ['category' => ':category']) }}";
        location.href= route.replace(":category", document.getElementById("category").value.toLowerCase());
    }

</script>
@endpush