@extends('layouts.app')

@section('content')
    @include('layouts.toolbar')
    <div id="kt_content_container" class="d-flex flex-column-fluid align-items-start container-xxl">
        <div class="content flex-row-fluid" id="kt_content">
            <div class="card">
                <div class="card-header border-0 pt-6">
                    <h3 class="card-title">Edit Manual Referral</h3>
                    <div class="card-toolbar">
                        <a href="{{ url('new-student-group/list') }}" class="btn btn-sm btn-light">
                            <i class="fa fa-arrow-left"></i> Back to Group Discounts
                        </a>
                    </div>
                </div>
                <div class="card-body">
                    <form id="editManualReferralForm">
                        @csrf
                        <input type="hidden" name="id" value="{{ $result->id }}">

                        <!-- Group Referral Fields -->
                        <div class="row">
                            <div class="col-12 mb-5">
                                <label class="required fs-6 fw-semibold mb-2">New Students (Being referred)</label>
                                <select name="group_referred_student_ids[]" id="group_referred_student_ids"
                                        class="form-select form-select-sm form-select-solid @error('group_referred_student_ids') is-invalid @enderror"
                                        data-control="select2" data-placeholder="Select students" multiple="multiple">
                                    <option></option>
                                    @if(!empty($allStudents))
                                        @php
                                            $currentStudentIds = json_decode($result->new_student_id, true) ?? [];
                                            $allStudentIds = array_merge($currentStudentIds,[$result->student_id]);
                                        @endphp
                                        @foreach($allStudents as $student)
                                            <option value="{{ $student->id }}" {{ in_array($student->id, $allStudentIds) ? 'selected' : '' }}>
                                                {{ $student->name }}
                                            </option>
                                        @endforeach
                                    @endif
                                </select>
                                <div class="form-text">Select one or more new students being referred</div>
                            </div>
                        </div>

                        <div class="row d-flex">
                            <div class="col-2">
                                <button type="button" class="btn btn-success w-100" id="SubmitForm">
                                    Update
                                </button>
                            </div>
                            <div class="col-2">
                                <a href="{{ url('new-student-group/list') }}" type="button"
                                   class="btn btn-primary w-100">
                                    Cancel
                                </a>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('js')
    <script type="text/javascript">
        $(function() {
            // Initialize Select2 for both dropdowns
            $('#group_student_id').select2({
                placeholder: "Select a student",
                allowClear: true
            });

            $('#group_referred_student_ids').select2({
                placeholder: "Select students",
                allowClear: true,
                closeOnSelect: false
            });

            // Form submission
            $(document).on('click', '#SubmitForm', function(e) {
                e.preventDefault();
                
                // Validate form
                var mainStudent = $('#group_student_id').val();
                var referredStudents = $('#group_referred_student_ids').val();
                

                if (!referredStudents || referredStudents.length === 0) {
                    swal("Error!", "Please select at least one referred student.", "error");
                    return;
                }

                // Check if main student is in referred students list
                if (referredStudents.includes(mainStudent)) {
                    swal("Error!", "The main student cannot be in the referred students list.", "error");
                    return;
                }

                $.blockUI({
                    css: {
                        border: 'none',
                        padding: '20px',
                        backgroundColor: '#000',
                        '-webkit-border-radius': '10px',
                        '-moz-border-radius': '10px',
                        opacity: 0.6,
                        color: '#fff',
                        'z-index': 10000000000
                    }
                });

                // Prepare data for submission
                var formData = {
                    _token: $('meta[name="csrf-token"]').attr('content'),
                    id: $('input[name="id"]').val(),
                    student_ids: [mainStudent, ...referredStudents] // First student is main, rest are referred
                };

                $.ajax({
                    type: 'POST',
                    url: "{{ url('new-student-group/manual-referral/update') }}",
                    data: formData,
                    success: function (results) {
                        $.unblockUI();
                        if (results.success) {
                            swal("Done!", "Manual group referral updated successfully", "success").then(function() {
                                window.location.href = "{{ url('new-student-group/list') }}";
                            });
                        } else {
                            swal("Error!", results.failure || "Failed to update manual referral", "error");
                        }
                    },
                    error: function(xhr) {
                        $.unblockUI();
                        var errors = xhr.responseJSON?.errors;
                        if (errors) {
                            var errorMessages = [];
                            for (var field in errors) {
                                errorMessages.push(errors[field][0]);
                            }
                            swal("Error!", errorMessages.join('<br>'), "error");
                        } else {
                            swal("Error!", "Failed to update manual referral", "error");
                        }
                    }
                });
            });
        });
    </script>
@endsection