@include('admin.layout.header')

<div class="container-fluid">
    <!--  Row 1 -->
    <div class="row g-2">
        <div class="col-auto col-lg-auto col-md-auto col-sm-auto my-auto mt-2 mb-2">
            <h2 class="main_title">Manage Team</h2>
        </div>
    </div>

    <div class="row mb-3">
    </div>

    <div id="tab-4" class="tab-content ">
        <div class="row">
            <div class="col-12">
                <div class="white_shadow_rs">
                    <table id="dataTable_2" class="table table-striped data-table-dr" style="width:100%">
                        <thead>
                            <tr>
                                <th>Sr No</th>
                                <th>Group Name</th>
                                <th>Hat Name</th>
                                <th>BE Name</th>
                                <th>HQ Name</th>
                                <th>RX Points</th>
                            </tr>
                        </thead>
                        <tbody>
                        <tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-12">
            <div class="white_shadow_rs">
                <table id="datatable" name="datatable" class="table table-striped data-table-dr" style="width:100%">
                    <thead>
                        <tr>
                            <th>Sr No</th>
                            <th>Team Name</th>
                            <th>Team Logo</th>
                            <th>SM Name</th>
                            <th>RBM Name</th>
                            <th>Total Match</th>
                            <th>Total Win</th>
                            <th>Total Lose</th>

                            {{-- <th>Leader Board Position</th> --}}
                            <th>Total Points</th>
                            <th>RX Points</th>
                            <th>Match Points</th>
                            <th>Status</th>
                            <!-- <th>Edit</th> -->
                            <th>Date And Time</th>
                        </tr>
                    </thead>
                    <tbody>
                    <tbody>
                </table>
            </div>
        </div>
    </div>
</div>

</div>

{{-- Team Modal --}}
{{-- <div class="modal fade" id="add_team" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <h1 class="modal-title fs-5" id="exampleModalLabel">Add Team</h1>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <div class="mb-3">
                    <label for="" class="form-label">Team Name</label>
                    <input type="email" class="form-control" id="" placeholder="Enter Team Name">
                </div>
                <div class="mb-3 mt-2">
                    <label for="" class="form-label">Upload Logo</label>
                    <div class="upload_img">
                        <div class="up_img">
                            <img src="{{ asset('admin/assets/images/upload.png') }}">
                        </div>
                        <span>
                            Drop Files Here Or Browse Files
                        </span>
                        <p class="m-0">Minimum Upload size : 500KB</p>
                        <input type="file">
                    </div>
                </div>
                <div class="mb-3">
                    <label for="" class="form-label">SM</label>
                    <select class="select2 js-example-basic-single select-label form-control w-100" name="select-label">
                        <option value="Senora" selected>Select SM</option>
                        <option value="Senora">SM 1</option>
                        <option value="Senora">SM 2</option>
                        <option value="Senora">SM 3</option>
                    </select>
                </div>
                <div class="mb-3">
                    <label for="" class="form-label">RBM</label>
                    <select class="select2 js-example-basic-single select-label form-control w-100" name="select-label">
                        <option value="Senora" selected>Select RBM</option>
                        <option value="Senora">RBM 1</option>
                        <option value="Senora">RBM 2</option>
                        <option value="Senora">RBM 3</option>
                    </select>
                </div>
            </div>
            <div class="modal-footer justify-content-center">
                <button type="button" class="btn btn-primary">Submit</button>
            </div>
        </div>
    </div>
</div> --}}

@include('admin.layout.footer')
<script src="{{ asset('admin/assets/js/jquery.validate.min.js') }}"></script>
<script src="{{ asset('admin/assets/js/additional-methods.min.js') }}"></script>
<script src="{{ asset('notify.js') }}"></script>

