@extends("common.layout")


@section("header")
{!! resource('js/common/banners.js') !!}
@endsection

@section("content")

<h1>
    <a href="{{ route('banner.list') }}">배너목록</a>
    <button type="button" class="btn btn-primary" onclick="location.href='{{ route('banner.add') }}'">배너등록</button>
</h1>

<section class="mb-3">
    <main>
        <form action="{{ route('banner.list') }}" class="search-form" id="banner-form" method="GET">
            <input type="hidden" name="pagination" value="{{ Request::get('pagination') }}" />
            @csrf

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

                <div class="input-group input-group-sm">
                    <label class="input-group-text" for='is_display'>전시상태</label>
                    <select class="form-select" name="is_display" id="is_display">
                        <option value="all" @selected(!Request::has("is_display") or Request::get("is_display") === null)>전체</option>
                        <option value="0" @selected(Request::get("is_display") === "0")>비전시</option>
                        <option value="1" @selected(Request::get("is_display") == "1")>전시</option>
                    </select>
                </div>

                <div class="input-group input-group-sm">
                    <label class="input-group-text" for='service'>서비스 구분</label>
                    <select class="form-select" name="service" id="service">
                        <option value="all" @selected(!Request::has("service") or Request::get("service") === null)>전체</option>
                        @foreach ($services as $service => $name)
                            <option value="{{ $service }}" @selected( Request::get("service") == $service )>{{ $name }}</option>
                        @endforeach
                    </select>
                </div>

                <div class="input-group input-group-sm">
                    <label class="input-group-text" for='group_id'>배너그룹</label>
                    <input type="hidden" name="old_group_id" id="old_group_id" value="{{ Request::get('group_id') }}" />
                    <select class="form-select" name='group_id' id='group_id'>
                        <option value="all">전체</option>
                    </select>
                </div>

                <div class="input-group input-group-sm">
                    <label class="input-group-text" for='banner_name'>배너명</label>
                    <input class="form-control" type='text' name="banner_name" id="banner_name" value="{{ Request::get("banner_name") ?: '' }}" />
                </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>
    <header>
        <h6>조회결과 <strong>{{ $list->total() }}</strong>건</h6>
    </header>
    <main>
        <table class="table table-striped table-hover">
            <colgroup>
                <col width="3%">
                <col width="5%">
                <col width="10%">
                <col width="5%">
                <col width="5%">
                <col width="15%">
                <col width="5%">
                <col width="10%">
                <col width="5%">
            </colgroup>
            <thead>
                <tr>
                    <th>번호</th>
                    <th>전시상태</th>
                    <th>전시시간</th>
                    <th>서비스 구분</th>
                    <th>배너그룹</th>
                    <th>배너명</th>
                    <th>전시순서</th>
                    <th>타겟 url</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                @foreach ( $list as $item )
                    <tr>
                        <td>{{ $item->id }}</td>
                        <td>{{ $displaies[$item->is_display] }}</td>
                        <td>
                            @if ($item->is_display == 1)
                                {{ $item->start_at }}  ~  {{  $item->is_infinite == 1 ? "" : $item->end_at }}
                            @endif
                        </td>
                        <td>{{ $services[$item['service']] }}</td>
                        <td>{{ $item->bannerGroup?->group_name }}</td>
                        <td>{{ $item->banner_name }}</td>
                        <td>{{ $item->sort }}</td>
                        <td>{{ $item->link_url }}</td>
                        <td class="align-center">
                            <button class="btn btn-sm btn-primary" type="button" onclick="location.href='{{ route('banner.detail', $item->id) }}'"><i class="bi bi-pencil-square"></i></button>
                            <button class="btn btn-sm btn-danger" type="button" onclick="onRemove('{{ $item->id }}', '{{ $item->is_display }}')"><i class="bi bi-trash"></i></button>
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </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() {
            changeGroup($('#service').val());
            $('#service').on('change', function() {
                changeGroup($(this).val())
            })
        })
    </script>
@endpush