<?php session_start();
    $_SESSION['envio'] = null;
    unset($_SESSION['envio']);



    $_SESSION["refSkip"] = DOCROOT.substr($_SERVER['REQUEST_URI'],1);
    is_login(DOCROOT."login.html");
    $userid = $_SESSION['userid'];

    // borro el tipo de envio para que se vuelva a cargar, sino es un bardo
    $_SESSION["tipo_envio"] = '';


    //get the coupon amount and code
    $uri = $_SERVER['REQUEST_URI'];
    $coupon_url = explode('=',$uri);

    if(is_numeric($coupon_url[1]))
    {
        $coupon_id = $coupon_url[1];
        $gifttype='';
    }
    else
    {
        $coupon_url = explode('&',$coupon_url[1]);
        $coupon_id = $coupon_url[0];
        $gifttype='gift';
    }

    $coupon_info = get_coupon_code($coupon_id);
    if(mysql_num_rows($coupon_info)>0)
    {
        while($row = mysql_fetch_array($coupon_info))
        {
            if ($row['mp_o_tp']==0){
              url_redirect(DOCROOT."purchase.html?cid=".$coupon_id); 
            }
            $coupon_code = $row["coupon_id"];
            $total_payable_amount = $row["coupon_value"];

            if(ctype_digit($total_payable_amount)) {
                $total_payable_amount = $total_payable_amount;
            }
            else
            {
                $total_payable_amount = number_format($total_payable_amount, 2,',','');
                $total_payable_amount = explode(',',$total_payable_amount);
                $total_payable_amount = $total_payable_amount[0].'.'.$total_payable_amount[1];
            }

            $couponname = html_entity_decode($row["coupon_name"], ENT_QUOTES);
            $coupondesc = html_entity_decode($row["coupon_description"], ENT_QUOTES);
            $imagen    = $row["coupon_image"];
            $absorcion = $row["absorcion"];
            $cuotas    = $row["cuotas"];
            $id_padre = ($row["idopciones"] != '0' && $row["idopciones"] != null)?$id_padre = $row["idopciones"]:$id_padre = $row["coupon_id"];
        }
    }

$user = new userManager($userid);
$dataenvio = enviosManager::aptoEnvios($coupon_code);
$provincias = enviosManager::getProvincias();

?>
<link href="<?php echo DOCROOT?>themes/responsive/css/bootstrap.min.css" rel="stylesheet">
<style>
    </style>

    <script type="text/javascript">
        <!--
        (function() {
            var productID = "<?php echo $id_padre?>"; // Replace the string %ProductID% as mentioned above.
            var place = document.getElementsByTagName("body")[0];
            var aep = document.createElement("script");
            aep.type = "text/javascript";
            aep.async = true;
            aep.src = "//e.nspmotion.com/strack/?store=IWSO&e=initco&tt=j&prod=<?php echo $id_padre?>&r=" + Math.random();
            place.appendChild(aep);
        })();
        // -->
    </script>
<input type="hidden" id="precio_unitario" value="<?php echo $total_payable_amount?>">
<aside style="background-color:white">
    <h3 style="text-align:left">1. Mi cuenta:</h3>
        <p class="desc_mod_cup">¡Hola <b><?php echo $user->email?></b>!</p>
    <h3 style="text-align:left">2. Mi compra:</h3>
    <div id="ficha">
    <div class="contenedor">
    <div class="popcompra" style="border: 0px;">
    <div class="img_mod_cup"><img src="<?php echo DOCROOT?><?php echo $imagen?>" alt="" width="230" style="1px solid"/></div>
<div class="data_mod_cup">
<p class="desc_mod_cup"><?php echo $couponname;?></p>
<?php
if(@$absorcion != '')
{
?>
    <p class="desc_mod_cup">¡Pagalo en <span style="color:#bf0404;font-weight: bold">12</span> cuotas sin interés!</p>
<?php
}
?>

    <div id="datos_cantidad">
    <span>Cantidad:</span>
    <input id="cant" class="input-text qty"  readonly="readonly" type="text" name="qty" value="1" style= "border: 3px solid #c9c9c9;padding: .34em;font-size: 1.0em;outline: none;width: 2.222em;font-weight: 400;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin-bottom:10px">
<?php
    /*if($dataenvio[0]["peso"] > 20)
    { */
?>
        <button id="add" type="button" class="cant"><img src="<?php echo DOCROOT ?>themes/responsive/images/add.svg" alt=""></button>
        <button id="minus" type="button" class="cant"><img src="<?php echo DOCROOT ?>themes/responsive/images/minus.svg" alt=""></button>
<?php
   /* }
else{
        echo " (Sólo 1 cupón por comprador) ";
}    */
?>
     </div>

