@extends('common.layout')

@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>{{ trans('participation_list.개별 박람회') }}</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>
                                    <select id="id_sch_reservation" name="sch_reservation" class="form-select form-control-light me-1" aria-label="Festival Index">
                                        <option value="" selected>{{ trans('participation_list.입장유형') }}</option>
                                        <option value="reservation" @if (isset($schReservation) && $schReservation == "reservation")
                                            selected="selected"
                                            @endif>{{ trans('participation_list.사전예약') }}</option>
                                        <option value="field" @if (isset($schReservation) && $schReservation == "field")
                                        selected="selected"
                                        @endif>{{ trans('participation_list.현장등록') }}</option>
                                    </select>
                                    <input type="text" name="keyword_values1" class="form-control me-1" style="width:80px" placeholder="{{ trans('participation_list.입장번호') }}" value="{{ $keyword_values1 }}">
                                    <input type="text" name="keyword_values2" class="form-control me-1" style="width:80px" placeholder="{{ trans('participation_list.이름') }}" value="{{ $keyword_values2 }}">
                                    <input type="text" name="keyword_values3" class="form-control me-1" style="width:80px" placeholder="{{ trans('participation_list.휴대폰번호') }}" value="{{ $keyword_values3 }}">
                                    <button type="submit" class="btn btn-primary rounded-0 me-1">{{ trans('participation_list.검색하기') }}</button>
                                </div>
                                <a href="{{route('participation.index')}}" 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, 'schReservation' => $schReservation, '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 ( {{ trans('participation_list.총') }} {{ $users->total() }}{{ trans('participation_list.명') }} {{ trans('participation_list.신청') }})</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>{{ trans('participation_list.입장번호') }}</th>
                                    <th>{{ trans('participation_list.이름') }}</th>
                                    <th>{{ trans('participation_list.휴대폰번호') }}</th>
                                    <th>{{ trans('participation_list.관심국가') }}</th>
                                    <th>{{ trans('participation_list.관심분야') }}</th>
                                    <th>{{ trans('participation_list.박람회지역') }}</th>
                                    {{-- <th>{{ trans('participation_list.지역') }}</th> --}}
                                    <th>{{ trans('participation_list.기간') }}</th>
                                    <th>{{ trans('participation_list.신청일') }}</th>
                                    <th>{{ trans('participation_list.입장유형') }}</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 style="white-space: pre-line;">
                                                <h5 class="font-14 my-1 fw-normal">{!! countryConvert($user->ptc_country) !!}</h5>
                                            </td>
                                            <td style="white-space: pre-line;">
                                                <h5 class="font-14 my-1 fw-normal">{!! countryStudytype($user->ptc_studytype) !!}</h5>
                                            </td>
                                            <td>
                                                <h5 class="font-14 my-1 fw-normal">
                                                    @php
                                                        $tmparr = explode('|', $user->ptc_location);
                                                        foreach($tmparr as $idx => $location_idx){
                                                            $location = \App\Models\FairLocation::find($location_idx);
                                                            if ($location) {
                                                                if($idx > 0) echo '<br/>';
                                                                echo $location->location_title;
                                                            }
                                                        }
                                                    @endphp
                                                </h5>
                                            </td>
                                            {{-- <td>
                                                <h5 class="font-14 my-1 fw-normal">{{areaConvert($user->ptc_area)}}</h5>
                                            </td> --}}
                                            <td>
                                                <h5 class="font-14 my-1 fw-normal">{{$user->ptc_leave}}</h5>
                                            </td>
                                            <td>
                                                <h5 class="font-14 my-1 fw-normal">{{$user->ptc_date}}</h5>
                                            </td>
                                            <td>
                                                <h5 class="font-14 my-1 fw-normal">{{reservationConvert($user->ptc_reservation)}}</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">
                                        {{ trans('participation_list.총') }} {{ $users->total() }} {{ trans('participation_list.건의 신청자 정보 중') }} {{ $users->total()-$users->lastItem()+1 }} ~ {{ $users->total()-$users->firstItem()+1 }} {{ trans('participation_list.까지의 조회 결과 입니다.') }}
                                    </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>
        let fm_team = '{{Auth::user()->fm_team}}';
    </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();
            });

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