@extends('Layouts_admin.index')
@section('content')
    <!-- widget -->
    <div class="container pt-4 px-2 px-md-7">
        <!-- <div class="title">
            <h4 class="fw-bold">M</h4>
        </div> -->
        @if(session('status'))

        @if(session('status') == 'error')

        <div class="position-relative alert alert-danger alert-icon alert-dismissible  border border-danger fade show" role="alert">
            <i class="uil uil-times-circle"></i>Data telah di upload, namun ada beberapa kesalahan pada data!
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
        </div>

        @elseif(session('status') == 'info')

        <div class="alert alert-warning alert-icon alert-dismissible border border-warning fade show" role="alert">
            <i class="uil uil-clock"></i>Data telah di upload, terdapat beberapa informasi terkait ketidaksesuaian data!
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
        </div>

        @elseif(session('status') == 'success')
        <div class="alert alert-success alert-icon alert-dismissible border border-success fade show" role="alert">
            <i class="uil uil-check-circle"></i>Upload Data Peserta Berhasil Di lakukan!
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
        </div>

        @endif


        @endif
        

        @if(session('alert'))
        <div class="position-relative alert alert-danger alert-icon alert-dismissible  border border-danger fade show fs-15" role="alert">
        
            @foreach(session('alert') as $alert)
            <p> <i class="uil uil-times-circle"></i>{{ $alert['alert'] }}</p>
            @endforeach
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
            </div>
        @endif
        <div class="row">
            <div class="col-lg-12">
                <div class="col-lg-12">
                <ul class="nav nav-tabs nav-pills">
                    <li class="nav-item"> 
                        <a class="nav-link active" data-bs-toggle="tab" href="#tab1-1">
                        <span>List</span>
                        </a>
                    </li>
                    <li class="nav-item"> 
                        <a class="nav-link" data-bs-toggle="tab" href="#tab1-2">
                        <span>Log Upload</span>
                        </a> 
                    </li>
                    <li class="nav-item"> 
                        <a class="nav-link" data-bs-toggle="tab" href="#tab1-3">
                        <span>Log Integrasi</span>
                        </a> 
                    </li>
                </ul>
                <!-- /.nav-tabs -->
                    <div class="tab-content">
                        <div class="tab-pane fade show active" id="tab1-1">
                            <div class="card rounded pt-0 pb-0 px-6">
                                <div class="card-body pb-0 px-0 pt-2">
                                    <h2 class="text-secondary fw-semibold fs-22 mb-0">List Peserta Internal</h2>
                                </div>
                                <div class="card-body px-0 pt-4 pb-0">
                                    <div class="row">
                                        <div class="justify-content-between d-flex mb-4">
                                            <div class="opendown-wrapper">
                                                <button class="btn btn-sm btn-primary fs-14 fw-normal" onclick="openDown(this)"><span class="d-none d-md-block">Filter</span><span><i class="fa-solid fa-filter ms-md-2"></i></span> 
                                                </button>
                                                <div class="opendown-menu">
                                                    <form action="" id="filters-form">
                                                        <div class="opendown-item">
                                                            <div class="form-group mb-0">
                                                                <select  name="client" id="client-filter" class="filters form-select">
                                                                    <option value="" selected>Klien</option>
                                                                        @foreach ($client_filters as $client_filter)
                                                                        <option value="{{ $client_filter->id_client }}"{{ request()->input('client') == $client_filter->id_client ? 'selected' : '' }}>{{ $client_filter->title != 'PERORANGAN' ? $client_filter->title.'. ': '' }} {{ $client_filter->client }}</option>
                                                                        @endforeach
                                                                </select>
                                                            </div> 
                                                        </div>
                                                        <div class="opendown-item">
                                                            <div class="form-group mb-0">
                                                                <select name="status" id="status-filter" class="filters form-select form-select-md fs-13 p-2 text-dark" aria-label="Default select example">
                                                                    <option value="">Status Personil</option>
                                                                    @foreach ($status_filters as $status_filter)
                                                                    <option value="{{ $status_filter->id_status }}" {{ request()->input('status') == $status_filter->id_status ? 'selected' : '' }}>{{ $status_filter->status }}</option>
                                                                    @endforeach
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <div class="opendown-item">
                                                            <div class="form-group mb-0">
                                                                <select name="job" id="job-filter" class="filters form-select form-select-md fs-13 p-2 text-dark" aria-label="Default select example">
                                                                    <option class="mt-1" value="">Job</option>
                                                                    @foreach ($job_filters as $job_filter)
                                                                    <option class="mt-1" value="{{ $job_filter->id_job }}" {{ request()->input('job') == $job_filter->id_job ? 'selected' : '' }}>{{ $job_filter->job }}</option>
                                                                    @endforeach
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <div class="opendown-item">
                                                            <div class="form-group mb-0">
                                                                <select name="reportRange" id="reportrange-new3" class="filters form-select form-select-md fs-13 p-2 text-dark shadow-none" data-toggle="tooltip" title="Saat berwarna abu, maka menampilkan semua tanggal.">
                                                                    <option class="filter-displayed mt-1 d-none shadow-none p-0" value="">Pilih Tanggal</option>
                                                                </select>
                                                                {{-- <input type="text" id="tanggal" class="form-control" disabled style="width: 370px; font-size: 0.65rem; display: inline;"> --}}
                                                                <input type="hidden" class="filter-start-peserta" name="tanggal-start-peserta" id="filter-tanggal-start" value="{{  request()->input('tanggal-start-peserta') != '' ? request()->input('tanggal-start-peserta') : '' }}">
                                                                <input type="hidden" class="filter-end-peserta" name="tanggal-end-peserta" id="filter-tanggal-end" value="{{  request()->input('tanggal-end->peserta') != '' ? request()->input('tanggal-end->peserta') : '' }}">
                                                            </div>
                                                        </div>
                                                        <div class="opendown-item">
                                                            <button type="button" id="btn-filter" onclick="srcBtn(this)" class="search-done btn btn-outline-primary fs-13 w-100" style="height: 48px;">Cari</button>
                                                        </div>
                                                    </form>
                                                </div>
                                                <!-- <div class="nav-item dropdown">
                                                
                                                    <button class="dropdown btn btn-sm btn-primary fs-14 fw-normal" data-bs-toggle="dropdown">
                                                       <span class="d-none d-md-block">Filter biji</span><span><i class="fa-solid fa-filter ms-md-2"></i></span> 
                                                    </button>
                                                    <div class="dropdown-menu">
                                                        <div class="dropdown-item">
                                                           
                                                        </div>
                                                        <div class="dropdown-item">
                                                           
                                                        </div>
                                                        <div class="dropdown-item">
                                                            
                                                        </div>
                                                        <div class="dropdown-item">
                                                            
                                                        </div>
                                                        <div class="dropdown-item">
                                                            <div class="form-group mb-0">
                                                                <button id="btn-filter" class="btn btn-outline-primary fs-13 w-100" style="height: 48px;">Cari</button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div> -->

                                                <!-- <button class="btn btn-sm btn-warning fw-normal d-none d-sm-block" data-bs-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample">
                                                <span class="">Filter <i class="fa-solid fa-filter ms-0 ms-md-2"></i></span>
                                                </button> -->
                                            </div>
                                            <div class="d-flex">
                                                <div>
                                                    <div class="nav-item dropdown p-0">
                                                        <a href="#" class="btn btn-sm btn-primary fw-normal fs-15 dropdown" data-bs-toggle="dropdown">
                                                        <span class="d-none d-md-block">Download </span><span class="ms-0 ms-md-2"><i class="fa-solid fa-download"></i></span> 
                                                        </a>
                                                        <div class="dropdown-menu dropdown-menu-end py-0 border-0">
                                                            <a class="dropdown-item fw-normal" href="#">
                                                                <a href="#" onclick="exportData2('ExcelPesertaInternal', 1, null, dttable)" id="btn-download-pesertaa" class="btn btn-primary border-0 py-2 px-9 fw-normal fs-12">Download Excel<span class="ms-2"><i class="fa-solid fa-up-long"></i></span></a>
                                                            </a>
                                                            <!-- <a class="dropdown-item fw-normal" href="#">
                                                                <a href="#" class="btn btn-primary border-0 py-2 px-10 fw-normal fs-12">Download PDF<span class="ms-2"><i class="fa-solid fa-plus"></i></span></a>
                                                            </a>
                                                            <a class="dropdown-item fw-normal" href="#">
                                                                <a href="#" class="btn btn-primary border-0 py-2 px-9 fw-normal fs-12">Download CSV<span class="ms-2"><i class="fa-solid fa-plus"></i></span></a>
                                                            </a> -->
                                                        </div>
                                                    </div>
                                                </div>             
                                                <div class="ms-2">
                                                    <div class="nav-item dropdown p-0">
                                                        <a href="#" class="btn btn-sm btn-primary fw-normal fs-15 dropdown" data-bs-toggle="dropdown">
                                                            <span class="d-none d-md-block">Tambah </span><span class="fs-16 fw-normal ms-0 ms-md-2"><i class='bx bx-plus'></i></span> 
                                                        </a>
                                                        <div class="dropdown-menu dropdown-menu-end py-0 border-0">
                                                            <a class="dropdown-item fw-normal" href="#">
                                                                <a href="#" class="btn btn-primary border-0 py-2 px-10 fw-normal fs-12" data-bs-toggle="modal" data-bs-target="#uploadPeserta">Upload File<span class="ms-2"><i class="fa-solid fa-up-long"></i></span></a>
                                                            </a>
                                                            <a class="dropdown-item fw-normal" href="#">
                                                                <a href="{{ url('/TambahPeserta') }}" class="btn btn-primary border-0 py-2 px-9 fw-normal fs-12">Tambah Peserta<span class="ms-2"><i class="fa-solid fa-plus"></i></span></a>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>  
                                            </div> 
                                        </div>
                                            <!-- <div class="col-lg-12">
                                            <div class="collapse" id="collapseExample">
                                                <div class="mb-3">
                                                    <div class="col-lg-12">
                                                        <div class="row justify-content-center">
                                                            
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div> -->
                                    </div>
                                </div>
                                <div class="table-responsive">
                                    <div class="text"><small id="datedata"></small></div>
                                    <table class="table table-bordered" id="datatable" cellspacing="0">
                                        <thead>
                                            <tr>
                                                <th>Nama</th>
                                                <th class="text-center">Email</th>
                                                <th class="text-center">NIK</th>
                                                <th class="px-0">SIM ID</th>
                                                <th class="text-center px-0">Status Personil</th>
                                                <th class="text-center">Status Peserta</th>
                                                <th class="text-center">Job</th>
                                                <th class="text-center">Network</th>
                                                <th class="text-center px-17">Klien</th>
                                                <th class="text-center px-10">LOB</th>
                                                <th class="text-center px-10">Tanggal Daftar</th>
                                                <th><span><i class="fa-solid fa-pen-to-square"></i></span></th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="tab1-2">
                            <div class="card">
                                <div class="card-header pb-4 py-5 px-6">
                                    <div class="d-flex align-items-center justify-content-between">
                                        <div class="d-flex">
                                            <div class="float-end d-flex">
                                                <div class="opendown-wrapper">
                                                    <button onclick="openDown(this)" class="btn btn-sm btn-primary fs-14 fw-normal"><span class="d-none d-md-block">Filter</span><span><i class="fa-solid fa-filter ms-md-2"></i></span> 
                                                    </button>
                                                    <div class="opendown-menu">
                                                        <form action="" id="filters-form">
                                                            <div class="opendown-item">
                                                                <div class="form-group mb-0">
                                                                    <select id="status-log" name="status-log" class="form-select form-select-md fs-13 p-2 text-dark" aria-label="Default select example" style="width: 155px; height: 40px;">
                                                                        <option value="">Semua</option>
                                                                        <option value="success">Berhasil</option>
                                                                        <option value="failed">Gagal</option>
                                                                    </select>
                                                                </div> 
                                                            </div>
                                                            <div class="opendown-item">
                                                                <div class="p-1 bg-light rounded d-flex justify-content-between align-items-center" id="reportrange-new" style="cursor: pointer;z-index: 1;" data-toggle="tooltip" title="Saat berwarna abu, maka menampilkan semua tanggal.">
                                                                    {{-- <input type="text" id="tanggal" class="form-control" disabled style="width: 100%; font-size: 0.65rem; display: inline;"> --}}
                                                                    <div class="fs-14">Pilih Tanggal</div>
                                                                    <div class="mx-2"><i class="fa fa-caret-down"></i></div>
                                                                    <input type="hidden" name="tanggal-start" id="filter-tanggal-start" value="{{  request()->input('tanggal-start') != '' ? request()->input('tanggal-start') : '' }}">
                                                                    <input type="hidden" name="tanggal-end" id="filter-tanggal-end" value="{{  request()->input('tanggal-end') != '' ? request()->input('tanggal-end') : '' }}">
                                                                </div>
                                                            </div>
                                                            <div class="opendown-item">
                                                                <button type="button" id="btn-filter-log" onclick="srcBtn(this)" class="search-done btn btn-outline-primary fs-13" style="height: 38px; width: 100%;">Cari</button>
                                                            </div>
                                                        </form>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="d-flex">
                                            <div class="float-end d-flex">
                                                <div class="nav-item dropdown">
                                                    <button class="dropdown btn btn-sm btn-primary fs-14 fw-normal" data-bs-toggle="dropdown">
                                                        <span>Download <i class="fa-solid fa-download ms-2"></i></span> 
                                                    </button>
                                                    <div class="dropdown-menu">
                                                        <a class="dropdown-item fw-normal" href="#">
                                                            <button onclick="exportData2('ExcelPesertaInternalLog', 0, null, dttablelog)" id="btn-download-logg" class="btn btn-primary border-0 fw-normal fs-12">Download Excel<span class="ms-2"><i class="fa-solid fa-up-long"></i></span></button>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="card-body py-0">
                                    <div class="table-responsive">
                                        <table class="table table-hover" id="table-data" width="100%" cellspacing="0">
                                            <thead>
                                                <tr>
                                                    <th>Tanggal/Waktu Upload</th>
                                                    <th>Nama File</th>
                                                    <th>Judul</th>
                                                    <th>Status</th>
                                                    <th>Aksi</th>
                                                    <th>Baris</th>
                                                    <th>Deskripsi</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                            </tbody>
                                        </table>
                                    </div>  
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="tab1-3">
                            <div class="card">
                                <div class="card-header pb-4 py-5 px-6">
                                    <div class="d-flex align-items-center justify-content-between">
                                        <div class="d-flex">
                                            <div class="float-end d-flex">
                                                <div class="opendown-wrapper">
                                                    <button onclick="openDown(this)" class="btn btn-sm btn-primary fs-14 fw-normal"><span class="d-none d-md-block">Filter</span><span><i class="fa-solid fa-filter ms-md-2"></i></span> 
                                                    </button>
                                                    <div class="opendown-menu">
                                                        <form action="" id="filters-form">
                                                            <!-- <div class="opendown-item">
                                                                <div class="form-group mb-0">
                                                                    <select id="status-log" name="status-log" class="form-select form-select-md fs-13 p-2 text-dark" aria-label="Default select example" style="width: 155px; height: 40px;">
                                                                        <option value="">Semua</option>
                                                                        <option value="success">Berhasil</option>
                                                                        <option value="failed">Informasi</option>
                                                                    </select>
                                                                </div> 
                                                            </div> -->
                                                            <div class="opendown-item">
                                                                <div class="p-1 bg-light rounded d-flex justify-content-between align-items-center" id="reportrange-new" style="cursor: pointer;z-index: 1;" data-toggle="tooltip" title="Saat berwarna abu, maka menampilkan semua tanggal.">
                                                                    {{-- <input type="text" id="tanggal" class="form-control" disabled style="width: 100%; font-size: 0.65rem; display: inline;"> --}}
                                                                    <div class="fs-14">Pilih Tanggal</div>
                                                                    <div class="mx-2"><i class="fa fa-caret-down"></i></div>
                                                                    <input type="hidden" name="tanggal-start-integrasi" id="filter-tanggal-start" value="{{  request()->input('tanggal-start-integrasi') != '' ? request()->input('tanggal-start-integrasi') : '' }}">
                                                                    <input type="hidden" name="tanggal-end-integrasi" id="filter-tanggal-end" value="{{  request()->input('tanggal-end-integrasi') != '' ? request()->input('tanggal-end-integrasi') : '' }}">
                                                                </div>
                                                            </div>
                                                            <div class="opendown-item">
                                                                <button type="button" id="btn-filter-integrasi" onclick="srcBtn(this)" class="search-done btn btn-outline-primary fs-13" style="height: 38px; width: 100%;">Cari</button>
                                                            </div>
                                                        </form>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <a href="{{url('IntegrasiPeserta/postDataManual')}}" class="btn btn-sm btn-primary fs-14 fw-normal"><i class="fa-solid fa-refresh"></i></span> 
                                        </a>
                                        <!-- <div class="d-flex">
                                            <div class="float-end d-flex">
                                                <div class="nav-item dropdown">
                                                    <button class="dropdown btn btn-sm btn-primary fs-14 fw-normal" data-bs-toggle="dropdown">
                                                        <span>Download <i class="fa-solid fa-download ms-2"></i></span> 
                                                    </button>
                                                    <div class="dropdown-menu">
                                                        <a class="dropdown-item fw-normal" href="#">
                                                            <button onclick="exportData2('ExcelPesertaInternalLog', 0, null, dttablelog)" id="btn-download-logg" class="btn btn-primary border-0 fw-normal fs-12">Download Excel<span class="ms-2"><i class="fa-solid fa-up-long"></i></span></button>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div> -->
                                    </div>
                                </div>
                                <div class="card-body py-0">
                                    <div class="table-responsive">
                                        <table class="table table-hover" id="table-data-integrasi" width="100%" cellspacing="0">
                                            <thead>
                                                <tr>
                                                    <th>Tanggal/Waktu Upload</th>
                                                    <!-- <th>Nama File</th> -->
                                                    <th>Judul</th>
                                                    <th>Status</th>
                                                    <th>Aksi</th>
                                                    <th>Baris</th>
                                                    <th>Deskripsi</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                            </tbody>
                                        </table>
                                    </div>  
                                </div>
                            </div>
                        </div>
                        <!--/.tab-pane -->
                    </div>
                    <!--/.tab-content -->
                    <div class="tab-pane fade" id="tab2-2">
                        <div class="card">
                            <div class="card-header py-1 px-1">
                                <h4 class="d-inline float-start text-secondary fs-18 mb-0 mt-1 fw-semibold ms-5"><span class="text-red"><i class="fa-solid fa-xmark"></i></span> Gagal</h4>
                                <ul class="list-unstyled float-end p-0 d-flex">
                                    <li class="nav-item dropdown p-0">
                                        <a href="#" class="dropdown nav-link py-2 px-2 rounded bg-primary" data-bs-toggle="dropdown">
                                            <span class="text-light fs-16 fw-normal"><i class="fa-solid fa-download"></i></span> 
                                        </a>
                                        <div class="dropdown-menu dropdown-menu-end py-0 border-0">
                                            <a class="dropdown-item fw-normal" href="#">
                                                <a href="{{ url('/ExcelPesertaInternal') }}" class="btn btn-primary border-0 py-2 px-9 fw-normal fs-12">Download Excel<span class="ms-2"><i class="fa-solid fa-up-long"></i></span></a>
                                            </a>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <div class="card-body py-0">
                                <div class="table-responsive">
                                    <table class="table table-hover" id="table-data" width="100%" cellspacing="0">
                                        <thead>
                                            <tr>
                                                <th>Tanggal/Waktu Upload</th>
                                                <th >Nama File</th>
                                                <th>List Data</th>
                                                <th>Nama</th>
                                                <th>NIK</th>
                                                <th class="px-0">SIM ID</th>
                                                <th class="mw-210">Status Personil</th>
                                                <th>Status Peserta</th>
                                                <th>Job</th>
                                                <th>Network</th>
                                                <th>Klien</th>
                                                <th><span><i class="fa-solid fa-pen-to-square"></i></span></th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                        </tbody>
                                    </table>
                                </div>  
                            </div>
                        </div>
                    </div>
                </div>
                <!-- /.tab-content -->
            </div>
        </div>
       
    <!-- widgetend -->
    <script type="text/javascript">
            function openDown(button) {
                let parent = button.closest('.opendown-wrapper');
                let choseChild = parent.children;
                let dMenu = choseChild[1];
                dMenu.classList.toggle('opened');
            };

            function srcBtn(button) {
                let parent = button.closest('.opendown-wrapper');
                let choseChild = parent.children;
                let dMenu = choseChild[1];
                dMenu.classList.toggle('opened');
            };

    </script>
