{{-- resources/views/admin/crm/batches/index.blade.php --}}
@extends('layouts.app')

@section('title', 'Batches Management')

@push('styles')
<style>
    .badge { font-size: 0.85em; }
    .table th { border-top: none; }
    .filterBlocks { display: flex; flex-wrap: wrap; gap: 10px; align-items: end; }
    .filterBlocks li { margin-bottom: 0; }
    .btn-filter { background: #007bff; color: white; }
    .btn-filter:hover { background: #0056b3; }
    .active-filter { background: #f8f9fa; padding: 15px; border-radius: 8px; margin-bottom: 20px; }
</style>
@endpush

@section('content')
<div class="loadPages01">
    @include('admin.crm.batches.components.top_part')

    <!-- DataTable -->
    <div class="card card-body card-dashboard-twentyfive border-left-0 border-right-0 px-0 pd-t-6 pd-b-6 viewContainer">
        <div class="table-responsive">
            <table id="batchesTable" class="table table-bordered table-striped">
                <thead>
                     <tr>
                        <th>Batch ID</th>
                        <th>Training Center</th>
                        <th>Assessment Date</th>
                        <th>Candidates</th>
                        <th>Assessor</th>
                        <th>Stage/Status</th>
                        <th>Created At</th>
                        <th>Actions</th>
                    </tr>
                </thead>
                <tbody>
                    <!-- DataTable will load data here -->
                </tbody>
            </table>
        </div>
    </div>
</div>
    @include('admin.crm.batches.components.filter')

@endsection

@push('scripts')
<script>
$(document).ready(function() {
    var errorShown = false;
    var table = $('#batchesTable').DataTable({
        processing: true,
        serverSide: true,
        ajax: {
            url: "{{ route('crm.batches.list') }}",
            type: "GET",
            data: function(d) {
                d.filter_batch_id = $('#filter_batch_id').val();
                d.filter_training_partner = $('#filter_training_partner').val();
                d.filter_training_center = $('#filter_training_center').val();
                d.filter_awarding_body = $('#filter_awarding_body').val();
                d.filter_sector = $('#filter_sector').val();
                d.filter_job_role = $('#filter_job_role').val();
                d.filter_assessor = $('#filter_assessor').val();
                d.filter_stage = $('#filter_stage').val();
                d.filter_state = $('#filter_state').val();
                d.filter_trashed = $('#filter_trashed').val();
                d.filter_search = $('#filter_search').val();
            },
            error: function(xhr, error, thrown) {
                if (errorShown) return;
                errorShown = true;

                if (xhr.status === 403) {
                    toastr.error(xhr.responseJSON?.message || 'Access denied: No permission');
                    table.clear().draw();
                    setTimeout(() => { errorShown = false; }, 5000);
                }
                else if (xhr.status === 401) {
                    toastr.error('Please login to access this page.');
                    window.location.href = "{{ route('admin.login') }}";
                }
                else if (xhr.status === 500) {
                    toastr.error('Server error. Please try again later.');
                    setTimeout(() => { errorShown = false; }, 10000);
                }
                else {
                    toastr.error('Failed to load batches data.');
                    setTimeout(() => { errorShown = false; }, 5000);
                }
            }
        },
        columns: [
            { data: 'batch_id', name: 'batch_id' },
            { data: 'training_details', name: 'training_details', orderable: false },
            { data: 'assessment_date', name: 'assessment_date', orderable: false },
            { data: 'candidates', name: 'candidates' },
            { data: 'assessor', name: 'assessor', orderable: false },
            { data: 'stage_status', name: 'stage_status', orderable: false },
            { data: 'created_at', name: 'created_at' },
            { data: 'actions', name: 'actions', orderable: false, searchable: false }
        ],
        order: [[0, 'desc']],
        pageLength: 25,
        lengthMenu: [[10, 25, 50, 100], [10, 25, 50, 100]]
    });

    // Initialize select2 for filters
    $('.select2').select2({
        width: '100%',
        placeholder: "Select Option"
    });

    // Initialize AJAX Select2 for filters
    $('.select2-ajax').each(function() {
        let $this = $(this);
        $this.select2({
            placeholder: $this.data('placeholder') || 'Select Option',
            allowClear: true,
            width: '100%',
            ajax: {
                url: $this.data('ajax-url'),
                type: 'GET',
                dataType: 'json',
                delay: 250,
                data: function(params) {
                    return {
                        search: params.term,
                        page: params.page || 1,
                        pagination: true
                    };
                },
                processResults: function(response, params) {
                    params.page = params.page || 1;
                    return {
                        results: response.results,
                        pagination: {
                            more: (params.page * 10) < response.count_filtered
                        }
                    };
                },
                cache: true
            }
        });
    });

    // Awarding Body change - load sectors
    $('#filter_awarding_body').on('change', function() {
        var awardingBodyId = $(this).val();
        var sectorSelect = $('#filter_sector');
        
        if (awardingBodyId) {
            sectorSelect.prop('disabled', false);
            
            $.ajax({
                url: "{{ route('crm.batches.ajax.sectors') }}",
                type: "GET",
                data: { awarding_body_id: awardingBodyId },
                success: function(response) {
                    sectorSelect.empty().append('<option value="">Select Sector</option>');
                    $.each(response.results, function(key, value) {
                        sectorSelect.append('<option value="' + value.id + '">' + value.text + '</option>');
                    });
                }
            });
        } else {
            sectorSelect.prop('disabled', true).val('').empty().append('<option value="">Select Sector</option>');
        }
        
        // Reset job role
        $('#filter_job_role').prop('disabled', true).val('').empty().append('<option value="">Select Job Role</option>');
    });

    // Sector change - load job roles
    $('#filter_sector').on('change', function() {
        var sectorId = $(this).val();
        var jobRoleSelect = $('#filter_job_role');
        
        if (sectorId) {
            jobRoleSelect.prop('disabled', false);
            
            $.ajax({
                url: "{{ route('crm.batches.ajax.job-roles') }}",
                type: "GET",
                data: { sector_id: sectorId },
                success: function(response) {
                    jobRoleSelect.empty().append('<option value="">Select Job Role</option>');
                    $.each(response.results, function(key, value) {
                        jobRoleSelect.append('<option value="' + value.id + '">' + value.text + '</option>');
                    });
                }
            });
        } else {
            jobRoleSelect.prop('disabled', true).val('').empty().append('<option value="">Select Job Role</option>');
        }
    });

    // Training Partner change - load training centers
    $('#filter_training_partner').on('change', function() {
        var partnerId = $(this).val();
        var centerSelect = $('#filter_training_center');
        
        if (partnerId) {
            centerSelect.prop('disabled', false);
            
            $.ajax({
                url: "{{ route('crm.batches.ajax.training-centers') }}",
                type: "GET",
                data: { training_partner_id: partnerId },
                success: function(response) {
                    centerSelect.empty().append('<option value="">Select Training Center</option>');
                    $.each(response.results, function(key, value) {
                        centerSelect.append('<option value="' + value.id + '">' + value.text + '</option>');
                    });
                }
            });
        } else {
            centerSelect.prop('disabled', true).val('').empty().append('<option value="">Select Training Center</option>');
        }
    });

    // Filter function
    window.filter = function() {
        table.ajax.reload();
        if ($('.active-filter').children().length > 0) {
            $('#collapseFilter').show();
        }
    }

    // Reset filter function
    window.resetFilter = function() {
        $('#my-filter').trigger('reset');
        $('.select2, .select2-ajax').val('').trigger('change');
        $('#filter_sector').prop('disabled', true);
        $('#filter_job_role').prop('disabled', true);
        $('#filter_training_center').prop('disabled', true);
        table.ajax.reload();
        $('.active-filter').empty();
        $('#collapseFilter').hide();
    }

    // Enter key support for keyword search
    $('#filter_search').on('keypress', function(e) {
        if (e.which === 13) {
            filter();
            e.preventDefault();
        }
    });

    // Delete batch
    $(document).on('click', '.btn-delete-batch', function() {
        var batchId = $(this).data('id');
        
        swal({
            title: "Are you sure?",
            text: "Do you really want to delete this batch?",
            icon: "warning",
            buttons: true,
            dangerMode: true,
        }).then((willDelete) => {
            if (willDelete) {
                $.ajax({
                    url: "{{ route('crm.batches.delete') }}",
                    type: "DELETE",
                    data: {
                        id: batchId,
                        _token: "{{ csrf_token() }}"
                    },
                    success: function(response) {
                        if (response.success) {
                            toastr.success(response.message);
                            table.ajax.reload();
                        } else {
                            toastr.warning(response.message);
                        }
                    },
                    error: function(xhr) {
                        if (xhr.status === 403) {
                            toastr.error('You do not have permission.');
                        } else if (xhr.status === 422) {
                            toastr.error(xhr.responseJSON?.message || 'Cannot delete batch with existing candidates.');
                        } else {
                            toastr.error('An error occurred while deleting.');
                        }
                    }
                });
            }
        });
    });

    // Restore batch
    $(document).on('click', '.btn-restore-batch', function() {
        var batchId = $(this).data('id');
        
        swal({
            title: "Restore Batch?",
            text: "Do you want to restore this batch?",
            icon: "info",
            buttons: true,
        }).then((willRestore) => {
            if (willRestore) {
                $.ajax({
                    url: "{{ route('crm.batches.restore') }}",
                    type: "POST",
                    data: {
                        id: batchId,
                        _token: "{{ csrf_token() }}"
                    },
                    success: function(response) {
                        if (response.success) {
                            toastr.success(response.message);
                            table.ajax.reload();
                        } else {
                            toastr.warning(response.message);
                        }
                    },
                    error: function() {
                        toastr.error('Failed to restore batch');
                    }
                });
            }
        });
    });

    // Force delete batch
    $(document).on('click', '.btn-force-delete-batch', function() {
        var batchId = $(this).data('id');
        
        swal({
            title: "Permanently Delete?",
            text: "This action cannot be undone. All data will be permanently removed.",
            icon: "warning",
            buttons: true,
            dangerMode: true,
        }).then((willDelete) => {
            if (willDelete) {
                $.ajax({
                    url: "{{ route('crm.batches.force-delete') }}",
                    type: "DELETE",
                    data: {
                        id: batchId,
                        _token: "{{ csrf_token() }}"
                    },
                    success: function(response) {
                        if (response.success) {
                            toastr.success(response.message);
                            table.ajax.reload();
                        } else {
                            toastr.warning(response.message);
                        }
                    },
                    error: function() {
                        toastr.error('Failed to permanently delete batch');
                    }
                });
            }
        });
    });
});
</script>
@endpush