<?php
if(!empty($dataenvio)) {
    ?>
    <div id="datas_envio">
    <div id="datas_envio_texto" style="color: red;display: none">Cargá los datos de envío</div>
    <input type="hidden" name="es_con_envio" id="es_con_envio" value="si">
    <script>
        var costo_envio = 0;
    </script>

    <input type="radio" id="domicilio1" value="1" name="domicilio1"><label for="domicilio1" style="margin-left: 3px"> Retiro por Villa Crespo (Gratis)</label></span><br />
    <input type="radio" id="domicilio3" value="3" name="domicilio1"><label for="domicilio3" style="margin-left: 3px"> Moto a Capital Federal ($170, abonas el envío al recibirlo)</label></span><br />
    <input type="radio" id="domicilio2" value="0" name="domicilio1"><label for="domicilio2" style="margin-left: 3px"> Envío a Todo el país</label></span>
    <div class="userlog" style="width: 100%; margin-bottom: 0px;display:none" id="boton_todo_pais">
        Total a Pagar: <b><?php echo "$".$total_payable_amount;?>, en hasta 12 cuotas sin interes</b><br />
        <input type="button" value="Continuar" style="background-color: #99cc00; color: white;width:150px" id="continuar_todo_pais">
    </div>


     <div class="userlog" style="width: 100%; margin-bottom: 0px;display:none" id="envio_todo_pais">
        <div class="fieldEmail" id="cp_cp">
            <span style="width:100%">Ingresá código postal (4 digitos):</span>
            <input type="text" placeholder="Código Postal" id="codigop" name="codigop" style="width:50%" maxlength="4">
            <span style="width:100%">¿No lo conoces? Averigualo haciendo click <a href="http://wxw.oca.com.ar/contenidos_dinamicos/cpa.asp" style="color:blue" target="_blank">Aquí</a>.</span>
            <input type="button" value="Calcular envío" style="background-color: #99cc00; color: white;width:150px" id="consultar_envio_oca">
        </div>
        <div id = "selector_envio" style="display:none" class="info">
            <div style="float: left">
                <input type="radio" name="tipo_envio" id="d" value="domicilio" style="width: 20px; border-top:0px" onclick="$('#sucursal').hide();$('#tipo_domicilio').show();$('#boton_guardar_envio').show()">
            </div>
            <div style="float: left">
                <label for="d">
                    <span id="precio_envio" for="d"></span>
                </label>
            </div>
            <div class="selector">
                <div  style="float: left">
                    <input type="radio" name="tipo_envio" id="s" value="sucursal" style="width: 20px;border-top:0px" onclick="$('#sucursal').show();$('#tipo_domicilio').hide();$('#boton_guardar_envio').show()">
                </div>
                <div style="float: left">
                    <label for="s">
                        <span id="precio_sucursal"></span><span id="sucursal" style="display: none"></span>
                    </label>
                </div>
            </div>
        </div>
        <div id="tipo_domicilio" style="display:none">
            <input type="text" placeholder="Calle" id="calle" name="calle">
            <input type="text" placeholder="Numero"  id="numero" name="numero">
            <input type="text" placeholder="Piso"  id="piso" name="piso">
            <input type="text" placeholder="Depto"  id="depto" name="depto">
            <input type="text" placeholder="Ciudad"  id="ciudad" name="ciudad">
            <input type="text" placeholder="Provincia"  id="provincia" name="provincia">
        </div>
        <div id="boton_guardar_envio" style="display:none">
            <input type="button" value="Guardar" style="background-color: #99cc00; color: white;width:150px" id="guardar_envio"><span style="color:red;display:none" id="error_domi">Te falta completar algún campo</span>
        </div>
        <div id="datos_envio" style="display:none">
            <h3 style="text-align:left;margin-bottom: 0px;margin-top:5px">Detalle del envío:</h3>
            <div class="fieldEmail">
                <div style="width:100%">Tipo de envío: <span id="tipo_envio_valor"></span></div>
                <div style="width:100%">Cantidad: <span id="cantidad_valor"></span></div>
                <div style="width:100%">Código Postal: <span id="codigopostal_valor"></span></div>
                <div style="width:100%">Tiempo de llegada a sucursal: <span id="valor_llegada"></span> dias</div>
                <div id="tipo_envio_impreso_sucursal">
                    <span style="width:100%">Sucursal: <span id="valor_sucursal"></span></span>
                </div>

                <div id="tipo_envio_impreso_domicilio">
                    <input type="hidden" placeholder="Calle" id="h_calle" name="calle">
                    <input type="hidden" placeholder="Numero"  id="h_numero" name="numero">
                    <input type="hidden" placeholder="Piso"  id="h_piso" name="piso">
                    <input type="hidden" placeholder="Depto"  id="h_depto" name="depto">
                    <input type="hidden" placeholder="Ciudad"  id="h_ciudad" name="ciudad">
                    <input type="hidden" placeholder="Provincia"  id="h_provincia" name="provincia">

                    <span>Calle: <span id="valor_calle"></span></span>
                    <span>Numero: <span id="valor_numero"></span></span>
                    <span>Piso: <span id="valor_piso"></span></span>
                    <span>Depto: <span id="valor_depto"></span></span><br />
                    <span>Ciudad: <span id="valor_ciudad"></span></span>
                    <span>Provincia: <span id="valor_provincia"></span></span>
                </div>
                <input type="button" value="Modificar datos de envío" style="background-color: #99cc00; color: white;width:150px" id="modificar_envio">
            </div>
        </div>

        <div id="costo_envio_mostrado" class="fieldEmail" style="text-align:left">
            <h3 style="text-align:left;margin-bottom: 0px;margin-top:5px">Detalle del pago:</h3>
            <span>Costo Envio: <span id="costo_envio_valor"><b>Lo calculas aqui arriba</b></span><br />
            <span>Precio producto: <span id="precio_mostrado"><b><?php echo "$".$total_payable_amount;?></b></span><br />
            <span>Total a pagar: </span><span id="precio_mostrado_final"><b>Falta que calcules el envío arriba</b>, en hasta 12 cuotas sin interes</span>
        </div>
    </div>
<?php
}
else{
    ?>
    <input type="hidden" name="es_con_envio" id="es_con_envio" value="no">
    <span>Total a pagar: <span id="precio_mostrado" style="font-weight: bold"><?php echo "$".$total_payable_amount;?></span><br />
    <div class="userlog" style="width: 100%">
    <input type="button" value="Continuar" style="background-color: #99cc00; color: white;width:150px" id="continuar_sin_envio">
    </div>
<?php

}
?>




