@extends('layouts.admin')
@section('pageTitle')
@section('innerTitle')
@section('breadcrumb')
    @include('admin.partials.crumb', [
        'crumbs' => [
            route('admin.dashboard') => __('default.dashboard'),
            route('admin.student.sessions') => 'Acara',
            '#' => isset($pageTitle) ? $pageTitle : '',
        ],
    ])
@endsection
@section('content')
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12">
                <div>
                    <div class="card table-responsive">
                        <table id="students-table" class="table">
                            <thead>
                                <tr>
                                    <th>No</th>
                                    <th>{{ __lang('name') }}</th>
                                    <th>{{__lang('actions')}}</th>
                                </tr>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection



@section('footer')
<!-- Modal Konfirmasi Un-enroll -->
<div class="modal fade" id="confirmationModal" tabindex="-1" role="dialog" aria-labelledby="confirmationModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="confirmationModalLabel">Konfrimasi</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                Yakin untuk menghapus peserta dari daftar peserta?
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
                <a id="confirmUnenroll" href="#" class="btn btn-primary">Iya</a>
            </div>
        </div>
    </div>
</div>

<script>
    $(document).ready(function () {
        var table = $('#students-table').DataTable({
            processing: true,
            serverSide: true,
            ajax: "{{ route('admin.student.sessionstudents', $id) }}",
            columns: [
                {data: null, name: 'id', searchable: false },
                {data: 'name', name: 'name'},
                {data: 'actions', name: 'actions', orderable: false, searchable: false}
            ],
            rowId: 'id',
            bLengthChange: false,
            bInfo: false,
        });

        // Mengatur nomor baris secara otomatis
        table.on('draw.dt', function() {
            var PageInfo = table.page.info();
            table.column(0, { page: 'current' }).nodes().each(function(cell, i) {
                cell.innerHTML = i + 1 + PageInfo.start;
            });
        });
    });

    // Menangani klik pada tombol "Un-enroll"
    $(document).on('click', '.btn-unenroll', function(e) {
        e.preventDefault(); // Mencegah tindakan default dari tautan
        // Mendapatkan URL dari tautan
        var url = $(this).attr('href');

        // Mengatur tautan "Un-enroll" di modal konfirmasi
        $('#confirmUnenroll').attr('href', url);

        // Membuka modal konfirmasi
        $('#confirmationModal').modal('show');
    });
</script>
@endsection