@extends('common.layout')
@push('head')
    <link href="/template/css/content.css" rel="stylesheet" type="text/css" />
@endpush
@section('content')
    <form name="sch_form" action="{{url()->current()}}" method="post">
        <div class="container-fluid">

            <!-- start page title -->
            <div class="row">
                <div class="col-12">
                    <div class="page-title-box">
                        <div class="page-title-right">
                            <div class="d-flex">
                                {{ csrf_field() }}
                                <div class="input-group">
                                    <select id="id_sch_set" name="sch_set" class="form-select form-control-light me-1" aria-label="Festival Index">
                                        <option value="" selected>필터링 할 개별 박람회를 선택해주세요.</option>
                                        @foreach ($sets as $set)
                                            <option value="{{$set->set_idx}}"
                                                    @if (isset($schSet) && $schSet == $set->set_idx)
                                                    selected="selected"
                                                    @endif
                                            >{{$set->set_title}}</option>
                                        @endforeach
                                    </select>
                                    <input type="text" name="keyword_values1" class="form-control me-1" style="width:80px" placeholder="입장번호" value="{{ $keyword_values1 }}">
                                    <input type="text" name="keyword_values2" class="form-control me-1" style="width:80px" placeholder="이름" value="{{ $keyword_values2 }}">
                                    <input type="text" name="keyword_values3" class="form-control me-1" style="width:80px" placeholder="전화번호" value="{{ $keyword_values3 }}">
                                    <button type="submit" class="btn btn-primary rounded-0 me-1">검색하기</button>
                                </div>
                                <a href="{{route('registration.selfentrance.inquiryBookingList')}}" class="btn btn-primary">
                                    <i class="mdi mdi-autorenew"></i>
                                </a>
                            </div>
                        </div>
                        <h4 class="page-title">신청자</h4>
                    </div>
                </div>
            </div>
            <!-- end page title -->
        </div>
    </form>

    <div class="row justify-content-center">
        <div class="row">
            <div class="col-12">
            <div class="card">
                <div class="card-body">
                    <a href="{{route('participation.excel_searched', ['schSet' => $schSet, 'keyword_values1' => $keyword_values1, 'keyword_values2' => $keyword_values2, 'keyword_values3' => $keyword_values3])}}" target="_blank" class="btn btn-sm btn-link float-end">Export
                        Searched
                        <i class="mdi mdi-download ms-1"></i>
                    </a>
                    {{-- <a href="{{route('participation.excel')}}" target="_blank" class="btn btn-sm btn-link float-end">Export
                        All
                        <i class="mdi mdi-download ms-1"></i>
                    </a> --}}
                    <h4 class="header-title mt-2 mb-3">List (총 {{ $users->total() }}명 상담예약)</h4>

                    <div class="table-responsive">
                        <div class="dataTables_wrapper dt-bootstrap4 no-footer">
                            <!-- S: Table Data -->
                            <div class="row">
                                <div class="col-sm-12">
                                    <table class="table table-centered w-100 dt-responsive nowrap dataTable no-footer dtr-inline collapsed">
                                    <thead>
                                    <th>No.</th>
                                    <th>입장번호</th>
                                    <th>이름</th>
                                    <th>휴대폰</th>
                                    <th>상담예약일</th>
                                    {{-- <th></th> --}}
                                    </thead>
                                    <tbody>
                                    @foreach ($users as $user)
                                        <tr id="user-tr-{{$user->ptc_idx}}">
                                            <td>
                                                <h5 class="font-14 my-1 fw-normal">{{$users->total() - ($loop->index + (($users->currentPage()-1) * $users->perPage()))}}</h5>
                                            </td>
                                            <td>
                                                <h5 class="font-14 my-1 fw-normal">{{$user->ptc_fair_no}}</h5>
                                                <span class="text-muted font-13">{{$user->set_title}}</span>
                                            </td>
                                            <td>
                                                <h5 class="font-14 my-1 fw-normal">{{$user->ptc_name}}</h5>
                                                <span class="text-muted font-13">{{$user->ptc_email}}</span>
                                            </td>
                                            <td>
                                                <h5 class="font-14 my-1 fw-normal">{{$user->ptc_phone}}</h5>
                                            </td>
                                            <td>
                                                <h5 class="font-14 my-1 fw-normal">{{date("Y-m-d H:i:s", $user->reg_date)}}</h5>
                                            </td>
                                            {{-- <td>
                                                <a href="javascript:deleteParticipants({{$user->ptc_idx}}, '{{$user->ptc_name}}');" class="action-icon">
                                                    <i class="mdi mdi-delete"></i>
                                                </a>
                                            </td> --}}
                                        </tr>
                                    @endforeach
                                    </tbody>
                                </table>
                                </div>
                            </div>
                            <!-- E: Table Data -->

                            <!-- S: Pagination -->
                            <div class="row">
                                <div class="col-sm-12 col-md-5">
                                    <div class="dataTables_info">
                                        총 {{ $users->total() }} 건의 신청자 정보 중 {{ $users->total()-$users->lastItem()+1 }} ~ {{ $users->total()-$users->firstItem()+1 }} 까지의 조회 결과 입니다.
                                    </div>
                                </div>
                                <div class="col-sm-12 col-md-7">
                                    {{ $users->appends(request()->except('_token'))->links() }}
                                </div>
                            </div>
                            <!-- E: Pagination -->
                        </div>
                    </div> <!-- end table-responsive-->
                </div> <!-- end card-body-->
            </div> <!-- end card-->
        </div> <!-- end col-->
        </div>
    </div>
    <!-- end row -->

    </div>
@endsection

@section('script')
    <script>
        function deleteParticipants(idx, name) {
            if (confirm(name + '님을 정말 삭제하시겠습니까?\n삭제 후 복구는 불가합니다.')) {
                axios.delete(`/api/v1/participants/${idx}`)
                    .then(function (response) {
                        if (response.data.result === "true") {
                            document.querySelector('#user-tr-' + idx).style.display = 'none';
                        }
                        alert(response.data.message);
                    })
                    .catch(function (error) {
                        console.log(error);
                        alert('처리되지 않았습니다.\n관리자에게 문의해주세요.');
                    });
            }
        }

        $(document).ready(function () {
            $('#id_sch_set').change(function () {
                $(document.sch_form).submit();
            });
        });
    </script>
@endsection