</div>
</div>
</div>
    <style>
        .camposform{
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flex;
            display: -o-flex;
            display: flex;
            -webkit-flex-wrap: wrap;
            -moz-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            -o-flex-wrap: wrap;
            flex-wrap: wrap;
            margin-bottom:10px;
        }
        .camposform input{
            width: 90% !important;
        }
        .camposform li{
            width: 50%;
        }
        .camposform li p{
            margin-bottom: 2px;
            margin-top: 5px;
        }
        @media screen and (max-width: 500px) {
            .camposform{
                -webkit-flex-direction: column;
                -moz-flex-direction: column;
                -ms-flex-direction: column;
                -o-flex-direction: column;
                flex-direction: column;
            }
            .camposform input{
                width: 100%
            }
            .camposform li{
                width: 100%;
            }
        }
    </style>

    <input type="hidden" name="valor_precio_envio" id="valor_precio_envio" value="0">
    <input type="hidden" name="valor_precio_envio_unit" id="valor_precio_envio_unit" value="0">
    <br />

    <!-- medios de pago -->
    <div id="error_medios_p" style="display:none">
        <h3 style="text-align:left">3. Medios de pago:</h3>
        <div class="container-fluid">
            <div class="row" style="border:1px solid #CCC;display:none">
                <div  class="col-md-7" style="padding-top:5px;">
                    <h2 style="font-size:14px; font-weight:bold;"><span style="font-size:22px;margin-left:3px">Promociones validas para todas las tarjetas de todos los bancos.</span></h2>
                    <p>
                        <img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/visa.png" width="50" style="padding-top:2px;">
                        <img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/amex.png" width="50" style="padding-top:2px;">
                        <img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/master.png" width="50" style="padding-top:2px;" >
                        <img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/diners.png" width="50" style="padding-top:2px;">
                        <img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/cabal.png" width="50" style="padding-top:2px;">
                        <img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/naranja.png" width="50" style="padding-top:2px;">
                        <img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/shopping.png" width="50" style="padding-top:2px;">
                    </p>
                    <h2 style="font-size:14px; font-weight:bold;"><input type="radio" name="pago" id="pago_1cuota" value="tp"><label for="pago_1cuota" style="cursor:hand"><span style="font-size:22px;margin-left:3px">1</span> pago de $<span id="1p_cuotas"></span></label></h2>
                    <h2 style="font-size:14px; font-weight:bold; line-height:20px;"><input type="radio" name="pago" id="pago_3cuota" value="tp"><label for="pago_3cuota" style="cursor:hand"><span style="font-size:22px;margin-left:3px">3</span> cuotas fijas de $<span id="3p_cuotas"></span> <span style="color:#2f33ae"> </span><span style="display:none">($<span style="color:#2f33ae;" id="final3"></span>)</span> con <img src="https://compunera.com.ar/themes/responsive/images/logo_todopago.png" style="width:35px"></label></h2>
                    <h2 style="font-size:14px; font-weight:bold; line-height:20px;"><input type="radio" name="pago" id="pago_6cuota" value="tp"><label for="pago_6cuota" style="cursor:hand"><span style="font-size:22px;margin-left:3px">6</span> cuotas fijas de $<span id="6p_cuotas"></span> <span style="color:#2f33ae"> </span><span style="display:none">($<span style="color:#2f33ae;" id="final6"></span>)</span> con <img src="https://compunera.com.ar/themes/responsive/images/logo_todopago.png" style="width:35px"></label></h2>
                    <h2 style="font-size:14px; font-weight:bold; line-height:20px;"><input type="radio" name="pago" id="pago_12cuota" value="tp"><label for="pago_12cuota" style="cursor:hand"><span style="font-size:22px;margin-left:3px">12</span> cuotas fijas de $<span id="12p_cuotas"></span> <span style="color:#2f33ae"> </span><span style="display:none">($<span style="color:#2f33ae;" id="final12"></span>)</span> con <img src="https://compunera.com.ar/themes/responsive/images/logo_todopago.png" style="width:35px"></label></h2>
                </div>



            </div>
        </div>
        <br />
        <!--   <div class="container-fluid">
               <div class="row" style="border:1px solid #CCC;display:block">
                   <div class="col-md-9" style="padding-top:15px;border-left:1px dotted #CCC;">
                       <ul>
                           <li>
                               <input type="radio" name="pago" value="tp" id="pago_tp312"><label for="pago_tp312" style="cursor:hand;margin-left:4px">&nbsp;<img src="https://compunera.com.ar/themes/responsive/images/tarjetas/visa.jpg"></label>
                           </li>
                           <li>
                               <b>18 cuotas sin interés con VISA de todos los bancos.</b>
                           </li>
                       </ul>
                   </div>
               </div>
           </div>-->
        <div class="container-fluid">
            <div class="row" style="border:1px solid #CCC;display:block">
                <div class="col-md-9" style="padding-top:15px;border-left:1px dotted #CCC;">
                    <div class="mediospago uno">
                        <div class="tarjetascredito">
                            <p>Pagá en cuotas sin interes con estas TARJETAS DE CREDITO <img alt="ahora 3, 6, 12 y 18" src="https://compunera.com.ar/themes/responsive/images/tarjetas/ahora-3-6-12-18.png" width="110"></p>
                            <input type="radio" name="pago" onclick="javascript:show_form(true);" value="fd" id="visa"><label for="visa"><img src="https://compunera.com.ar/themes/responsive/images/tarjetas/visa.jpg" alt=""></label>
                            <input type="radio" name="pago" onclick="javascript:show_form(true);" value="fd" id="master"><label for="master"><img src="https://compunera.com.ar/themes/responsive/images/tarjetas/master.jpg" alt=""></label>
                            <!--<input type="radio" name="pago" onclick="javascript:show_form1(true,3);" value="fd" id="ahora3"><label for="ahora3"><img src="https://compunera.com.ar/themes/responsive/images/tarjetas/ahora-separados_3.png" alt="3" width="68"><img src="https://compunera.com.ar/themes/responsive/images/tarjetas/visa.jpg" width="48" alt=""><img src="https://compunera.com.ar/themes/responsive/images/tarjetas/master.jpg" width="48" alt=""></label>
                            <input type="radio" name="pago" onclick="javascript:show_form1(true,6);" value="fd" id="ahora6"><label for="ahora6"><img src="https://compunera.com.ar/themes/responsive/images/tarjetas/ahora-separados_6.png" alt="6" width="68"><img src="https://compunera.com.ar/themes/responsive/images/tarjetas/visa.jpg" width="48" alt=""><img src="https://compunera.com.ar/themes/responsive/images/tarjetas/master.jpg" width="48" alt=""></label></label>
                            <input type="radio" name="pago" onclick="javascript:show_form1(true,12);" value="fd" id="ahora12"><label for="ahora12"><img width="68" src="https://compunera.com.ar/themes/responsive/images/tarjetas/ahora-separados_12.png" alt="12"><img src="https://compunera.com.ar/themes/responsive/images/tarjetas/visa.jpg" width="48" alt=""><img src="https://compunera.com.ar/themes/responsive/images/tarjetas/master.jpg" width="48" alt=""></label></label>-->
                            <!--<input type="radio" name="pago" onclick="javascript:show_form1(true,18);" value="fd" id="ahora18"><label for="ahora18"><img width="68" src="https://compunera.com.ar/themes/responsive/images/tarjetas/ahora-separados_18.png" alt="18"></label>-->
                        </div>
                        <br /><br />
                        <div class="tarjetascredito">
                            <p>Pagá con estas TARJETAS DE CREDITO o DEBITO:</p>
                            <!--<input type="radio" name="pago" onclick="javascript:show_form(true);" value="tp" id="visa"><label for="visa"><img src="https://compunera.com.ar/themes/responsive/images/tarjetas/visa.jpg" alt=""></label>
                            <input type="radio" name="pago" onclick="javascript:show_form(true);" value="tp" id="master"><label for="master"><img src="https://compunera.com.ar/themes/responsive/images/tarjetas/master.jpg" alt=""></label>
                            <input type="radio" name="pago" onclick="javascript:show_form(true);" value="tp" id="amex"><label for="amex"><img src="https://compunera.com.ar/themes/responsive/images/tarjetas/amex.jpg" alt=""></label>
                            <input type="radio" name="pago" onclick="javascript:show_form(true);" value="tp" id="naranja"><label for="naranja"><img src="https://compunera.com.ar/themes/responsive/images/tarjetas/naranja.jpg" alt=""></label>
                            <input type="radio" name="pago" onclick="javascript:show_form(true);" value="tp" id="shopping"><label for="shopping"><img src="https://compunera.com.ar/themes/responsive/images/tarjetas/shopping.jpg" alt=""></label>
                            <input type="radio" name="pago" onclick="javascript:show_form(true);" value="tp" id="nativa"><label for="nativa"><img src="https://compunera.com.ar/themes/responsive/images/tarjetas/nativa.jpg" alt=""></label>
                            <input type="radio" name="pago" onclick="javascript:show_form(true);" value="tp" id="cencosud"><label for="cencosud"><img src="https://compunera.com.ar/themes/responsive/images/tarjetas/cencosud.jpg" alt=""></label>
                            <input type="radio" name="pago" onclick="javascript:show_form(true);" value="tp" id="cabal"><label for="cabal"><img src="https://compunera.com.ar/themes/responsive/images/tarjetas/cabal.jpg" alt=""></label>
                            <input type="radio" name="pago" onclick="javascript:show_form(true);" value="tp" id="argencard"><label for="argencard"><img src="https://compunera.com.ar/themes/responsive/images/tarjetas/argencard.jpg" alt=""></label>
                            <input type="radio" name="pago" onclick="javascript:show_form(true);" value="tp" id="diners"><label for="diners"><img src="https://compunera.com.ar/themes/responsive/images/tarjetas/diners.jpg" alt=""></label>-->
                            <input type="radio" name="pago" onclick="javascript:show_form(false);" value="mp" id="amex"><label for="amex"><img src="https://compunera.com.ar/themes/responsive/images/tarjetas/amex.jpg" alt=""></label>
                            <input type="radio" name="pago" onclick="javascript:show_form(false);" value="mp" id="naranja"><label for="naranja"><img src="https://compunera.com.ar/themes/responsive/images/tarjetas/naranja.jpg" alt=""></label>
                            <input type="radio" name="pago" onclick="javascript:show_form(false);" value="mp" id="shopping"><label for="shopping"><img src="https://compunera.com.ar/themes/responsive/images/tarjetas/shopping.jpg" alt=""></label>
                            <input type="radio" name="pago" onclick="javascript:show_form(false);" value="mp" id="cencosud"><label for="cencosud"><img src="https://compunera.com.ar/themes/responsive/images/tarjetas/cencosud.jpg" alt=""></label>
                            <input type="radio" name="pago" onclick="javascript:show_form(false);" value="mp" id="cabal"><label for="cabal"><img src="https://compunera.com.ar/themes/responsive/images/tarjetas/cabal.jpg" alt=""></label>
                            <input type="radio" name="pago" onclick="javascript:show_form(false);" value="mp" id="argencard"><label for="argencard"><img src="https://compunera.com.ar/themes/responsive/images/tarjetas/argencard.jpg" alt=""></label>
                            <input type="radio" name="pago" onclick="javascript:show_form(false);" value="mp" id="diners"><label for="diners"><img src="https://compunera.com.ar/themes/responsive/images/tarjetas/diners.jpg" alt=""></label>
                        </div>
                        <div class="cuponesdepago">
                            <p>Cupon de pago en efectivo:</p>
                            <input type="radio" name="pago" value="mp"  onclick="javascript:show_form(false);" id="pagofacil"><label for="pagofacil"><img src="https://compunera.com.ar/themes/responsive/images/pagofacil.jpg" alt=""></label>
                        </div>
                        <div id="error_pago" style="display:none;text-align: center">Seleccioná el medio con el que queres pagar!</div>
                    </div>

                    <!--<ul>
                        <li>

                            <label for="pago_tp313" style="cursor:hand;margin-left:4px">
                                <input type="radio" name="pago" value="tp" id="pago_tp313">
                                &nbsp;<img src="https://compunera.com.ar/themes/responsive/images/logo_todopago.png" style="height:50px"><br />
                                &nbsp;<img src="https://compunera.com.ar/themes/responsive/images/tarjetas/visa.jpg" style="height:30px">
                                &nbsp;<img src="https://compunera.com.ar/themes/responsive/images/tarjetas/master.jpg" style="height:30px">
                                &nbsp;<img src="https://compunera.com.ar/themes/responsive/images/tarjetas/amex.jpg" style="height:30px">
                                &nbsp;<img src="https://compunera.com.ar/themes/responsive/images/tarjetas/cabal.jpg" style="height:30px">
                                &nbsp;<img src="https://compunera.com.ar/themes/responsive/images/tarjetas/nativa.jpg" style="height:30px">
                                &nbsp;<img src="https://compunera.com.ar/themes/responsive/images/tarjetas/cencosud.jpg" style="height:30px">
                                &nbsp;<img src="https://compunera.com.ar/themes/responsive/images/tarjetas/argencard.jpg" style="height:30px">
                                &nbsp;<img src="https://compunera.com.ar/themes/responsive/images/tarjetas/diners.jpg" style="height:30px">
                            </label>
                        </li>
                        <li>
                            <b>Hasta 12 cuotas sin interés con todas las tarjetas de todos los bancos: VISA, AMERICAN EXPRESS, MASTERCARD, CABAL, DINERS y MAS! </b>
                        </li>
                    </ul>-->
                </div>
            </div>
        </div>
        <!--<div class="container-fluid">
            <div class="row" style="border:1px solid #CCC;display:none">
                <div class="col-md-9" style="padding-top:15px;border-left:1px dotted #CCC;">
                    <ul>
                        <li>
                            <input type="radio" name="pago" value="mp" id="pago_mp"><label for="pago_mp" style="cursor:hand;margin-left:4px">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/mp.png" width="150"></label>
                        </li>
                        <li>
                            <a href="https://www.mercadopago.com.ar/promociones" target="_blank" style="text-decoration:underline">VER PROMOCIONES DE HOY DE MERCADOPAGO</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <br />
        <div class="container-fluid">
            <div class="row" style="border:1px solid #CCC;">
                <div class="col-md-7" style="padding-top:15px;border-left:1px dotted #CCC;">
                    <ul>
                        <li>
                            <input type="radio" name="pago" value="pagofacil" id="pagofacil_val"><label for="pagofacil_val" style="cursor:hand">&nbsp;<img src="<?php echo DOCROOT ?>themes/responsive/images/purchase/pagofacil.png" width="60"> 1 PAGO EN EFECTIVO</label>
                        </li>
                    </ul>
                </div>
            </div>
        </div>-->
        <br /><br />
        <div class="popcompra"  style="border:0px;display:block" id="pop_compra">
        <div id="error_pago_2" style="color:red;display:none;text-align: center">4. Completá todos los datos obligatorios (tienen *)</div>
            <div class="mediospago" style="display:none" id="mediospago">
                <h3 style="text-align:left">4. Titular de la tarjeta:</h3>
                <form id="comprar_form_tp" action="<?php echo DOCROOT ?>validateMP12AHORA.html" method="POST" style="border:1px dotted #CCC; padding: 10px">
                    <input type="hidden" name="ref_amt_bal" value="0">
                    <input type="hidden" name="quantity" id="quantity_tp" value="1">
                    <input type="hidden" name="ref_amt2" value="0">
                    <input type="hidden" name="pay_mod_id" value="16">
                    <input type="hidden" name="PAYMENTACTION" value="Authorization">
                    <input type="hidden" name="CURRENCYCODE" value="USD">
                    <input type="hidden" name="couponid_op_mp" value="">
                    <input type="hidden" name="couponid_mp" id="couponid_mp" value="<?php echo $coupon_id?>">
                    <input type="hidden" name="couponname_mp" id="couponname_mp" value="<?php echo $couponname?>">
                    <input type="hidden" name="direccion_envio" id="direccion_envio" value="">
                    <input type="hidden" name="id_envio" id="id_envio" value="">
                    <input type="hidden" name="cuotasfd1" id="cuotasfd1" value="">
                    <?php    // formulario:
                    // los campos del form serán pre-llenados con info de nuestra base de datos (el usuario puede modificar a conveniencia).
                    $email = $user->email;
                    $city = "";
                    $fname = $user->firstname;
                    $lname = $user->lastname;
                    $phone = $user->mobile;
                    $celular = $user->mobile;
                    $zip = "";
                    $address = "";
                    $address2 = "";
                    $ammount = $total_payable_amount.".00";
                    ?>
                    <br />
                    <style>
                        .form_purchase
                        {
                            padding: 0.5em;
                        }
                        input {
                            padding: 0.5em;
                        }
                    </style>

                    <ul class="camposform">
                        <input type="hidden" name="CSBTCOUNTRY"  id="CSBTCOUNTRY" value="AR">
                        <li>
                            <p>CUOTAS: *</p>
                            <select name="CSBTCUOTAS" id="CSBTCUOTAS" style="padding: 0.5em;" onchange="cuotas_change(this);" >
                                <option value="0">--Selecciona cantidad de cuotas--</option>
                                <option value="1">1 CUOTA</option>
                                <option value="3">3 CUOTAS SIN INTERES</option>
                                <option value="6">6 CUOTAS SIN INTERES</option>
                                <option value="12">12 CUOTAS SIN INTERES</option>
                            </select>
                        </li>
                        <li>
                            <p>NOMBRE * <span style="font-size:12px"></span>:</p>
                            <input name="CSBTFIRSTNAME"  id="CSBTFIRSTNAME"  value="<?php echo $fname?>" required style="padding: 0.2em;" maxlength="60" />
                        </li>
                        <li>
                            <p>APELLIDO * <span style="font-size:12px"></span>:</p>
                            <input name="CSBTLASTNAME" id="CSBTLASTNAME" value="<?php echo $lname?>" required style="padding: 0.2em;" maxlength="60" />
                        </li>  
                        <li>
                            <p>DNI * <span style="font-size:12px"></span>:</p>
                            <input name="CSBTDNI" id="CSBTDNI" value="" required style="padding: 0.2em;" maxlength="60" />
                        </li>
                        <li style="margin-bottom: 4px;margin-top:8px">
                            <p>TELEFONO * <span style="font-size:12px">(solo el número sin guiones ni puntos ni espacios)</span>: </p>
                            <input type="text" name="CSBTPHONENUMBER" id="CSBTPHONENUMBER" value="<?php echo $phone?>"  required style="padding: 0.2em;"  maxlength="15" />
                        </li>
                        
                        <!--<li>
                    <p>Celular:</p>
                    <input type="text" name="CSMDD11" id="CSMDD11" value="<?=$celular;?>" style="padding: 0.2em;" />
                </li>-->
                        
                        <!--
                        <li>
                            <p>Dato extra del domicilio:</p>
                            <input type="hidden" name="CSBTSTREET2" id="CSBTSTREET2" value="" style="padding: 0.5em;"  />
                        </li>
                        -->
                        <input type="hidden" name="AMMOUNT" id="AMMOUNT" value="<?=$ammount;?>" >
                    </ul>
                </form>
            </div>


        <div class="confirmarpago">
            <div class="btnconfirmar">
                <form id="comprar_form_n" action="<?php echo DOCROOT?>validateMP12.html" method="POST">
                    <input type="hidden" name="ref_amt_bal" value="0">
                    <input type="hidden" name="quantity" id="quantity" value="1">
                    <input type="hidden" name="ref_amt2" value="0">
                    <input type="hidden" name="pay_mod_id" value="16">
                    <input type="hidden" name="PAYMENTACTION" value="Authorization">
                    <input type="hidden" name="CURRENCYCODE" value="USD">
                    <input type="hidden" name="couponid_op_mp" value="">
                    <input type="hidden" name="couponid_mp" id="couponid_mp" value="<?php echo $coupon_id?>">
                    <input type="hidden" name="couponname_mp" id="couponname_mp" value="<?php echo $couponname?>">
                    <input type="hidden" name="direccion_envio" id="direccion_envio" value="">
                    <input type="hidden" name="id_envio" id="id_envio" value="">
                </form>
                <form id="comprar_form_pf_n" action="<?php echo DOCROOT?>validatePF.html" method="POST">
                    <input type="hidden" name="quantity" id="quantity_pf" value="1">
                    <input type="hidden" value="0" name="ref_amt_bal" id="ref_amt_bal2_pagofacil">
                    <input type="hidden" name="ref_amt2" id="ref_amt_pagofacil" value="0">
                    <input type="hidden" value="13" name="pay_mod_id">
                    <input type="hidden" name="PAYMENTACTION" value="Authorization">
                    <input type="hidden" name="CURRENCYCODE" value="USD">
                    <input type="hidden" name="couponid_pagofacil" id="couponid_pagofacil" value="<?php echo $coupon_id?>">
                    <input type="hidden" name="couponname_pagofacil" id="couponname_pagofacil" value="<?php echo $couponname?>">
                    <input type="hidden" name="direccion_envio" id="direccion_envio_pf" value="">
                    <input type="hidden" name="id_envio_pf" id="id_envio_pf" value="">
                </form>



                <a href="javascript:;" id="confirmar" >Ir a Pagar</a>

                <div class="escuditosconf">
                    <p><img src="<?php echo DOCROOT?>themes/responsive/images/queja.svg" alt="">Sitio 100%<br> responsive</p>
                    <p><img src="<?php echo DOCROOT?>themes/responsive/images/devolucion.svg" alt="">Compra con<br>seguro de devolucion</p>
                    <p><img src="<?php echo DOCROOT?>themes/responsive/images/candado.svg" alt="">Sitio<br>100% seguro</p>
                </div>
            </div>
        </div>
            </div>

    </div>
    <br />



    <div class="popcompra"  style="border:0px;display:block" id="pop_compra">
        <!--<h3 style="text-align:left">Seleccioná medio de pago:</h3>
        <div class="mediospago uno">
            <div class="tarjetascredito">
                <p>Tarjetas de crédito <b>(Promociones de hasta 12 cuotas)</b>:</p>
                <input type="radio" name="pago" value="visa" id="visa"><label for="visa"><img src="https://compunera.com.ar/themes/responsive/images/tarjetas/visa.jpg" alt=""></label>
                <input type="radio" name="pago" value="master" id="master"><label for="master"><img src="https://compunera.com.ar/themes/responsive/images/tarjetas/master.jpg" alt=""></label>
                <input type="radio" name="pago" value="amex" id="amex"><label for="amex"><img src="https://compunera.com.ar/themes/responsive/images/tarjetas/amex.jpg" alt=""></label>
                <input type="radio" name="pago" value="naranja" id="naranja"><label for="naranja"><img src="https://compunera.com.ar/themes/responsive/images/tarjetas/naranja.jpg" alt=""></label>
                <input type="radio" name="pago" value="shopping" id="shopping"><label for="shopping"><img src="https://compunera.com.ar/themes/responsive/images/tarjetas/shopping.jpg" alt=""></label>
                <input type="radio" name="pago" value="nativa" id="nativa"><label for="nativa"><img src="https://compunera.com.ar/themes/responsive/images/tarjetas/nativa.jpg" alt=""></label>
                <input type="radio" name="pago" value="cencosud" id="cencosud"><label for="cencosud"><img src="https://compunera.com.ar/themes/responsive/images/tarjetas/cencosud.jpg" alt=""></label>
                <input type="radio" name="pago" value="cabal" id="cabal"><label for="cabal"><img src="https://compunera.com.ar/themes/responsive/images/tarjetas/cabal.jpg" alt=""></label>
                <input type="radio" name="pago" value="argencard" id="argencard"><label for="argencard"><img src="https://compunera.com.ar/themes/responsive/images/tarjetas/argencard.jpg" alt=""></label>
                <input type="radio" name="pago" value="diners" id="diners"><label for="diners"><img src="https://compunera.com.ar/themes/responsive/images/tarjetas/diners.jpg" alt=""></label>
            </div>
            <div class="cuponesdepago">
                <p>Cupon de pago en efectivo:</p>
                <input type="radio" name="pago" value="pagofacil" id="pagofacil"><label for="pagofacil"><img src="https://compunera.com.ar/themes/responsive/images/pagofacil.jpg" alt=""></label>
            </div>
            <div id="error_pago" style="display:none;text-align: center">Seleccioná el medio con el que queres pagar!</div>
        </div>-->



    </div>

