@extends($extend)

@if($disabled === false)

@section("contentheader_title", "Fondos Extraordinarios / Aplicar Partida")
@section("htmlheader_title", "Fondos Extraordinarios / Aplicar Partida")

<form id="fondoextraordinario-ajax-update-form">
@section("headerElems")
    <button type="submit" class="unstyled-buttom euron" aria-label="Save">
        <i class="fa fa-save" aria-hidden="true"></i>
    </button>
@endsection
@section("main-content")
<div class="box box-success">
    
@endif

<div class="box-body" id="otherData">
    <input type="hidden" name="fondoExtraordinario" value="{{ isset($data->ID) ? $data->ID : '0' }}"/>
    <div class="sotavento" style="margin-top: 7px;">
        <div class="form-group col-lg-3">
            <label for="fondoExtraordinario">Fondo Extraordinario</label>
            @if($disabled === false)
            <select class="form-control" data-placeholder="Fondo Extraordinario" rel="select2" name="fondoExtraordinario">
                <br />
<b>Notice</b>:  Undefined variable: fondosExtraordinarios in <b>C:\wamp64\www\sviaticos\resources\views\la\fondoextraordinarios\aplicarpartida.blade.php</b> on line <b>27</b><br />
<br />
<b>Warning</b>:  Invalid argument supplied for foreach() in <b>C:\wamp64\www\sviaticos\resources\views\la\fondoextraordinarios\aplicarpartida.blade.php</b> on line <b>27</b><br />
            </select>           
            @else
            <input type="text" class="form-control" id="fondoExtraordinario" value="{{ isset($data->IDFondoExtraordinario) ? $data->IDFondoExtraordinario : 'FE-2017-?' }}" readonly/>
            @endif
        </div>
        <div class="form-group col-lg-3">
            <label for="montoAprobado">Monto Aprobado</label>
            <input class="form-control" type="text" id="montoAprobado" readonly value="{{ isset($data->Monto) ? $data->Monto : 'RD$0.00' }}"/>
        </div>
        <div class="form-group col-lg-3">
            <label for="consumido">Consumido Acumulado</label>
            <input class="form-control" type="text" id="consumido" readonly value="{{ isset($data->Consumido) ? $data->Consumido : 'RD$0.00' }}"/>
        </div>
        <div class="form-group col-lg-3">
            <label for="disponible">Disponible Acumulado</label>
            <input class="form-control" type="text" id="disponible" readonly value="{{ isset($data->Disponible) ? $data->Disponible : 'RD$0.00' }}"/>
        </div>
    </div>

    <div class="data-section">
        <div class="col-lg-12">
            <h2 class="data-tile ">Datos de la Partida</h2>
        </div>
        <div class="box whioutB">
            <div class="box-body">
                <div class="form-group col-lg-2">
                    <label for="fecha">Fecha</label>
                    <input type="text" class="form-control" name="fecha" value="{{ date('d/m/Y') }}" readonly disabled/>
                </div>
                <div class="form-group col-lg-2">
                    <label for="idPartida">Id Partida</label>
                    <input class="form-control" type="text" name="idPartida" id="idPartida" readonly value="{{ isset($partida->idPartida) ? $partida->idPartida : (isset($idPartida) ? $idPartida : 'P01-FE-2017-?') }}"/>
                </div>

                <div class="form-group col-lg-2">
                    {!! Form::label('tipoentrada', 'Tipo Entrada') !!}
                    {!! Form::select('tipoentrada', $tipoentradas, null, ['class' => 'form-control', 'id' => 'tipoentrada']) !!}
                </div>

                <div class="form-group col-lg-2">
                    <label for="montoPartida">Monto partida *</label>
                    <input class="form-control currency" id="currency" type="number" min="0" name="montoPartida" value="0.00"/>
                </div>
                    <div class="form-group col-lg-2">
                        <label for="comision">Comisión</label>
                        <input class="form-control" type="number" min="0" id="comision" name="comision" value="0.00"/>
                    </div>
                    <div class="form-group col-lg-2">
                        <label for="disponibilidadreal">Disponibilidad Real</label>
                        <input class="form-control" type="text" id="disponibilidadreal" name="disponibilidadreal" readonly value="RD$0.00"/>
                    </div>

                <div class="form-group col-lg-2 noCheque">
                    <label for="noChequePartida">No. Cheque Partida *</label>
                    <input class="form-control numeric noChequeValue" type="text" name="noChequePartida"/>
                </div>
                <div class="form-group col-lg-2 banco">
                    <label for="banco">Banco *</label>
                    <select class="form-control" id="bancoValue" data-placeholder="Banco" rel="select2" name="banco">
                        <option value="0" selected disabled>Seleccione una Opción</option>
                        @foreach($bancos as $key => $value)
                        <br />
