<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" charset="UTF-8">
<title>Gestion de Cuenta</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>

<body class="loggedin">

    <!-- Añadir el contenedor para el reloj al inicio de la página -->
    <div id="clock-container">
        <div id="clock" class="clock"></div>
    </div>

    <?php
        if(isset($_POST['calcular'])){ 
            if(!empty($_POST['lucro']) && !empty($_POST['ganancia']) && !empty($_POST['nc'])){
                $lucro = $_POST['lucro'];
                $ganancia = $_POST['ganancia'];
                $ganancia2 = $_POST['ganancia2'];
                $nc = $_POST['nc'];
                echo "Lucro= " . $lucro ."  Ganancia del primer Disparo= ". $ganancia ." Siguientes ganancias =" . $ganancia2. "<br>";
                echo "<table border=2 align='center'>
                <tr>
                    <th>No.</th>
                    <th>Monto del Disparo</th>                    
                    <th>Perdida Acumulado</th>
                    <th>Si se gana</th>
                </tr>";
                $c1 = 0;
                $c2 = 0;
                $g = $ganancia;
                for ($i = 1; $i <= $nc; $i++) {
                    $c1 = ($c2 + $g) / $lucro;
                    $c2 = $c2 + $c1;
                    $g = $ganancia2;
                    echo "<tr>
                            <td width='10%'>" . $i . "</td>
                            <td>" . number_format($c1, 2)."</td>
                            <td>" . number_format($c2, 2)."</td>
                            <td>" . number_format($c1 * $lucro, 2)."</td>
                        </tr>";
                }
                echo "</table>";
            } else {
                echo "Rellene todos los campos";    
            }
        }
    ?>
    <nav class="navtop">
        <h1 style="color:white;">Ingreso de datos para calculo</h1>
        <table width="35%" border="0" style="width: 200px;">
            <tr>                
                <td><a target="_top" href="../" style="color:white;"><i class="fas fa-user-circle"></i>Cerrar</a></td>                                
            </tr>            
        </table>
    </nav>    
    <br><br>
    <div id="calculo">
        <?php if(!isset($_POST['calcular'])){ ?>
            <form name="form1" method="post" enctype="multipart/form-data" action="">
                <table>
                    <tr>
                        <td><strong>Lucro: </strong></td>
                        <td><input type="text" name="lucro" autocomplete="off" value="0.95"></td>
                    </tr>
                    <tr>
                        <td><strong>Ganancia deseada primer disparo: </strong></td>
                        <td><input type="text" name="ganancia" autocomplete="off" value="10"></td>
                    </tr>
                    <tr>
                        <td><strong>Ganancia deseada a partir del segundo disparo: </strong></td>
                        <td><input type="text" name="ganancia2" autocomplete="off" value="10"></td>
                    </tr>
                    <tr>
                        <td><strong>No de calculos: </strong></td>
                        <td><input type="text" name="nc" autocomplete="off" value="6"></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td>
                            <center><button type="submit" class="btn" name="calcular"><strong>Calcular</strong></button></center>
                        </td>    
                    </tr>            
               </table>
           </form>
        <?php } else { ?>
            <form name="form1" method="post" enctype="multipart/form-data" action="">
                <table>
                    <tr>
                        <td><strong>Lucro: </strong></td>
                        <td><input type="text" name="lucro" autocomplete="off" value=<?php echo $_POST['lucro']; ?>></td>
                    </tr>
                    <tr>
                        <td><strong>Ganancia deseada primer disparo: </strong></td>
                        <td><input type="text" name="ganancia" autocomplete="off" value=<?php echo $_POST['ganancia']; ?>></td>
                    </tr>
                    <tr>
                        <td><strong>Ganancia deseada a partir del segundo disparo: </strong></td>
                        <td><input type="text" name="ganancia2" autocomplete="off" value=<?php echo $_POST['ganancia2']; ?>></td>
                    </tr>
                    <tr>
                        <td><strong>No de calculos: </strong></td>
                        <td><input type="text" name="nc" autocomplete="off" value=<?php echo $_POST['nc']; ?>></td>
                    </tr>
                    <tr><td></td>
                        <td>
                            <center><button type="submit" class="btn" name="calcular"><strong>Calcular</strong></button></center>
                        </td>    
                    </tr>            
               </table>
           </form>            
        <?php } ?>                                    
    </div>

    <!-- Script para actualizar el reloj -->
    <script>
        function updateClock() {
            const now = new Date();
            const hours = String(now.getHours()).padStart(2, '0');
            const minutes = String(now.getMinutes()).padStart(2, '0');
            const seconds = String(now.getSeconds()).padStart(2, '0');
            const timeString = `${hours}:${minutes}:${seconds}`;
            document.getElementById('clock').textContent = timeString;
            document.title = `${seconds} - Gestion de Cuenta`;
        }

        // Actualiza el reloj cada segundo
        setInterval(updateClock, 1000);

        // Llama a la función una vez para que el reloj se muestre inmediatamente
        updateClock();
    </script>
</body>
</html>