</div>
</div>
</aside>
<script type="text/javascript">


function show_form(mostrar)
{
    if(mostrar)
    {
        $('#mediospago').show();
    }
    else
    {
        $('#mediospago').hide();
    }

}

function show_form1(mostrar,cuota)
{
    if(mostrar)
    {
        $('#mediospago').show();
    }
    else
    {
        $('#mediospago').hide();
    }
    $("#cuotasfd1").val(cuota);
    $("#CSBTCUOTAS option[value="+cuota+"]").attr('selected', 'selected');
    $("#CSBTCUOTAS").val(cuota);

}

function cuotas_change(cuota)
{
    $("#cuotasfd1").val(cuota.value);

}

setTimeout(function () {
    location.reload();
}, 420000 );

$(document).ready(function(){

    pp_auxi = '<?php echo $total_payable_amount?>';
    $("#1p_cuotas").html(pp_auxi);
    $("#1p_pagofacil").html(pp_auxi);
    auxi_precio = pp_auxi / 3;
    $("#3p_cuotas").html(auxi_precio.toFixed(2));
    auxi_precio = pp_auxi / 6;
    $("#6p_cuotas").html(auxi_precio.toFixed(2));
    auxi_precio = pp_auxi / 12;
    $("#12p_cuotas").html(auxi_precio.toFixed(2));


    $("#add").click(function(){
        var newQty = +($("#cant").val()) + 1;
        if(newQty > 99)newQty = 99;
        $("#cant").val(newQty);
        precio = $("#precio_unitario").val() * $("#cant").val();
        $("#precio_mostrado").html("$"+precio);
        precio_cuotas = precio / 12;
        precio_cuotas = precio_cuotas.toFixed(2);
        $("#AMMOUNT").val(precio+".00");
        $("#precio_mostrado_cuotas").html("$"+precio_cuotas);
        precio_envio_cantidad = parseInt($("#valor_precio_envio_unit").val()) * newQty;
        precio_envio_included = parseInt(precio) + parseInt(precio_envio_cantidad);

        $("#1p_cuotas").html(precio);
        $("#1p_pagofacil").html(precio);
        auxi_precio = precio / 3;
        $("#3p_cuotas").html(auxi_precio.toFixed(2));
        auxi_precio = precio / 6;
        $("#6p_cuotas").html(auxi_precio.toFixed(2));
        auxi_precio = precio / 12;
        $("#12p_cuotas").html(auxi_precio.toFixed(2));

        var dias_entrega;
        if (parseInt($('#codigop').val()) > 1900)
        {
            dias_entrega = "¡Recibirás tu producto en 7 a 10 días hábiles!"
        }
        else
        {
            dias_entrega = "¡Recibirás tu producto en 5 días hábiles!"
        }

        if($("#total_pagar").html() != "")
        {
            $("#valor_precio_envio").val(precio_envio_cantidad);
            $("#precio_envio_total").html("Costo de envío Total: $" + precio_envio_cantidad);
            $("#total_pagar").html("Total a pagar: $" + precio_envio_included + "<br />" + dias_entrega);
        }
        $("#quantity_tp").val($("#cant").val());
        $("#quantity_pf").val($("#cant").val());
        $("#quantity").val($("#cant").val());
    });

    $("#minus").click(function(){
        var newQty = +($("#cant").val()) - 1;
        if(newQty < 1)newQty = 1;
        $("#cant").val(newQty);

        precio = $("#precio_unitario").val() * $("#cant").val();
        $("#AMMOUNT").val(precio+".00");

        $("#precio_mostrado").html("$"+precio);
        precio_cuotas = precio / 12;
        precio_cuotas = precio_cuotas.toFixed(2);
        $("#precio_mostrado_cuotas").html("$"+precio_cuotas);
        precio_envio_cantidad = parseInt($("#valor_precio_envio_unit").val()) * newQty;
        precio_envio_included = parseInt(precio) + parseInt(precio_envio_cantidad);


        $("#1p_cuotas").html(precio);
        $("#1p_pagofacil").html(precio);
        auxi_precio = precio / 3;
        $("#3p_cuotas").html(auxi_precio.toFixed(2));
        auxi_precio = precio / 6;
        $("#6p_cuotas").html(auxi_precio.toFixed(2));
        auxi_precio = precio / 12;
        $("#12p_cuotas").html(auxi_precio.toFixed(2));

        var dias_entrega;
        if (parseInt($('#codigop').val()) > 1900)
        {
            dias_entrega = "¡Recibirás tu producto en 7 a 10 días hábiles!"
        }
        else
        {
            dias_entrega = "¡Recibirás tu producto en 5 días hábiles!"
        }
        if($("#total_pagar").html() != "")
        {
            $("#valor_precio_envio").val(precio_envio_cantidad);
            $("#precio_envio_total").html("Costo de envío Total: $" + precio_envio_cantidad);
            $("#total_pagar").html("Total a pagar: $" + precio_envio_included + "<br />" + dias_entrega);
        }
        $("#quantity_tp").val($("#cant").val());
        $("#quantity_pf").val($("#cant").val());
        $("#quantity").val($("#cant").val());
    });
    $("#cant").val("1");
    $("#quantity_tp").val("1");
    $("#quantity_pf").val("1");
    $("#quantity").val("1");
});

