@extends('common.layout')

@section("header")
    <link 
        href="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.15.2/css/selectize.default.min.css" 
        rel="stylesheet" 
        integrity="sha512-pTaEn+6gF1IeWv3W1+7X7eM60TFu/agjgoHmYhAfLEU8Phuf6JKiiE8YmsNC0aCgQv4192s4Vai8YZ6VNM6vyQ==" 
        crossorigin="anonymous" 
        referrerpolicy="no-referrer"
    />

    <style type="text/css">
        .selected {
            background-color: #80aaff !important;
        }
        div .selectize-input {
            background-color: white !important;
            background-image: none !important;
            border-color: #dee2e6 !important;
        }
    </style>

    <script src="/template/js/jquery.blockUI.js"></script>
    <script type="text/javascript" src="/js/set/common.js"></script>
    <script
        src="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.15.2/js/selectize.min.js"
        integrity="sha512-IOebNkvA/HZjMM7MxL0NYeLYEalloZ8ckak+NDtOViP7oiYzG5vn6WVXyrJDiJPhl4yRdmNAG49iuLmhkUdVsQ=="
        crossorigin="anonymous"
        referrerpolicy="no-referrer"
        >
    </script>
@endsection

@section('content')
    <form name="sch_form" action="{{url()->current()}}">
        <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() }}
                                <a href="{{route('prize.draw-candidate-list')}}" class="btn btn-primary ms-2">
                                    <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">
                        <div class="row mb-2">
                            <div class="col-sm-4">
                                <h4 class="header-title mt-2 mb-3">List (총 {{ count($drawCandidateList) }}명 / 가나다 순 정렬 / 명단 인원수가 최소 20인을 초과해야 룰렛 테스트가 가능합니다!)</h4>
                            </div>
                        </div>

                        <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 style="width:20%">No.</th>
                                            <th style="width:20%">입장번호</th>
                                            <th style="width:30%">이름</th>
                                            <th style="width:30%">연락처</th>
                                            </thead>
                                            <tbody id="data_tbody">
                                            @if(!empty($drawCandidateList) && count($drawCandidateList) > 0)
                                                @php
                                                    $index = 1; // 번호를 1부터 시작
                                                @endphp
                                                @foreach($drawCandidateList as $list)
                                                <tr>
                                                    <td>{{ $index++ }}</td>
                                                    <td>{{ $list->ptc_fair_no }}</td>
                                                    <td>
                                                        {{ $list->ptc_name }}
                                                    </td>
                                                    <td>
                                                        {{ preg_replace("/(\d{3})(\d{4})(\d{4})/", "$1-$2-$3", $list->ptc_phone) }}
                                                    </td>
                                                </tr>
                                                @endforeach
                                            @else
                                                <tr>
                                                    <td colspan="99" class="text-center" style="height:100px">데이터가 존재하지 않습니다.</td>
                                                </tr>
                                            @endif
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                                <!-- E: Table Data -->

                                <!-- S: Pagination -->
                                <div class="row">
                                    <div class="col-sm-12 col-md-5">
                                        <div class="dataTables_info"></div>
                                    </div>
                                    <div class="col-sm-12 col-md-7">
                                        <div class="dataTables_paginate paging_simple_numbers">
                                            <ul class="pagination pagination-rounded" id="pagination-area"></ul>
                                        </div>
                                    </div>
                                </div>
                                <!-- E: Pagination -->
                            </div>
                        </div> <!-- end table-responsive-->
                    </div> <!-- end card-body-->
                </div> <!-- end card-->
            </div> <!-- end col-->
        </div>
    </div>
@endsection

@section('script')
    <script>
        let sch_page = '{{request()->input('page')}}';
    </script>
@endsection