setTimeout(() => {
$(function () {
    $.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
    });
});

$(document).ready(function () {
    
    if ( $("#append-content-invoice-data") ) {
        
        $.ajax({
            type: "POST",
            dataType: "jsonp",
            jsonp: "callback",
            data: { },
            url: 'https://factura.lamimigb.com/APPShopify/getDataSelect',
            beforeSend: function () {
                  /*$.LoadingOverlaySetup({
                        background: "rgba(242, 242, 242, 0.5)",
                        imageAnimation: "1.5s fadein"
                    });

                    $.LoadingOverlay("show");*/

            },
            success: function (response) {
                   //$.LoadingOverlay("hide");

                   $("#append-content-invoice-data").html('<div class="container append-main" style="text-align:center;">'+
                                                    '<div class=" append-section">'+
                                                        '<div class="append-title-filter" style="text-align:center;" >'+
                                                        '<h2 style="text-align:center; padding-bottom:0px">Solicitar Factura</h2>'+
                                                        '<p>Favor de ingresar tu información, todos los campos son obligatorios</p>'+
                                                        '</div>'+
                                                    '</div>'+  
                                                    '<div class="row append-section_select" style="background-color:#fefefe; padding:40px;">'+  
                                                        '<div class="col-lg-6 col-md-6 col-sm-12"><div class="form-group" style="text-align:left;">'+
                                                            '<label>Razón social*</label>'+
                                                            '<input type="text" class="form-control" id="nameInvoice" placeholder="Ingresa tu razón social*">'+
                                                        '</div></div>'+
                                                        '<div class="col-lg-6 col-md-6 col-sm-12"><div class="form-group" style="text-align:left;">'+
                                                            '<label>RFC*</label>'+
                                                            '<input type="text" class="form-control" id="rfcInvoice" placeholder="RFC*">'+
                                                        '</div></div>'+
                                                        '<div class="col-lg-6 col-md-6 col-sm-12"><div class="form-group" style="text-align:left;">'+
                                                            '<label>Regimen Fiscal*</label>'+
                                                            response.viewRegimen+
                                                        '</div></div>'+
                                                        '<div class="col-lg-6 col-md-6 col-sm-12"><div class="form-group" style="text-align:left;">'+
                                                            '<label>Domicilio Fiscal* (calle y número)</label>'+
                                                            '<input type="text" class="form-control" id="addressInvoice" placeholder="Domicilio fiscal (calle y número)">'+
                                                        '</div></div>'+
                                                        '<div class="col-lg-6 col-md-6 col-sm-12"><div class="form-group" style="text-align:left;">'+
                                                            '<label>Código Postal*</label>'+
                                                            '<input type="text" class="form-control" id="cpInvoice" placeholder="Código postal">'+
                                                        '</div></div>'+
                                                        '<div class="col-lg-6 col-md-6 col-sm-12"><div class="form-group" style="text-align:left;">'+
                                                            '<label>Uso de CFDI*</label>'+
                                                            response.viewCFDI+
                                                        '</div></div>'+
                                                        '<div class="col-lg-6 col-md-6 col-sm-12"><div class="form-group" style="text-align:left;">'+
                                                            '<label>Folio de compra*</label>'+
                                                            '<input type="text" class="form-control" id="folioInvoice" placeholder="Folio de compra">'+
                                                        '</div></div>'+
                                                        '<div class="col-lg-6 col-md-6 col-sm-12"><div class="form-group" style="text-align:left;">'+
                                                            '<label>Correo electrónico para recibir la factura*</label>'+
                                                            '<input type="text" class="form-control" id="mailInvoice" placeholder="Correo electrónico para recibir factura">'+
                                                        '</div></div>'+
                                                        '<div class="col-lg-6 col-md-6 col-sm-12"><div class="form-group" style="text-align:left;">'+
                                                            '<label>Selecciona el tipo de tarjeta*</label><br /><small>*Con la que se realizó el pago al momento de la compra</small>'+
                                                            '<select class="form-control" id="tarjeta">'+
                                                                '<option value="-1" selected="selected">Seleccionar...</option>'+
                                                                '<option value="debito">Débito</option>'+
                                                                '<option value="credito">Crédito</option>'+
                                                                '<option value="transferencia">Transferencia</option>'+
                                                                '<option value="spei">SPEI</option>'+
                                                                '<option value="otro">No aplica</option>'+
                                                            '</select>'+
                                                        '</div></div>'+
                                                        '<div class="col-lg-6 col-md-6 col-sm-12"><div class="form-group" style="text-align:left;">'+
                                                            '<label></label>'+
                                                            ''+
                                                        '</div></div>'+
                                                        '<div class="col-lg-12 col-md-12 col-sm-12"><div style="text-align: center;">'+
                                                            '<button type="button" class="btn btn-primary mt-4" id="requestInvoice">Generar Factura</button>'+
                                                        '</div></div>'+
                                                    '</div>'+
                                                    '<div class="row append-section" style="background-color:#ededed;">'+
                                                    '<div class="col-12 col-lg-3 col-md-3 col-sm-12"></div><div class="col-12 col-lg-6 col-md-6 col-sm-12">'+
                                                        '<div id="contentInvoiceRequest" >'+
                                                        
                                                        '</div></div><div class="col-12 col-lg-3 col-md-3 col-sm-12"></div>'+
                                                    '</div>'+ 
                                                 '</div>');
               }
        });
        
    }


    $(document).on('click','#requestInvoice', function(){ 
        var nameInvoice         = $("#nameInvoice").val();
        var rfcInvoice          = $("#rfcInvoice").val();
        var cfdi                = $("#cfdi").val();
        var regimen             = $("#regimen").val();
        var addressInvoice      = $("#addressInvoice").val();
        var cpInvoice           = $("#cpInvoice").val();
        var folioInvoice        = $("#folioInvoice").val();
        var mailInvoice         = $("#mailInvoice").val();
        var tarjeta         = $("#tarjeta").val();
        var flag = "true";
        
        if (tarjeta == "-1") {
            flag = "false";
            $("#tarjeta").css({
                "-moz-box-shadow": "0 0 5px #f40404",
                "-webkit-box-shadow": "0 0 5px #f40404",
                "box-shadow": "0 0 5px #f40404"
            }
            );
        }
        
        if (nameInvoice == "") {
            flag = "false";
            $("#nameInvoice").css({
                "-moz-box-shadow": "0 0 5px #f40404",
                "-webkit-box-shadow": "0 0 5px #f40404",
                "box-shadow": "0 0 5px #f40404"
            }
            );
        }
        
        if (rfcInvoice == "") {
            flag = "false";
            $("#rfcInvoice").css({
                "-moz-box-shadow": "0 0 5px #f40404",
                "-webkit-box-shadow": "0 0 5px #f40404",
                "box-shadow": "0 0 5px #f40404"
            }
            );
        }
        
        if (cfdi == "-1") {
            flag = "false";
            $("#cfdi").css({
                "-moz-box-shadow": "0 0 5px #f40404",
                "-webkit-box-shadow": "0 0 5px #f40404",
                "box-shadow": "0 0 5px #f40404"
            }
            );
        }
        
        if (regimen == "-1") {
            flag = "false";
            $("#regimen").css({
                "-moz-box-shadow": "0 0 5px #f40404",
                "-webkit-box-shadow": "0 0 5px #f40404",
                "box-shadow": "0 0 5px #f40404"
            }
            );
        }
        
        if (addressInvoice == "") {
            flag = "false";
            $("#addressInvoice").css({
                "-moz-box-shadow": "0 0 5px #f40404",
                "-webkit-box-shadow": "0 0 5px #f40404",
                "box-shadow": "0 0 5px #f40404"
            }
            );
        }
        
        if (cpInvoice == "") {
            flag = "false";
            $("#cpInvoice").css({
                "-moz-box-shadow": "0 0 5px #f40404",
                "-webkit-box-shadow": "0 0 5px #f40404",
                "box-shadow": "0 0 5px #f40404"
            }
            );
        }
        
        if (folioInvoice == "") {
            flag = "false";
            $("#folioInvoice").css({
                "-moz-box-shadow": "0 0 5px #f40404",
                "-webkit-box-shadow": "0 0 5px #f40404",
                "box-shadow": "0 0 5px #f40404"
            }
            );
        }
        
        if (mailInvoice == "") {
            flag = "false";
            $("#mailInvoice").css({
                "-moz-box-shadow": "0 0 5px #f40404",
                "-webkit-box-shadow": "0 0 5px #f40404",
                "box-shadow": "0 0 5px #f40404"
            }
            );
        }
        
        if(flag == 'true'){
            $.ajax({
                type: "POST",
                dataType: "jsonp",
                jsonp: "callback",
                data: { 
                    "nameInvoice": nameInvoice,
                    "rfcInvoice": rfcInvoice,
                    "cfdi": cfdi,
                    "regimen": regimen,
                    "addressInvoice": addressInvoice,
                    "cpInvoice": cpInvoice,
                    "folioInvoice": folioInvoice,
                    "tarjeta": tarjeta,
                    "mailInvoice": mailInvoice
                },
                url: 'https://factura.lamimigb.com/APPShopify/requestInvoice',
                beforeSend: function () {
                      /*$.LoadingOverlaySetup({
                            background: "rgba(242, 242, 242, 0.5)",
                            imageAnimation: "1.5s fadein"
                        });

                        $.LoadingOverlay("show");*/
                    $("#contentInvoiceRequest").html("<h4>Generando Factura...</h4>");
                },
                success: function (response) {
                       //$.LoadingOverlay("hide");
                       if(response.status == 'true'){
                           alert('Tu factura ha sido enviada al correo electrónico ingresado.');
                           $("#contentInvoiceRequest").html(response.htmlData);
                       }else{
                           
                           $("#contentInvoiceRequest").html(response.htmlData);
                       }
                       
                   }
            });
        }else{
            alert('Favor de ingresar la información requerida.');
        }
        
    });
   
   
   $(document).on('click','.generateInvoice', function(){ 
        var nameInvoice         = "YESCICA SALINAS MONGE";
        var rfcInvoice          = "SAMY760616SM1";
        var cfdi                = "G03";
        var regimen             = "626";
        var addressInvoice      = "Arbolesda 22";
        var cpInvoice           = "52176";
        var folioInvoice        = "2900";
        var mailInvoice         = "cfernandez@svs.mx";
        var flag = "true";
        
        if (nameInvoice == "") {
            flag = "false";
            $("#nameInvoice").css({
                "-moz-box-shadow": "0 0 5px #f40404",
                "-webkit-box-shadow": "0 0 5px #f40404",
                "box-shadow": "0 0 5px #f40404"
            }
            );
        }
        
        if (rfcInvoice == "") {
            flag = "false";
            $("#rfcInvoice").css({
                "-moz-box-shadow": "0 0 5px #f40404",
                "-webkit-box-shadow": "0 0 5px #f40404",
                "box-shadow": "0 0 5px #f40404"
            }
            );
        }
        
        if (cfdi == "-1") {
            flag = "false";
            $("#cfdi").css({
                "-moz-box-shadow": "0 0 5px #f40404",
                "-webkit-box-shadow": "0 0 5px #f40404",
                "box-shadow": "0 0 5px #f40404"
            }
            );
        }
        
        if (regimen == "-1") {
            flag = "false";
            $("#regimen").css({
                "-moz-box-shadow": "0 0 5px #f40404",
                "-webkit-box-shadow": "0 0 5px #f40404",
                "box-shadow": "0 0 5px #f40404"
            }
            );
        }
        
        if (addressInvoice == "") {
            flag = "false";
            $("#addressInvoice").css({
                "-moz-box-shadow": "0 0 5px #f40404",
                "-webkit-box-shadow": "0 0 5px #f40404",
                "box-shadow": "0 0 5px #f40404"
            }
            );
        }
        
        if (cpInvoice == "") {
            flag = "false";
            $("#cpInvoice").css({
                "-moz-box-shadow": "0 0 5px #f40404",
                "-webkit-box-shadow": "0 0 5px #f40404",
                "box-shadow": "0 0 5px #f40404"
            }
            );
        }
        
        if (folioInvoice == "") {
            flag = "false";
            $("#folioInvoice").css({
                "-moz-box-shadow": "0 0 5px #f40404",
                "-webkit-box-shadow": "0 0 5px #f40404",
                "box-shadow": "0 0 5px #f40404"
            }
            );
        }
        
        if (mailInvoice == "") {
            flag = "false";
            $("#mailInvoice").css({
                "-moz-box-shadow": "0 0 5px #f40404",
                "-webkit-box-shadow": "0 0 5px #f40404",
                "box-shadow": "0 0 5px #f40404"
            }
            );
        }
        
        if(flag == 'true'){
            $.ajax({
                type: "POST",
                dataType: "json",
                data: { 
                    "nameInvoice": nameInvoice,
                    "rfcInvoice": rfcInvoice,
                    "cfdi": cfdi,
                    "regimen": regimen,
                    "addressInvoice": addressInvoice,
                    "cpInvoice": cpInvoice,
                    "folioInvoice": folioInvoice,
                    "mailInvoice": mailInvoice
                },
                url: '/APPShopify/requestInvoice',
                beforeSend: function () {
                      /*$.LoadingOverlaySetup({
                            background: "rgba(242, 242, 242, 0.5)",
                            imageAnimation: "1.5s fadein"
                        });

                        $.LoadingOverlay("show");*/

                },
                success: function (response) {
                       //$.LoadingOverlay("hide");
                       if(response.status == 'true'){
                           $("#contentInvoiceRequest").html(response.htmlData);
                       }else{
                           alert('Error: '+response.message+'.');
                       }
                       
                   }
            });
        }else{
            alert('Favor de ingresar la información requerida.');
        }
        
    });
})
}, 1500);