@extends('admin.layouts.masterlayout')

@section('styles')
<link href="{{ asset('new_theme/assets/plugins/datatable/css/dataTables.bootstrap5.min.css') }}" rel="stylesheet" />
@endsection

@section('content')
<div class="main-content">
    <div class="row page-titles mx-0">
        <div class="col-12">
            <div class="card" data-aos="fade-up">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <h4 class="mb-0">Leaderboard Listing</h4>
                    <a href="{{ route($modelName . '.addtimeleaderboard') }}" class="btn btn-primary btn-sm">
                        <i class="fas fa-plus me-1"></i> Add New Leaderboard
                    </a>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table id="dataList" class="table table-bordered table-striped w-100">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>Leaderboard Name</th>
                                    <th>Start Date</th>
                                    <th>End Date</th>
                                    <th>Match Count</th>
                                    <th>Winning Status</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody></tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('scripts')
<script src="{{ asset('new_theme/assets/plugins/datatable/js/jquery.dataTables.min.js') }}"></script>
<script src="{{ asset('new_theme/assets/plugins/datatable/js/dataTables.bootstrap5.min.js') }}"></script>
<script>
    $('#dataList').DataTable({
        processing: true,
        serverSide: true,
        ajax: {
            url: "{{ route($modelName . '.timeList') }}",
            type: "POST",
            data: { _token: "{{ csrf_token() }}" }
        },
        order: [[1, 'asc']], // ✅ Start ordering from leaderboard_name (2nd column, index 1)
        columns: [
            { data: 'DT_RowIndex', name: 'DT_RowIndex', orderable: false, searchable: false }, // ✅ Disable ordering here
            { data: 'leaderboard_name', name: 'leaderboard_name' },
            { data: 'leaderboard_start_date', name: 'leaderboard_start_date' },
            { data: 'leaderboard_end_date', name: 'leaderboard_end_date' },
            { data: 'match_count', name: 'match_count' },
            { data: 'series_win_status', name: 'series_win_status' },
            { data: 'action', name: 'action', orderable: false, searchable: false }
        ]
    });

</script>
@endsection