function cotizar(id) {
    if (!localStorage.getItem('coti')) {
        localStorage.setItem('coti', '[]');
    }

    var cotizaciones = JSON.parse(localStorage.getItem('coti'))
    var index=cotizaciones.indexOf(parseInt(id))
    var btn_cotizar_detalle= document.getElementsByClassName('btn_cotizar_'+id);

    // console.log('Index',index);

    if(index == -1 ){
        cotizaciones.push(id)
        for (var y = 0; y<btn_cotizar_detalle.length; y++) {
            btn_cotizar_detalle[y].innerHTML=`Quitar de la cotización`
        }
    }
    else{
        cotizaciones.splice( index, 1 );
        for (var y = 0; y<btn_cotizar_detalle.length; y++) {
            btn_cotizar_detalle[y].innerHTML=`Agregar a cotización`
        }
    }
    //console.log(cotizaciones);

    var coti = JSON.parse(localStorage.getItem('cotizador'))
    var count_coti=document.getElementsByClassName('count_coti')
    if(cotizaciones.length>0 || coti.length>0){
        for (let i = 0; i < count_coti.length; i++) {
            count_coti[i].removeAttribute('style')
            count_coti[i].innerText=(cotizaciones.length+coti.length)
        }
    }
    else{
        for (let i = 0; i < count_coti.length; i++) {
            count_coti[i].setAttribute('style','display:none;')
        }
    }

    localStorage.setItem('coti', JSON.stringify(cotizaciones));

}

function setCotizar() {
    try {
        var cotizaciones = JSON.parse(localStorage.getItem('coti'))
        
        for (let index = 0; index < cotizaciones.length; index++) {
            var btn_cotizar_detalle= document.getElementsByClassName('btn_cotizar_'+cotizaciones[index]);
            for (var y = 0; y<btn_cotizar_detalle.length; y++) {
                //btn_cotizar_detalle[y].setAttribute('class','favorite btn_detalle_'+id)
                btn_cotizar_detalle[y].innerHTML=`Quitar de la cotización`
            }    
        }
    } catch (error) {
        localStorage.setItem('coti', '[]');
    }

    try {
        var coti = JSON.parse(localStorage.getItem('cotizador'))
        var cotizaciones = JSON.parse(localStorage.getItem('coti'))
        if(cotizaciones.length>0 || coti.length>0){
            var count_coti=document.getElementsByClassName('count_coti')
            for (let i = 0; i < count_coti.length; i++) {
                count_coti[i].removeAttribute('style')
                count_coti[i].innerText=(cotizaciones.length+coti.length)
            }
        }
    } catch (error) {
        localStorage.setItem('cotizador', '[]');
    }
}

$( document ).ready(function(){
    setCotizar()
});

function btn_cotizar_form() {
    var nombre=document.querySelector('#a_nombre').value
    var cantidad=document.querySelector('#a_cantidad').value
    var descripcion=document.querySelector('#a_descripcion').value

    $('#a_nombre_error').removeClass('error')
    $('#a_cantidad_error').removeClass('error')

    if (nombre !='' && cantidad !='') {
        var btn_send_coti = document.querySelector('#btn_send_coti')
        var folio=localStorage.getItem('folio')
        var datos={
            nombre,
            cantidad,
            descripcion,
            archivos:archivo,
            folio
        }

        // console.log('Entree',datos);
        btn_send_coti.setAttribute('style','display:none;')

        fetch('/p_coti', {
            method: 'PATCH',
            body: JSON.stringify(datos),
            headers:{'Content-Type': 'application/json'}
        })
        .then(response=>response.json())
        .then(response=>{
            // console.log(response)
            !folio && localStorage.setItem('folio',response.folio)

            if (!localStorage.getItem('cotizador')) {
                localStorage.setItem('cotizador', '[]');
            }

            var cotizador = JSON.parse(localStorage.getItem('cotizador'))
            var new_datos= {
                nombre,
                cantidad,
                descripcion,
                folio: response.folio,
                id: response.ID
            }
            cotizador.push(new_datos)

            localStorage.setItem('cotizador', JSON.stringify(cotizador));

            location.href ="/cotizacion-agregada";
        })
        .catch(err=>{
            console.log(err);
            btn_send_coti.removeAttribute('style')
        })        
    }
    else{
        nombre=='' && $('#a_nombre_error').addClass('error')
        cantidad=='' && $('#a_cantidad_error').addClass('error')
    }
}