<b>Notice</b>:  Undefined variable: value in <b>C:\wamp64\www\sviaticos\resources\views\la\fondoextraordinarios\aplicarpartida.blade.php</b> on line <b>99</b><br />
<br />
<b>Notice</b>:  Trying to get property of non-object in <b>C:\wamp64\www\sviaticos\resources\views\la\fondoextraordinarios\aplicarpartida.blade.php</b> on line <b>99</b><br />
<br />
<b>Notice</b>:  Undefined variable: value in <b>C:\wamp64\www\sviaticos\resources\views\la\fondoextraordinarios\aplicarpartida.blade.php</b> on line <b>99</b><br />
<br />
<b>Notice</b>:  Trying to get property of non-object in <b>C:\wamp64\www\sviaticos\resources\views\la\fondoextraordinarios\aplicarpartida.blade.php</b> on line <b>99</b><br />
<option value=""></option>                        @endforeach
                    </select>
                </div>
                <div class="form-group col-lg-2 ftp">
                    <label for="uploadImage" class="imagelabel" style="width: 100%;">Cargar Imagen *</label>
                    <input type="file" style="display: none;" class="form-control" name="uploadImage" id="uploadImage" accept="image/*" value="0" placeholder="Enter Profile Photo">
                    <a class="btn btn-default style_image" file_type="image" selecter="uploadImage">
                        Cargar <i class="fa fa-cloud-upload"></i>
                    </a>
                </div>
                <div class="col-lg-12">
                    <img src="" class="img-responsive" id="uploadImage-preview"/>
                </div>
            </div>
        </div>
    </div>
</div>
@if($disabled === false)
</div>
</form>
@endif

@if($disabled === false)
@endsection
@push('styles')
<link rel="stylesheet" type="text/css" href="{{ asset('la-assets/plugins/datatables/datatables.min.css') }}" />
@endpush
@push('scripts')
<script src="{{ asset('la-assets/plugins/datatables/datatables.min.js') }}"></script>
@endif

