{% extends 'base.html.twig' %}

{% block title %}Nuevo Movimiento de Caja - Liquidación{% endblock %}

{% block body %}
    <h1> {{ formTitle }}</h1>

    {{ include('caja_movimiento/_formMovCaso.html.twig') }}
    <div class="form-group">
        <a class="btn btn-secondary "href="{{ path('caso_edit', {'id': caso.id}) }}"><span class="fa fa-arrow-circle-left"></span>&nbspVolver</a>    
    </div>
{% endblock %}

{% block javascripts %}
    {{ parent() }} 
   
    <script src="{{ asset('build/js/jquery.validate.min.js') }}"></script> 
    <script src="{{ asset('build/js/additional-methods.min.js') }}"></script>     
    
    <script type="text/javascript">                
        var validator =  $(".formCaja").validate({
            errorPlacement: function ( error, element ) {
                // Add the `invalid-feedback` class to the error element
                error.addClass( "invalid-feedback" );

                if ( element.prop( "type" ) === "checkbox" ) {
                    error.insertAfter( element.next( "label" ) );
                } else {
                    error.insertAfter( element );
                }
            },
            highlight: function ( element, errorClass, validClass ) {
                $( element ).addClass("is-invalid").removeClass( "is-valid" );
            },
            unhighlight: function (element, errorClass, validClass) {
                $( element ).addClass( "is-valid" ).removeClass( "is-invalid" );
            },
            ignore: [],
            invalidHandler: function(e, validatorResults){
                if(validatorResults.errorList.length) {                                                
                                                               
                } 
            }
        }); 
        
        
        
        function showFlashNotification(msg, type, title = 'Resultado acción') {
            if (msg !== null && msg !== '') {
                new PNotify({
                  title: title,
                  text: msg,
                  type: type
                });
                
            }
        }
    </script>
    
{% endblock %}