$("#continuar_pago_oca").click(function(){
    $("#data_de_pago").css("display","block");
})
$("#continuar_sin_envio").click(function(){

    $("#error_medios_p").show();

});

$('#codigop').keyup(function () {
    this.value = this.value.replace(/[^0-9\.]/g,'');
});

$("#consultar_envio_oca").click(function(){

    if(!$.isNumeric($("#codigop").val()) || $("#codigop").val().length != 4)
    {


    }
    else
    {
        $("#datas_envio").css("border", "0px");
        $("#datas_envio_texto").css("display", "none");
        $("#consultar_envio_oca").addClass("loading");
        $("#precio_envio").html("Costo de envío: Calculando...");
        $.getJSON("<?php echo DOCROOT ?>gateway.php?operation=17&postal="+$('#codigop').val()+"&cupon_id=<?php echo $coupon_id ?>&cantidad="+$('#cant').val(),
            function(data){
                if(data.costo != false) {

                    var precio_domicilio = parseInt(data.costo_domicilio);
                    var precio_sucursal = parseInt(data.costo_sucursal);

                    $("#selector_envio").css("display", "block");
                    $("#precio_envio").html("Envío a domicilio: <b>$" + precio_domicilio + " </b>");
                    $("#precio_sucursal").html("Envío a Sucursal OCA: <b>$"+precio_sucursal)
                    $("#sucursal").html(data.sucursales);
                    $('#boton_guardar_envio').show();
                }
                else
                {
                    $("#precio_envio").css("color", "red");
                    $("#precio_envio").html("Costo de envío: El código es incorrecto debe ser numerico de 4 digitos");
                    $("#codigo_postal").html("");
                    $("#datos_envio").css("display","none");
                    $("#valor_precio_envio").val(0);
                    $("#valor_precio_envio_unit").val(0);
                    $("#boton_continuar").css("display", "none");
                }
                $("#consultar_envio_oca").removeClass("loading");
            });
    }
});