<script>
    $(function(){

        var tipoentrada = $('#tipoentrada');
        tipoentrada.change(function () {
            var id = $(this).val();
            var bancoContainer = $('.banco');
            var valorBanco = $('#bancoValue');
            var numeroCheque = $('.noCheque');
            var valorCheque = $('.noChequeValue');
            var imagelabel = $('.imagelabel');

            if(id == 1) {
                numeroCheque.css('display', 'block');
                valorCheque.val('');
                bancoContainer.css('display', 'block');
                valorBanco.val(0);
                imagelabel.text('Cargar Imagen Cheque*');
            } else {
                numeroCheque.css('display', 'none');
//                valorCheque.val(1);
                bancoContainer.css('display', 'none');
//                valorBanco.val(12);
                imagelabel.text('Cargar Recibo *');
            }
        });

        var disponibilidadRealCalculado = 0;
        var valorTotal;
        var disponibilidadReal = $('#disponibilidadreal');
        var montoCheque = $('#currency');
        var comision = $('#comision');
        var moneda = "RD$";


        montoCheque.bind("keyup change", function(e) {
            var me = $(this);

            disponibilidadRealCalculado = parseInt(me.val()) - parseInt(comision.val());
            valorTotal =  moneda.concat(disponibilidadRealCalculado.toLocaleString(undefined, { minimumFractionDigits: 2 }).toString());
            disponibilidadReal.val(valorTotal);

            if(isNaN(disponibilidadRealCalculado)) {
                disponibilidadRealCalculado = 0.00 - parseInt(comision.val())
                disponibilidadReal.val(moneda.concat(disponibilidadRealCalculado.toLocaleString(undefined, { minimumFractionDigits: 2 }).toString()))
            }

//            if(me.val() == '') {
//                me.val(0.00);
//            }

        });

        comision.bind("keyup change", function(e) {

            disponibilidadRealCalculado = parseInt(montoCheque.val()) - parseInt(comision.val());

            disponibilidadReal.val(moneda.concat(disponibilidadRealCalculado.toLocaleString(undefined, { minimumFractionDigits: 2 }).toString()));

            if(isNaN(disponibilidadRealCalculado)) {
                disponibilidadRealCalculado = parseInt(montoCheque.val()) - 0.00;
                disponibilidadReal.val(moneda.concat(disponibilidadRealCalculado.toLocaleString(undefined, { minimumFractionDigits: 2 }).toString()))
            }

//            if(comision.val() == '') {
//                comision.val(0.00);
//            }
        });

        var dataSubmit ={};
        $('#ajax-modal-title').text('Aplicar Partida a Fondo Extraordinario');
        $('#ajax-modal-footer').html(`
            <button type="submit" class="unstyled-buttom">
                <i class="fa fa-save" aria-hidden="true"></i>
            </button>
        `);
        $('#ajax-modal-saveButton').css({
            'display': 'none'
        });
        $('.style_image').on('click', function () {
            $('#uploadImage').trigger('click');
        });
        $('#uploadImage').on('change', function(){
            if(this.files && this.files[0]){
                var fileType = this.files[0]['type'];
                var validImageTypes = [
                    'image/gif',
                    'image/jpeg',
                    'image/png'
                ];

                if($.inArray(fileType, validImageTypes) > 0){
                    var reader = new FileReader();

                    reader.onload = function(e){
                        $('#uploadImage-preview').prop('src', e.target.result);
                    };

                    reader.readAsDataURL(this.files[0]);
                }
            }
        });

        $('#fondoextraordinario-ajax-update-form').submit(function(e){
            e.preventDefault();
            var form = $(this);

            var validationData = form.serializeObject();
            
            var errorList = [];

            var disponibilidadRealMonto = disponibilidadReal.val();
            var disponibilidadRealFormato = disponibilidadRealMonto.replace(',','');
            var disponiblididadRealMoneda = disponibilidadRealFormato.replace('RD$','');

            if(disponiblididadRealMoneda < 0){
                errorList.push({
                    'label': 'Comisón',
                    'html': '<span class="text-danger">El monto de la comisión debe ser menor al monto de partida</span>'
                });
            }

            if(!validationData.hasOwnProperty('idPartida')){
                errorList.push({
                    'label': 'ID Partida',
                    'html': '<span class="text-danger">Está en blanco</span>'
                });
            }else{
                validationData.idPartida = $.trim(validationData.idPartida);
            }
            if(!validationData.hasOwnProperty('montoPartida')){
                errorList.push({
                    'label': 'Monto Partida',
                    'html': '<span class="text-danger">Está en blanco</span>'
                });
            }else{
                validationData.montoPartida = $.trim(validationData.montoPartida);

                if(validationData.montoPartida == ''){
                    errorList.push({
                        'label': 'Monto Partida',
                        'html': '<span class="text-danger">Está en blanco</span>'
                    });
                }else if(!$.isNumeric(validationData.montoPartida)){
                    errorList.push({
                        'label': 'Monto Partida',
                        'html': '<span class="text-danger">El Valor no es númerico</span>'
                    });
                }
            }

            if(tipoentrada.val() == 1) {
                if (!validationData.hasOwnProperty('noChequePartida')) {
                    errorList.push({
                        'label': 'No. Cheque Partida',
                        'html': '<span class="text-danger">Está en blanco</span>'
                    });
                } else {
                    validationData.noChequePartida = $.trim(validationData.noChequePartida);

                    if (validationData.noChequePartida == '') {
                        errorList.push({
                            'label': 'No. Cheque Partida',
                            'html': '<span class="text-danger">Está en blanco</span>'
                        });
                    } else if (!$.isNumeric(validationData.noChequePartida)) {
                        errorList.push({
                            'label': 'No. Cheque Partida',
                            'html': '<span class="text-danger">El Valor no es númerico</span>'
                        });
                    }
                }
                if (!validationData.hasOwnProperty('banco')) {
                    errorList.push({
                        'label': 'Banco',
                        'html': '<span class="text-danger">No se ha seleccionado</span>'
                    });
                } else {
                    validationData.banco = $.trim(validationData.banco);

                    if (validationData.banco == '0') {
                        errorList.push({
                            'label': 'Banco',
                            'html': '<span class="text-danger">No se ha seleccionado</span>'
                        });
                    } else if (!$.isNumeric(validationData.banco)) {
                        errorList.push({
                            'label': 'Banco',
                            'html': '<span class="text-danger">El Valor no es númerico</span>'
                        });
                    }
                }
            }
            if($('#uploadImage').get(0).files.length <= 0){
                if (tipoentrada.val() == 1) {
                    errorList.push({
                        'label': 'Imagen del Cheque',
                        'html': '<span class="text-danger">No se ha elegido</span>'
                    });
                } else {
                    errorList.push({
                        'label': 'Imagen del Recibo',
                        'html': '<span class="text-danger">No se ha elegido</span>'
                    });
                }

            }

            var html = '<ul class="list-group">';
            html += '<li class="list-group-item active">Revise los siguientes errores</li>';
            for(var element in errorList){
                html += `<li class="list-group-item">${errorList[element].label} - ${errorList[element].html}</li>`;
            }
            html += '</ul>';

            if(errorList.length > 0){
                swal({
                    title: 'Aplicar Partida a Fondo Extraordinario',
                    type: 'error',
                    html: html,
                    showCloseButton: true,
                    allowOutsideClick: true,
                    confirmButtonText: 'Ok',
                    confirmButtonColor: '#605CA8'
                });
            }else{
                var sendData = new FormData(this);
                $.ajax({
                    url: "{{ url(config('laraadmin.adminRoute') . '/fondoextraordinarios/save/aplicarpartida') }}",
                    method: 'POST',
                    data: sendData,
                    cache: false,
                    contentType: false,
                    processData: false,
                    success: function(response){
                        // response = JSON.parse(response);
                        if(response.success){
                            swal({
                                title: 'Aplicar Partida a Fondo Extraordinario',
                                type: 'success',
                                html: response.html,
                                showCloseButton: false,
                                allowOutsideClick: false,
                                confirmButtonText: 'Ok',
							    confirmButtonColor: '#605CA8'
                            }).then(function(){
                                window.location = response.url;
                            });
                        }else{
                            swal({
                                title: 'Aplicar Partida a Fondo Extraordinario',
                                type: 'error',
                                html: response.html,
                                showCloseButton: true,
                                allowOutsideClick: true,
                                confirmButtonText: 'Ok',
							    confirmButtonColor: '#605CA8'
                            });
                        }
                    }
                });
            }
        });

        $('[name="fondoExtraordinario"]').on('change', function(){
            $me = $(this);

            url = "{{ url(config('laraadmin.adminRoute') . '/fondoextraordinarios/aplicarpartida')}}?id=" + $me.val() + "&modalView=false&onlyData=true";
            $.ajax({
                url: url,
                method: 'GET',
                success: function(response){
                    // response = JSON.parse(response);
                    var monto = (response.data.data.Monto != null) ? response.data.data.Monto : 'RD$0.00';
                    var consumido = (response.data.data.Consumido != null) ? response.data.data.Consumido : 'RD$0.00';
                    var disponible = (response.data.data.Disponible != null) ? response.data.data.Disponible : 'RD$0.00';
                    
                    $('#montoAprobado').val(monto);
                    $('#consumido').val(consumido);
                    $('#disponible').val(disponible);
                }
            });
        });
    });
</script>

@if($disabled === false)
@endpush
@endif