@if($results->count() > 0)
<div class="tabel" style ="margin-top: 12px;">
				<table>
        <thead>
            <tr>
                <th>Nom et<br>prenom</th>
                <th>Email</th>
                <th>Fillere</th>
                <th>Annee<br>d'etude</th>
                <th>Etablissement</th>
                <th>MONTANT TOTAL</th>
                <th>Paiement 1</th>
                <th>Paiement 2</th>
                <th>Paiement 3</th>
                <th>Select</th>
            </tr>
        </thead>
        <tbody>
            @foreach($results as $result)
                <tr>
                    <td>{{ $result->name }}</td>
                    <td>{{ $result->email }}</td>
                    <td>{{ $result->field }}</td>
                    <td>{{ $result->year_of_study }}</td>
                    <td>{{ $result->institution }}</td>
                    <td>{{ $result->total_amount }}</td>
                    @if ($result->paymentInfo->isNotEmpty())
                        @foreach($result->paymentInfo as $pay)
                            <td>{{ $pay->first_amount}}</td>
                            <td>{{ $pay->second_amount}}</td>
                            <td>{{ $pay->third_amount}}</td>
                        @endforeach
                    @else
                        <td></td>
                        <td></td>
                        <td></td>
                    @endif
                    <td>
                       <!-- <input type="checkbox" id="selectStatus" class="select-status" name="select-for-status" value="{{$result->id}}"> -->
                       <input type="checkbox" 
                        id="selectStatus"
                        class="select-status" 
                        name="select-for-status" 
                        value="{{ $result->id }}" 
                        data-application-id="{{ $result->application->id ?? '' }}" 
                        data-total-amount="{{ $result->total_amount }}">
                    </td>

                    
                </tr>
            @endforeach
        </tbody>
    </table>
</div>
@else
    <p>No results found.</p>
@endif

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
    // $(document).ready(function() {
    //     // Trigger the search when the button is clicked
    //     $('.select-status').on('click', function() {
    //         var searchTerm = $('#selectStatus').val();
    //         var status = $('<input>', {
    //             type: 'hidden',
    //             id: 'student_id',
    //             name: 'student_id',
    //             class: 'form-control',
    //             value: searchTerm
    //         });
    //         //console.log(status);
    //         $('#select_result').append(status);
    //     });
    // });

    $(document).ready(function() {
        $('.select-status').on('click', function() {
            // Récupérer les valeurs associées à la case cochée
            var student_id = $(this).val(); 
            var applicationId = $(this).val(); // ID de l'application (provenant de la valeur de la checkbox)
            var totalAmount = $(this).data('total-amount'); // Montant total (assurez-vous que data-total-amount existe sur l'élément HTML)

            //console.log("Application ID:", applicationId);
            //console.log("Total Amount:", totalAmount);

            // Vérifier si le formulaire existe déjà, sinon le créer
            if ($('#select_result').length === 0) {
                $('<form>', {
                    id: "select_result",
                    method: "POST",
                    action: "{{ route('search') }}"
                }).append(
                    $('<input>', {
                        type: 'hidden',
                        name: '_token',
                        value: '{{ csrf_token() }}'
                    })
                ).appendTo('body'); // Ajouter le formulaire au body
            }

            // Ajouter les champs cachés au formulaire si non existants
            if ($(this).is(':checked')) {

                // Ajouter le champ pour student_id
                $('<input>', {
                    type: 'hidden',
                    name: 'student_id[]',
                    class: 'form-control',
                    value: student_id
                }).appendTo('#select_result');

                // Ajouter le champ pour application_id
                $('<input>', {
                    type: 'hidden',
                    name: 'application_id[]',
                    class: 'form-control',
                    value: applicationId
                }).appendTo('#select_result');

                // Ajouter le champ pour total_amount
                $('<input>', {
                    type: 'hidden',
                    name: 'total_amount[]',
                    class: 'form-control',
                    value: totalAmount,
                    id: 'totalAmountArray'
                }).appendTo('#select_result');
            } else {
                // Supprimer les champs associés si la case est décochée
                $('#select_result input').filter(function() {
                    return $(this).val() == applicationId || $(this).val() == totalAmount;
                }).remove();
            }
        });
    });

</script>