function sendDatos() {
    var d_nombre=document.querySelector('#d_nombre').value
    var d_apellidos=document.querySelector('#d_apellidos').value
    var d_email=document.querySelector('#d_email').value
    var d_whatsapp=document.querySelector('#d_whatsapp').value
    var d_empresa=document.querySelector('#d_empresa').value

    var ds_estado=document.querySelector('#ds_estado').value
    var ds_ciudad=document.querySelector('#ds_ciudad').value
    var ds_sucursal=document.querySelector('#ds_sucursal').value


    var dd_calle=document.querySelector('#dd_calle').value
    var dd_numexterior=document.querySelector('#dd_numexterior').value
    var dd_numinterior=document.querySelector('#dd_numinterior').value
    var dd_codigopostal=document.querySelector('#dd_codigopostal').value
    var dd_estado=document.querySelector('#dd_estado').value
    var dd_ciudad=document.querySelector('#dd_ciudad').value
    var dd_colonia=document.querySelector('#dd_colonia').value
    var dd_referencias=document.querySelector('#dd_referencias').value
    var ds_direccion_sucursal=document.querySelector('#direccion_sucursal').innerText

    $('#d_nombre_err').removeClass('error')
    $('#d_apellidos_err').removeClass('error')
    $('#d_email_err').removeClass('error')

    $('#ds_estado_err').removeClass('error')
    $('#ds_ciudad_err').removeClass('error')
    $('#ds_sucursal_err').removeClass('error')

    $('#dd_calle_err').removeClass('error')
    $('#dd_numexterior_err').removeClass('error')
    $('#dd_codigopostal_err').removeClass('error')
    $('#dd_colonia_err').removeClass('error')
    $('#dd_estado_err').removeClass('error')
    $('#dd_ciudad_err').removeClass('error')

    if(tipo=='sucursal'){
        if(d_nombre !='' && d_apellidos !='' && d_email !='' && ds_estado !='' && ds_ciudad !='' && ds_sucursal){
            var folio=localStorage.getItem('folio')
            var cotizador = JSON.parse(localStorage.getItem('cotizador'))
            var cotizador_files = JSON.parse(localStorage.getItem('cotizador_files'))
            var coti_qty = JSON.parse(localStorage.getItem('coti_qty'))

            var datos={
                tipo,
                d_nombre,
                d_apellidos,
                d_email,
                d_whatsapp,
                d_empresa,
        
                ds_estado,
                ds_ciudad,
                ds_sucursal,
                ds_direccion_sucursal,
        
                dd_calle,
                dd_numexterior,
                dd_numinterior,
                dd_codigopostal,
                dd_estado,
                dd_ciudad,
                dd_colonia,
                dd_referencias,

                folio,
                cotizador,
                coti_qty,
                cotizador_files
            }

            console.log(datos);
            fetch('/p_coti', {
                method: 'PUT',
                body: JSON.stringify(datos),
                headers:{'Content-Type': 'application/json'}
            })
            .then(response=>response.json())
            .then(response=>{
                // console.log(response)    
                localStorage.setItem('folio_tmp', response.folio);           

                localStorage.removeItem('folio')
                localStorage.removeItem('cotizador')
                localStorage.removeItem('coti')
                localStorage.removeItem('coti_qty')
                localStorage.removeItem('cotizador_files')

                location.href ="/solicitud-finalizada";
            })
            .catch(err=>{
                console.log(err);
            })
        }
        else{
            d_nombre =='' && $('#d_nombre_err').addClass('error')
            d_apellidos =='' && $('#d_apellidos_err').addClass('error')
            d_email =='' && $('#d_email_err').addClass('error')
            ds_estado =='' && $('#ds_estado_err').addClass('error')
            ds_ciudad =='' && $('#ds_ciudad_err').addClass('error')
            ds_sucursal =='' && $('#ds_sucursal_err').addClass('error')
        }
    }
    else{
        if(d_nombre !='' && d_apellidos !='' && d_email !='' && dd_calle !='' && dd_numexterior !='' && dd_codigopostal !='' && dd_colonia != '' && dd_estado !='' && dd_ciudad){
            var folio=localStorage.getItem('folio')
            var cotizador = JSON.parse(localStorage.getItem('cotizador'))
            var cotizador_files = JSON.parse(localStorage.getItem('cotizador_files'))
            var coti_qty = JSON.parse(localStorage.getItem('coti_qty'))

            var datos={
                tipo,
                d_nombre,
                d_apellidos,
                d_email,
                d_whatsapp,
                d_empresa,
        
                ds_estado,
                ds_ciudad,
                ds_sucursal,
                ds_sucursal,
                ds_direccion_sucursal,
        
                dd_calle,
                dd_numexterior,
                dd_numinterior,
                dd_codigopostal,
                dd_estado,
                dd_ciudad,
                dd_colonia,
                dd_referencias,

                folio,
                cotizador,
                coti_qty,
                cotizador_files
            }

            fetch('/p_coti', {
                method: 'PUT',
                body: JSON.stringify(datos),
                headers:{'Content-Type': 'application/json'}
            })
            .then(response=>response.json())
            .then(response=>{
                // console.log(response)
                localStorage.setItem('folio_tmp', response.folio);

                localStorage.removeItem('folio')
                localStorage.removeItem('cotizador')
                localStorage.removeItem('coti')
                localStorage.removeItem('coti_qty')
                localStorage.removeItem('cotizador_files')

                location.href ="/solicitud-finalizada";
            })
            .catch(err=>{
                console.log(err);
            })
        }
        else{
            d_nombre =='' && $('#d_nombre_err').addClass('error')
            d_apellidos =='' && $('#d_apellidos_err').addClass('error')
            d_email =='' && $('#d_email_err').addClass('error')
            dd_calle =='' && $('#dd_calle_err').addClass('error')
            dd_numexterior =='' && $('#dd_numexterior_err').addClass('error')
            dd_codigopostal =='' && $('#dd_codigopostal_err').addClass('error')
            dd_colonia =='' && $('#dd_colonia_err').addClass('error')
            dd_estado =='' && $('#dd_estado_err').addClass('error')
            dd_ciudad =='' && $('#dd_ciudad_err').addClass('error')
        }
    }

}