$("#consultar_envio").click(function(){
    $("#consultar_envio").addClass("loading");
    $("#precio_envio").html("Costo de envío: Calculando...");
    $.getJSON("<?php echo DOCROOT?>fastmail/enviarpedido.php?postal="+$('#codigop').val(),
        function(data){
            if(data.precio != false) {
                var precio = parseInt(data.precio);
                var tot = parseInt(data.precio) * parseInt($("#cant").val()) + parseInt($("#precio_unitario").val()) *  parseInt($("#cant").val());
                $("#precio_envio").html("Costo de envío x unidad: " + data.moneda + precio);
                precio_envio_cantidad = parseInt(data.precio) * parseInt($("#cant").val());
                $("#precio_envio_total").html("Costo de envío Total: " + data.moneda + precio_envio_cantidad);
                $("#valor_precio_envio").val(precio);
                $("#valor_precio_envio_unit").val(precio);
                var dias_entrega;
                if (parseInt($('#codigop').val()) > 1900)
                {
                    dias_entrega = "¡Recibirás tu producto en 7 a 10 días hábiles!"
                }
                else
                {
                    dias_entrega = "¡Recibirás tu producto en 5 días hábiles!"
                }
                $("#total_pagar").html("Total a pagar: $" + tot + "<br />" + dias_entrega);
                $("#AMMOUNT").val(tot+".00");
                $("#precio_envio").css("color", "black");
                $("#codigo_postal").html($("#codigop").val());
                if ($("#valor_precio_envio").val() != 0) {
                    $("#boton_continuar").css("display", "block");
                }
            }
            else
            {
                $("#precio_envio").css("color", "red");
                $("#precio_envio").html("Costo de envío: El código es incorrecto debe ser numerico de 4 digitos");
                $("#precio_envio_total").html("");
                $("#total_pagar").html("");
                $("#codigo_postal").html("");
                $("#datos_envio").css("display","none");
                $("#valor_precio_envio").val(0);
                $("#valor_precio_envio_unit").val(0);
                $("#boton_continuar").css("display", "none");
            }

            $("#consultar_envio").removeClass("loading");
        });
});
$("#modificar_envio").click(function(){
    $("#error_domi").hide();
    $('#selector_envio').hide();
    $('#datos_envio').hide();
    $('#boton_guardar_envio').hide();
    $("#modificar_envio").hide();
    $("#datos_cantidad").hide();
    $("#datos_cantidad").show();
    $("#costo_envio_mostrado").show();
    $("#cp_cp").show();
    $('#costo_envio_valor').html("<b>Lo calculas aqui arriba</b>");
    $('#precio_mostrado_final').html("<b>Falta que calcules el envío arriba</b>");
    costo_envio = 0;
    $("#datas_envio").css("border", "0px");
    $("#datas_envio_texto").css("display", "none");
    $("#error_medios_p").hide();
})

