calculadora.php 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <title>Calculadora de costos</title>
  5. <meta charset="utf-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  8. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  9. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
  10. </head>
  11. <body>
  12. <style>
  13. body {
  14. background-color: #FAAD22
  15. }
  16. </style>
  17. <div class="container">
  18. <!-- <h2>Datos del Panel Solar</h2>
  19. <h3>Datos para Canadian Solar CS6xP</h3> -->
  20. <form action="<?php echo site_url('publico/calculo');?>" method="post" class="form-inline">
  21. <div class="form-group">
  22. <label for="consumo">Consumo Promedio en los ultimos Seis meses :</label>
  23. <input type="text" class="form-control" id="consumo" name="consumo">
  24. </div>
  25. <div class="form-group">
  26. <label for="Departamento">Departamento:</label>
  27. <?php
  28. echo "<select name='departamento' id='departamento'>";
  29. if (count($departamentos)) {
  30. foreach ($departamentos as $list) {
  31. echo "<option value='". $list['departamento'] . "'>" . $list['departamento'] . "</option>";
  32. }
  33. }
  34. echo "</select>";
  35. ?>
  36. </div>
  37. <div class="form-group">
  38. <label for="Distribuidora">Distribuidora:</label>
  39. <?php
  40. echo "<select name='Distribuidora' id='Distribuidora'>";
  41. if (count($distribuidoras)) {
  42. foreach ($distribuidoras as $list) {
  43. echo "<option value='". $list['distribuidora'] . "'>" . $list['distribuidora'] . "</option>";
  44. }
  45. }
  46. echo "</select>";
  47. ?>
  48. </div>
  49. <p><small>*Esta estimacion puede variar según las condiciones del lugar de instalacion</small></p>
  50. <div class="clear-both"></div>
  51. <button type="submit" class="btn btn-default">Calcular</button>
  52. </form>
  53. </div>
  54. </body>
  55. </html>