function btn_cotizar_form_new() {
    var formu = document.querySelector('#cotizador-form').children
    var datos = []
    var error = false

    for (let index = 0; index < formu.length; index++) {
        let nombre = formu[index].querySelector('#a_nombre').value;
        let marca = formu[index].querySelector('#a_marca').value;
        let cantidad = formu[index].querySelector('#a_cantidad').value;

        formu[index].querySelector('#a_nombre_error').classList.remove('error')
        formu[index].querySelector('#a_cantidad_error').classList.remove('error')

        if(nombre!='' && cantidad !=''){
            datos.push({nombre,marca,cantidad})
        }
        else{
            nombre =='' && formu[index].querySelector('#a_nombre_error').classList.add('error')
            cantidad =='' && formu[index].querySelector('#a_cantidad_error').classList.add('error')
            error = true
        }
    }

    if(!error){
        // console.log(datos);
        var folio=localStorage.getItem('folio')
        fetch('/p_coti_p', {
            method: 'PATCH',
            body: JSON.stringify({datos,folio}),
            headers:{'Content-Type': 'application/json'}
        })
        .then(response=>response.json())
        .then(response=>{
            console.log(response)

            !folio && localStorage.setItem('folio',response.folio)

            if (!localStorage.getItem('cotizador')) {
                localStorage.setItem('cotizador', '[]');
            }

            var cotizador = JSON.parse(localStorage.getItem('cotizador'))

            var insertado = response.insertado

            cotizador.push(...insertado)

            localStorage.setItem('cotizador', JSON.stringify(cotizador));

            location.href ="/cotizacion-agregada";
        })
        .catch(err=>{
            console.log(err);
        })
    }
}

function btn_cotizar_files() {
    console.log('Entre',archivo);

    $('#myDropzone').removeClass('error')

    if(archivo.length != 0){
        var folio=localStorage.getItem('folio')

        fetch('/p_coti_p', {
            method: 'PUT',
            body: JSON.stringify({folio, archivo}),
            headers:{'Content-Type': 'application/json'}
        })
        .then(response=>response.json())
        .then(response=>{
            console.log(response)

            !folio && localStorage.setItem('folio',response.folio)

            if (!localStorage.getItem('cotizador_files')) {
                localStorage.setItem('cotizador_files', '[]');
            }

            var cotizador = JSON.parse(localStorage.getItem('cotizador_files'))

            var insertado = response.insertado

            cotizador.push(insertado)

            localStorage.setItem('cotizador_files', JSON.stringify(cotizador));

            location.href ="/cotizacion-agregada";
        })
        .catch(err=>{
            console.log(err);
        })
    }
    else{
        $('#myDropzone').addClass('error')
    }
}