$("#guardar_envio").click(function(){


    $("#datas_envio").css("border", "0px");
    $("#datas_envio_texto").css("display", "none");
    var tipo_envio = $('[name="tipo_envio"]:checked').val();
    if(tipo_envio == 'sucursal')
    {
        if($('#sucursal_seleccionada').val() != '')
        {
            $('#selector_envio').hide();
            $('#datos_envio').show();
            $('#tipo_envio_impreso_sucursal').show();
            $('#tipo_envio_impreso_domicilio').hide();
            $('#boton_guardar_envio').hide();
            $("#modificar_envio").show();
            $("#datos_cantidad").hide();
            $("#cp_cp").hide();
            $("#costo_envio_mostrado").show();

            $.getJSON("<?php echo DOCROOT?>ajax.html?operation=19&tipo_envio=sucursal&codigo_postal="+$('#codigop').val()+"&cant="+$('#cant').val()+"&sucursal="+$('#sucursal_seleccionada').val()+'&sucursal_texto='+$("#sucursal_seleccionada option:selected").text(),
                function (data)
                {
                    $('#tipo_envio_valor').html("<b>"+data.tipo_envio+"</b>");
                    $('#cantidad_valor').html("<b>"+data.cant+"</b>");
                    $('#codigopostal_valor').html("<b>"+data.codigo_postal+"</b>");
                    $('#valor_sucursal').html("<b>"+data.sucursal_texto+"</b>");
                    $('#valor_llegada').html("<b>"+data.tiempo_demora+"</b>");
                    $('#costo_envio_valor').html("<b>$"+data.costo_envio+"</b>");

                    costo_envio = $("#cant").val() + data.costo_envio;

                    costo_final = $("#precio_unitario").val() * $("#cant").val() + data.costo_envio;
                    $('#precio_mostrado_final').html("<b>$"+costo_final+"</b>");
                    $("#precio_unitario").val(costo_final+".00");
                    $("#error_medios_p").show();
                }
            )
        }
        else
        {
            $('#sucursal_seleccionada').css("border-color","red");
        }
    }
    if(tipo_envio == 'domicilio')
    {
        $("#error_domi").hide();
        var error = false;
        $('#calle').css('background-color','white');
        $('#numero').css('background-color','white');
        $('#ciudad').css('background-color','white');
        $('#provincia').css('background-color','white');
        if($.trim($('#calle').val()) == '')
        {
            $('#calle').css('background-color','pink');
            error = true;
        }
        if($.trim($('#numero').val()) == '')
        {
            $('#numero').css('background-color','pink');
            error = true;
        }
        if($.trim($('#numero').val()) == '')
        {
            $('#ciudad').css('background-color','pink');
            error = true;
        }
        if($.trim($('#numero').val()) == '')
        {
            $('#provincia').css('background-color','pink');
            error = true;
        }
        if(error)
        {
            $("#error_domi").show();
        }
        else
        {
            $("#error_domi").hide();
            $('#tipo_domicilio').hide();
            $('#selector_envio').hide();
            $('#datos_envio').show();
            $('#tipo_envio_impreso_sucursal').hide();
            $('#tipo_envio_impreso_domicilio').show();
            $('#boton_guardar_envio').hide();
            $("#modificar_envio").show();
            $("#datos_cantidad").hide();
            $("#cp_cp").hide();
            $.getJSON("<?php echo DOCROOT?>ajax.html?operation=20&tipo_envio=domicilio&codigo_postal="+$('#codigop').val()+"&cant="+$('#cant').val()+"&calle="+$('#calle').val()+"&numero="+$('#numero').val()+"&depto="+$('#depto').val()+"&piso="+$('#piso').val()+"&ciudad="+$('#ciudad').val()+"&provincia="+$('#provincia').val(),
                function (data) {
                    $('#tipo_envio_valor').html("<b>"+data.tipo_envio+"</b>");
                    $('#valor_calle').html("<b>"+data.calle+"</b>");
                    $('#valor_codigo_postal').html("<b>"+data.codigo_postal+"</b>");
                    $('#valor_numero').html("<b>"+data.numero+"</b>");
                    $('#valor_piso').html("<b>"+data.piso+"</b>");
                    $('#valor_depto').html("<b>"+data.depto+"</b>");
                    $('#valor_ciudad').html("<b>"+data.ciudad+"</b>");
                    $('#valor_provincia').html("<b>"+data.provincia+"</b>");
                    $('#cantidad_valor').html("<b>"+data.cant+"</b>");
                    $('#codigopostal_valor').html("<b>"+data.codigo_postal+"</b>");
                    $('#valor_llegada').html("<b>"+data.tiempo_demora+"</b>");
                    $('#costo_envio_valor').html("<b>$"+data.costo_envio+"</b>");
                    costo_envio = $("#cant").val() + data.costo_envio;

                    costo_final = $("#precio_unitario").val() * $("#cant").val() + data.costo_envio;
                    $('#precio_mostrado_final').html("<b>$"+costo_final+"</b>");
                    $("#precio_unitario").val(costo_final+".00");
                    $("#error_medios_p").show();

                }
            )
        }
    }



});

$("#continuar_envio").click(function(){
    $.getJSON("<?php echo DOCROOT?>ajax.html?operation=18&calle=" + $('#calle').val() + "&numero=" + $('#numero').val() + "&piso=" + $('#piso').val() + "&depto=" + $('#depto').val() + "&ciudad=" + $('#ciudad').val() + "&codigo_postal=" + $('#codigo_postal').html() + "&info_adicional=" + $('#info_adicional').val() + "&provincia=" + $('#provincia').val() + "&telefono=" + $('#telefono').val() + "&precio=" + $('#valor_precio_envio').val() + "&email=<?php echo $user->email?>&cantidad=" + $('#cant').val(),
        function (data) {
            if (data.id_pedido) {
                $('#id_envio_pf').val(data.id_pedido);
                $("#comprar_form_pf_n").submit();
            }
        }
    )
});

$("#continuar_tarjeta").click(function(){

    if($("#codigo_postal").html() == '' || $("#calle").val() == ''  ||    $("#numero").val() == ''  ||    $("#provincia").val() == '' || $("#ciudad").val() == '')
    {
        $("#error_envio").css("display","block");
    }
    else
    {
        $("#pop_compra").css("display","block");
        $('html, body').animate({
            scrollTop: $("#continuar_tarjeta").offset().top
        }, 2000)
    }
});