<script>
    function teamStatusChange(teamId, status) {
        $.ajax({
            url: "{{ route('updateTeamStatus') }}",
            type: 'POST',
            data: {
                'team_id': teamId,
                'status': status,
                '_token': "{{ csrf_token() }}"
            },
            dataType: "json",
            success: function(response) {
                if (response.status == 1) {
                    $.notify(response.msg, "success");
                    $('#datatable').DataTable().ajax.reload();
                } else {
                    $.notify(response.msg, "error");
                }
            },
            error: function(jqXHR) {
                $.notify(jqXHR.responseJSON.msg, "error");
            }
        });
    }

    $(document).ready(function() {
        $(function() {
            var columns = [{
                    data: 'DT_RowIndex',
                    name: 'DT_RowIndex'
                },
                {
                    data: 'teamName',
                    name: 'teamName'
                },
                {
                    data: 'teamLogo',
                    name: 'teamLogo'
                },
                {
                    data: 'smName',
                    name: 'smName'
                },
                {
                    data: 'rbmName',
                    name: 'rbmName'
                },
                {
                    data: 'total_play',
                    name: 'total_play'
                },
                {
                    data: 'total_win',
                    name: 'total_win'
                },
                {
                    data: 'total_lose',
                    name: 'total_lose'
                },
                // {
                //     data: 'doctor_position_code',
                //     name: 'doctor_position_code'
                // },
                {
                    data: 'total_point',
                    name: 'total_point'
                },
                {
                    data: 'rx_point',
                    name: 'rx_point'
                },
                {
                    data: 'match_point',
                    name: 'match_point'
                },
                {
                    data: 'status',
                    name: 'status'
                },
                // {
                //     data: 'edit',
                //     name: 'edit'
                // },
                {
                    data: 'created_at',
                    name: 'created_at'
                }
            ];

            var columns_2 = [{
                data: 'DT_RowIndex',
                name: 'DT_RowIndex',
                "orderable": false,
                searchable: false
            },


            {
                data: 'group_name',
            },
            {
                data: 'hat_name',
            },
            {
                data: 'emp_name',
            },
            {
                data: 'hq',
            },
            {
                data: 'rx',
            },
        ];

            var columnDefs = [{
                "width": "150",
                "targets": [5]
            }];

            var columnDefs_2 = [];

            getdatatable("{{ route('manageTeamPaginate') }}", columns, columnDefs);
            getdatatable_2("{{ route('teamLeaderBoard_group_admin.paginate') }}", columns_2, columnDefs_2);

        });

        function getdatatable(url, columns, columnDefs) {
            if ($.fn.DataTable.isDataTable('#datatable')) {
                $('#datatable').DataTable().destroy();
            }
            $('#datatable').DataTable({
                processing: true,
                serverSide: true,
                pageLength: 25,
                "bDestroy": true,
                order: [],
                "scrollX": true,
                columns: columns,
                columnDefs: columnDefs,
                ajax: {
                    method: 'post',
                    url: url,
                    data: function(d) {
                        d._token = "{{ csrf_token() }}";
                    }
                },
                drawCallback: function(settings) {
                    // Reinitialize Venobox
                    new VenoBox({
                        selector: '.my-image-links',
                        numeration: true,
                        infinigall: true,
                        share: true,
                        spinner: 'rotating-plane'
                    });
                }
            });
        }

        function getdatatable_2(url, columns, columnDefs) {
        $('#dataTable_2').DataTable({
            processing: true,
            serverSide: true,
            pageLength: 25,
            bDestroy: true,
            order: [],
            stateSave: true,
            info: false,
            "dom": 'lrtip',
            "scrollX": true,
            columns: columns,
            columnDefs: columnDefs,
            paging: false,
            // ajax: "{{ url('participant-paginate') }}",
            ajax: {
                method: 'post',
                url: url,
                data: function(d) {

                    d._token = "{{ csrf_token() }}"
                }
            },
            // "drawCallback": function(settings) {
            //     new VenoBox({
            //         selector: '.venobox_img',
            //     });
            //     feather.replace();
            // }
        });
    }
    });
</script>