{!! $tabs->contents($__data) !!}


@push('js')
    <script>
        $(function () {

            $('#payment_method_id').on('change', function() {

                const value = $(this).val();
                if(value == '{{ get_intitule('LIB_MODE_PAIEMENT_IMMEDIAT', 'constante', 'id') }}') {

                    $('#payment_status_id option[value="{{ get_intitule('LIB_STATUS_PAIEMENT_ENCOURS', 'constante', 'id') }}"]').attr('selected', 'selected');
                    $('#payment_status_id').trigger('change');
                }
            });

            const onclick = $('.card-outline-tabs button[type="submit"]').attr('onclick');
            $('.card-outline-tabs button[type="submit"]').removeAttr('onclick');
            $('.card-outline-tabs button[type="submit"]').attr('id', 'pvr_form');

            $('body').on('click', '#pvr_form', function (e) {

                $('.card-outline-tabs button[type="submit"]').removeAttr('onclick');
                if( 
                    $('#usager_id').val() == '' ||
                    !$('[name="infraction_type_id[]"]').val().length ||
                    $('#vehicule_type_id').val() == '' ||
                    $('#immat').val() == '' ||
                    $('#speed').val() == ''
                ) {
                    e.preventDefault();
                    e.stopPropagation();

                    return;
                }

                if(
                    $('#payment_method_id').val() == '' || 
                    $('#payment_status_id').val() == '' || 
                    $('#amount').val() == '' || 
                    $('#paid_at').val() == ''
                ) {

                    e.preventDefault();
                    e.stopPropagation();

                    $('[href="#transaction-tab"]').trigger('click')
                    
                    return;
                }

                eval(onclick);
                // $('.card-outline-tabs button[type="submit"]').attr('onclick', onclick);
                // $('.card-outline-tabs button[type="submit"]').trigger('click');
                // $('.card-outline-tabs button[type="submit"]').attr('disabled', 'disabled'); 
                // $('.card-outline-tabs button[type="submit"]').addClass('disabled');
            });

            $('[name="infraction_type_id[]"]').on('change', function() {

                const infraction_type_ids = $(this).val();
                let total_charge = 0;
                for(let id of infraction_type_ids) {
                    
                    total_charge += Number($(`[name="infraction_type_id[]"] option[value="${id}"]`).data('valeur'));
                }

                $('#amount').val(total_charge);
            });
        });
    </script>
@endpush