$("#confirmar").click(function()
{

    var newQty = $("#cant").val();
    if(newQty > 99)newQty = 99;
    $("#cant").val(newQty);
    precio = $("#precio_unitario").val() * $("#cant").val();
    $("#precio_mostrado").html("$"+precio);
    precio_cuotas = precio / 12;
    precio_cuotas = precio_cuotas.toFixed(2);
    $("#AMMOUNT").val(precio+".00");
    $("#precio_mostrado_cuotas").html("$"+precio_cuotas);
    precio_envio_cantidad = parseInt($("#valor_precio_envio_unit").val()) * newQty;
    precio_envio_included = parseInt(precio) + parseInt(precio_envio_cantidad);

    $("#1p_cuotas").html(precio);
    $("#1p_pagofacil").html(precio);
    auxi_precio = precio / 3;
    $("#3p_cuotas").html(auxi_precio.toFixed(2));
    auxi_precio = precio / 6;
    $("#6p_cuotas").html(auxi_precio.toFixed(2));
    auxi_precio = precio / 12;
    $("#12p_cuotas").html(auxi_precio.toFixed(2));

    if($("input[name='pago']:checked").val() == 'mp')
    {
        $("#confirmar").addClass("loading");
        $("#comprar_form_n").submit();
    }
    else
    {

        //email_valido = isValidEmailAddress($("#CSBTEMAIL").val());
        $("#CSBTPHONENUMBER").val( $("#CSBTPHONENUMBER").val().replace(/ +?/g, ''));
        if ($("input[name='pago']:checked").val() == "fd" && $("#CSBTFIRSTNAME").val() != "" && $("#CSBTLASTNAME").val() != "" && $("#CSBTPHONENUMBER").val() != "" && $("#CSBTDNI").val() != "" && $("#CSBTCUOTAS").val() != "0")
        {

            if ($("input[name='pago']:checked").val()) // si cliqueó
            {
                var amt = '<?php echo $total_payable_amount ?>';
                $("#confirmar").addClass("loading");
                switch($("input[name='pago']:checked").val()){
                    case "pf":
                        $("#comprar_form_pf_n").submit();
                        break;
                    default:
                        $("#comprar_form_tp").submit();
                        break;
                    case "mp":
                        $("#comprar_form_n").submit();
                        break;
                }

            }
            else {
                if ($("input[name='pago']:checked").val() != "fd"){
                $(".uno").css("border", "2px solid red");
                $("#error_pago").css("color", "red");
                $("#error_pago").css("display", "block");
                } else{
                   $(".uno").css("border", "0px solid black");
                   $("#error_pago").css("display", "none"); 
                }
                $("#error_pago_2").css("display", "none");
                $('html,body').animate({
                        scrollTop: $(".uno").offset().top
                        },
                        'slow'
                );
            }
        }
        else
        {
             if ($("input[name='pago']:checked").val() != "fd"){
            $(".uno").css("border", "2px solid red");
            $("#error_pago").css("color", "red");
            $("#error_pago").css("display", "block");
            } else{
                   $(".uno").css("border", "0px solid black");
                   $("#error_pago").css("display", "none"); 
                }
            $("#error_pago_2").css("display", "block");
            $('html,body').animate({
                        scrollTop: $(".uno").offset().top
                        },
                        'slow'
                );

            if($("#CSBTCITY").val() == "")
            {
                $("#CSBTCITY").css("border-color","red");
            }
            else
            {
                $("#CSBTCITY").css("border-color","grey");
            }
            if($("#CSBTEMAIL").val() == "" || !email_valido)
            {
                $("#CSBTEMAIL").css("border-color","red");
            }
            else
            {
                $("#CSBTEMAIL").css("border-color","grey");
            }
            if($("#CSBTFIRSTNAME").val() == "")
            {
                $("#CSBTFIRSTNAME").css("border-color","red");
            }
            else
            {
                $("#CSBTFIRSTNAME").css("border-color","grey");
            }

            if($("#CSBTLASTNAME").val() == "")
            {
                $("#CSBTLASTNAME").css("border-color","red");
            }
            else
            {
                $("#CSBTLASTNAME").css("border-color","grey");
            }

            if($("#CSBTPHONENUMBER").val() == "")
            {
                $("#CSBTPHONENUMBER").css("border-color","red");
            }
            else
            {
                $("#CSBTPHONENUMBER").css("border-color","grey");
            }
            if($("#CSBTDNI").val() == "")
            {
                $("#CSBTDNI").css("border-color","red");
            }
            else
            {
                $("#CSBTDNI").css("border-color","grey");
            }
            
            if($("#CSBTCUOTAS").val() == "0")
            {
                $("#CSBTCUOTAS").css("border-color","red");
            }
            else
            {
                $("#CSBTCUOTAS").css("border-color","grey");
            }

            if($("#CSBTSTATE").val() == "")
            {
                $("#CSBTSTATE").css("border-color","red");
            }
            else
            {
                $("#CSBTSTATE").css("border-color","grey");
            }
            if($("#CSBTSTREET1").val() == "")
            {
                $("#CSBTSTREET1").css("border-color","red");
            }
            else
            {
                $("#CSBTSTREET1").css("border-color","grey");
            }
        }
    }
});

$("#confirmar_todopago").click(function()
{

    $("#todopago_frame").show();

});
$("#enviar_tp").click(function()
{

    $("#comprar_form_tp").submit();


});
$("#domicilio1").click(function()
{
    // retira por sucursal
    $("#boton_todo_pais").show();
    $("#envio_todo_pais").hide();
    $("#error_medios_p").hide();
});


$("#domicilio3").click(function()
{

    $("#boton_todo_pais").show();
    $("#envio_todo_pais").hide();
    $("#error_medios_p").hide();
});

$("#domicilio2").click(function()
{

    // envio a todo el pais
    $("#boton_todo_pais").hide();
    $("#envio_todo_pais").show();
    $("#error_medios_p").hide();


});
$("#continuar_todo_pais").click(function()
{

    $("#error_medios_p").show();
});


function isValidEmailAddress(emailAddress) {
    var pattern = /^([a-z\d!#$%&'*+\-\/=?^_`{|}~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+(\.[a-z\d!#$%&'*+\-\/=?^_`{|}~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+)*|"((([ \t]*\r\n)?[ \t]+)?([\x01-\x08\x0b\x0c\x0e-\x1f\x7f\x21\x23-\x5b\x5d-\x7e\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|\\[\x01-\x09\x0b\x0c\x0d-\x7f\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))*(([ \t]*\r\n)?[ \t]+)?")@(([a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|[a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF][a-z\d\-._~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]*[a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])\.)+([a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|[a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF][a-z\d\-._~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]*[a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])\.?$/i;
    return pattern.test(emailAddress);
}
</script>
<?php
// funciones
function removepaypal($val){
    if($val['name']=='paypal'){

    }else{
        return $val['name'];
    }
}

        function checkpaypal($val){
            if($val['name']=='paypal'){
                return $val;
            }else{

            }
        }

        function filter_by_value ($array, $index, $value){
            if(is_array($array) && count($array)>0)
            {
                foreach(array_keys($array) as $key){
                    $temp[$key] = $array[$key][$index];

                    if ($temp[$key] == $value){
                        $newarray[$key] = $array[$key];
                    }
                }
            }
            return $newarray;
        }
?>