@extends('common.layout')

@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() }}
                                <div class="input-group">
                                    <input type="hidden" id="scroll_value" value="con_hide">
                                    <input class="form-control mr-sm-2 w-40 mx-2" type="search" name="keyword_values1"
                                        placeholder="이름"
                                        aria-label="Search"
                                        value="@if(!empty(request('keyword_values1'))){{request('keyword_values1')}}@endif">
                                    <input class="form-control mr-sm-2 w-40 mx-2" type="search" name="keyword_values2"
                                        placeholder="아이디"
                                        aria-label="Search"
                                        value="@if(!empty(request('keyword_values2'))){{request('keyword_values2')}}@endif">
                                    <input class="form-control mr-sm-2 w-40 mx-2" type="search" name="keyword_values3"
                                        placeholder="연락처 뒷 4자리"
                                        aria-label="Search"
                                        value="@if(!empty(request('keyword_values3'))){{request('keyword_values3')}}@endif">
                                    <button class="btn btn-primary my-2 my-sm-0" type="submit">검색하기</button>
                                </div>
                                <a href="{{route('manager.index')}}" 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</h4>
                            </div>

                            <div class="col-sm-8">
                                <div class="text-sm-end">
                                    <button type="button" class="btn btn-primary mb-2" data-bs-toggle="modal" data-bs-target="#standard-modal">안내문자 일괄발송</button>
                                    <a href="javascript:resetPasswords();" class="btn btn-warning mb-2">전체 비밀번호 초기화</a>
                                    <a href="{{route('manager.create')}}?page={{request()->input('page')}}" class="btn btn-danger mb-2"><i class="mdi mdi-plus-circle me-2"></i>Add </a>
                                </div>
                            </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:10%">No.</th>
                                            <th style="width:20%">아이디</th>
                                            <th style="width:15%">이름</th>
                                            <th style="width:20%">인트라넷 IDX</th>
                                            <th style="width:15%">연락처</th>
                                            <th style="width:15%">소속그룹</th>
                                            <th style="width:5%"></th>
                                            </thead>
                                            <tbody id="data_tbody">
                                            </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>

    {{-- 문자일괄발송팝업 --}}
    <div id="standard-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="standard-modalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" style="text-align:left" id="standard-modalLabel">안내문자 일괄발송<br/><span class="text-danger fs-6">※발송전 매니저 연락처를 꼭 확인해 주세요.</span></h4>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-hidden="true"></button>
                </div>
                <div class="modal-body position-sticky" style="height:500px;overflow-y:scroll">  
                    <table id="basic-datatable" class="table dt-responsive nowrap w-100">
                        <thead class="sticky-top">
                            <tr>
                                <th colspan="4" class="p-0 pb-1">
                                    <div class="input-group sticky-top">
                                        <select class="form-select" id="location_sel" aria-label="Example select with button addon">
                                            <option value="">발송그룹선택</option>
                                        </select>
                                        <button class="btn btn-primary" type="button" id="addition_receiver_btn">추가</button>
                                    </div>
                                </th>
                            </tr>
                            <tr>
                                <th style="width:10%"><a href="javascript:all_receiver_del();" title="일괄제거" class="action-icon"><i class="mdi mdi-close-box text-danger"></i></a></th>
                                <th style="width:30%" class="text-center align-middle">이름</th>
                                <th style="width:35%" class="text-center align-middle">연락처</th>
                                <th style="width:25%" class="text-center align-middle">발송결과</th>
                            </tr>
                        </thead>
                        <tbody id="receiver-list"></tbody>
                    </table>
                </div>
                <div class="modal-footer">
                    <strong class="me-2">총 <nobr class="text-danger" id="reciever_cnt">0</nobr>명</strong>
                    <button type="button" id="sms-send-btn" class="btn btn-success">문자발송</button>
                    <button type="button" class="btn btn-light" data-bs-dismiss="modal">닫기</button>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('script')
    <script>
        let keyword_values1 = '{{request()->input('keyword_values1')}}';
        let keyword_values2 = '{{request()->input('keyword_values2')}}';
        let keyword_values3 = '{{request()->input('keyword_values3')}}';
        let sch_page = '{{request()->input('page')}}';
    </script>
    <script src="/template/js/jquery.number.min.js"></script>
    <script src="/js/manager/list.js?v={{ config('var.js_version') }}"></script>
@endsection