@endsection
      

<style>
.daterangepicker .drp-calendar{
  display: block !important;
  max-width: 270px;
}
.daterangepicker.show-calendar .drp-buttons{
  display: block !important;
}
</style>
<script src="{{ asset('assets/js/jquery-3.6.0.min.js')}}"></script>
<script src="https://cdn.datatables.net/1.13.4/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.13.4/js/dataTables.bootstrap5.min.js"></script>

<script type="text/javascript">
    var dttable;
    var dttablelog;
    var dttableintegrasi;
   $(document).ready(function(){
    cekPushNotif();
    $('#btn-filter').on('click', function(){
        // e.preventDefault();
        dttable.ajax.reload()
      })

    dttable = $('#datatable').DataTable({
        "language": {
                "paginate": {
                    "first": "Awal",
                    "previous": "Sebelumnya",
                    "next": "Selanjutnya",
                    "last": "Akhir"
                },
                "search": "Pencarian",
                "info": "Tampilan data _START_ sampai _END_ dari _TOTAL_ data",
                "lengthMenu": "Tampil <select>" +
                "<option value='10'>10</option>" +
                "<option value='25'>25</option>" +
                "<option value='50'>50</option>" +
                "<option value='-1'>All</option>" +
                "</select> Data"
            },
        serverSide: true,
        processing: true,
        ajax : {
            url: '{{ url("getPesertaInternal") }}',
            type: 'POST',
            data: function(d){
                d.status = $('#status-filter').val();
                d.client = $('#client-filter').val();
                d.job = $('#job-filter').val();
                d.tanggalStart = $('.filter-start-peserta').val();
                d.tanggalEnd = $('.filter-end-peserta').val();
            },dataSrc: function (json) {
                $('#datedata').text('Pencarian data rating dari tanggal: ' + json.date.startdate + ' s/d ' + json.date.enddate);
                return json.data;
            },
            beforeSend: function () {
                $('#datedata').text('Loading...');
            },
            // processData: false,
        },
        columns: [
        
            { data: 'nama',
            render: function(data,type,row,meta){
                    var html = '<h2 class="table-avatar "><a href="{{ url('/ViewProfile') }}/' + row.id_lms + '">' + row.fullname + '</a></h2>';
                    return html;
                }
             },
            { data: 'email' },
            { data: 'nik' },
            { data: 'sim_id' },
            { data: 'status' },
            { data: 'aktif',
            render: function(data,type,row,meta){
                if(data == 1){
                    var html = '<a href="#" onclick="changeStatus('+ row.id +',0)" class="aktif btn-aktif"><span class="">Aktif</span></a>';

                }else{
                    var html = '<a href="#" onclick="changeStatus('+ row.id +',1)" class="nonaktif btn-aktif"><span class="">Nonaktif</span></a>';
                }
                return html;
            }
        },
            { data: 'job' },
            { data: 'network' },
            { data: 'client' },
            { data: 'lob' },
            { data: 'tanggal_daftar' },
            { 
                data: 'id',
                render: function(data,type,row,meta){
                    var html = 
                            '<ul class="list-unstyled float-end p-0">' +
                                    '<li class="nav-item dropdown rounded-circle p-0 pe-2 bg-light px-3">' +
                                        '<a href="#" class="dropdown link-dark px-0" data-bs-toggle="dropdown">' +
                                            '<i class="fa-solid fa-ellipsis-vertical"></i>' +
                                        '</a>' +
                                        '<div class="dropdown-menu dropdown-menu-end p-0">' +
                                            '<div class="user-header">' +
                                                '<h5 class="fs-15 fw-bold">Edit List</h5>' +
                                            '</div>' +
                                            '<a class="dropdown-item fw-normal" href="{{ url('/ViewProfile') }}/' + row.id_lms + '">Lihat Profil</a>' +
                                             
                                            '<a class="dropdown-item fw-normal" href="{{ url('/ManageCourseOffline') }}/' + row.id_lms + '">Pelatihan Tatap Muka</a>' +
                                            '<a class="dropdown-item fw-normal" href="{{ url('/EditPeserta') }}/' + row.id_lms + '">Ubah</a>' +
                                            '<a class="dropdown-item fw-normal" onclick="return confirm(\'Apakah kamu yakin untuk menghapus data user ini?\');" href="{{ url('/DeletePeserta') }}/' + row.id_lms + '">Hapus</a>' +
                                        '</div>' +
                                    '</li>' +
                                '</ul>';
                    return html;
                }
            }
        ]
    });

      dttablelog = $('#table-data').DataTable({
        "language": {
                "paginate": {
                    "first": "Awal",
                    "previous": "Sebelumnya",
                    "next": "Selanjutnya",
                    "last": "Akhir"
                },
                "search": "Pencarian",
                "info": "Tampilan data _START_ sampai _END_ dari _TOTAL_ data",
                "lengthMenu": "Tampil <select>" +
                "<option value='10'>10</option>" +
                "<option value='25'>25</option>" +
                "<option value='50'>50</option>" +
                "<option value='-1'>All</option>" +
                "</select> Data"
            },
        serverSide: false,
        processing: true,
        ordering: false,
        ajax : {
            url: '{{ url("Log/DataUpload") }}',
            type: 'POST',
            data: function(d){
                d.status = $('[name="status-log"]').val();
                d.tanggalStart = $('[name="tanggal-start"]').val();
                d.tanggalEnd = $('[name="tanggal-end"]').val();
                d.menu = 'Peserta';
                // d.client = $('[name="client"]').val();
                // d.status = $('[name="status"]').val();
                // d.job = $('[name="job"]').val();
                // d.tanggalStart = $('[name="tanggal-start"]').val();
                // d.tanggalEnd = $('[name="tanggal-end"]').val();
            },
                // processData: false,
            },
            columns: [
            { 
                data: 'created_at',
                
            },
            {
                data: 'filename',
            },
            {
                data: 'title',
            },
            {
                data: 'code',
            },
            {
                data: 'event',
            },
            {
                data: 'row',
            },
            {
                data: 'deskripsi',
            },

                ]
            });

      $('#btn-filter-log').on('click', function(){
        dttablelog.ajax.reload()
      })

      $('#btn-download-log').on('click', function(){
        location.href = "{{ url('ExcelLogUpload') }}?status=" + $('#status-log').val() + '&startDate=' + $('[name="tanggal-start"]').val() + '&endDate=' + $('[name="tanggal-end"]').val() + '&menu=Peserta';
    })

      $('#btn-download-peserta').on('click', function(){
        location.href = "{{ url('ExcelPesertaInternal') }}?status=" + $('#status-filter').val() + "&client=" + $('#client-filter').val() + "&job=" + $('#job-filter').val() + '&startDate=' + $('.filter-start-peserta').val() + '&endDate=' + $('.filter-end-peserta').val();
    })

    dttableintegrasi = $('#table-data-integrasi').DataTable({
        "language": {
                "paginate": {
                    "first": "Awal",
                    "previous": "Sebelumnya",
                    "next": "Selanjutnya",
                    "last": "Akhir"
                },
                "search": "Pencarian",
                "info": "Tampilan data _START_ sampai _END_ dari _TOTAL_ data",
                "lengthMenu": "Tampil <select>" +
                "<option value='10'>10</option>" +
                "<option value='25'>25</option>" +
                "<option value='50'>50</option>" +
                "<option value='-1'>All</option>" +
                "</select> Data"
            },
        serverSide: false,
        processing: true,
        ordering: false,
        ajax : {
            url: '{{ url("Log/DataIntegrasi") }}',
            type: 'POST',
            data: function(d){
                // d.status = $('[name="status-log"]').val();
                d.tanggalStart = $('[name="tanggal-start-integrasi"]').val();
                d.tanggalEnd = $('[name="tanggal-end-integrasi"]').val();
                d.menu = 'Integrasi';
                // d.client = $('[name="client"]').val();
                // d.status = $('[name="status"]').val();
                // d.job = $('[name="job"]').val();
                // d.tanggalStart = $('[name="tanggal-start"]').val();
                // d.tanggalEnd = $('[name="tanggal-end"]').val();
            },
                // processData: false,
            },
            columns: [
            { 
                data: 'created_at',
                
            },
            // {
            //     data: 'filename',
            // },
            {
                data: 'title',
            },
            {
                data: 'code',
            },
            {
                data: 'event',
            },
            {
                data: 'row',
            },
            {
                data: 'deskripsi',
            },

                ]
            });

      $('#btn-filter-integrasi').on('click', function(){
        dttableintegrasi.ajax.reload()
      })

     });

   
    function gtmAddPeserta(){
        $('#gtm-form').submit();
    }

    function uploadFile(){
        if($('#formFile').val().trim() == ''){
            $('#alert-error').html('Pilih file terlebih dahulu!')
            $('#alert-error').show();
            return false;
        }
        $('#preloader').show();
        $('#form-upload-peserta').submit();

    }

    $('.btn-aktif').on('click', function(){
        alert(0);
    })

    function changeStatus(id,param){

        var result = confirm("Apakah anda yakin untuk mengubah status akun?");

        if (result) {
            
        } else {
            return false;
        }

        $.ajax({
        url: "{{ url('/changeStatus') }}",
        type: 'post',
        data: {id:id,param: param,_token:"{{ csrf_token() }}"},
        dataType: 'json',
        beforeSend: function() {
          $('#preloader').show()
            // $('#spinner-btn-submit').show();
          
        },
        success: function(res){
          
          // $('#spinner-btn-submit').hide();
          if(res.return){
            // $('#alert-error').hide();

            
            location.href = "{{ url('/PesertaInternal') }}";


          }else{
            $('#preloader').hide()
            // $('#alert-error').html(res.msg);
            // $('#alert-error').show();
          }
        },
        error: function(xhr, status, error) {
          $('#preloader').hide()
        }
      });
    }

    function cekPushNotif(){