<?php
 
?>

<head>
  <meta charset="utf-8">

<meta name="viewport" content="width=device-width">
<meta name="mobile-web-app-capable" content="yes">
<link rel="icon" sizes="192x192" href="img/cloud1.png">

  <meta name="theme-color" content="#563d7c">
  <title>SantanaSoft - POS</title>
  <!-- Bootstrap core CSS-->
  <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  <!-- Custom fonts for this template-->
  <link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
  <!-- Page level plugin CSS-->
  <link href="vendor/datatables/dataTables.bootstrap4.css" rel="stylesheet">
  <!-- Custom styles for this template-->
  <link href="css/sb-admin.css" rel="stylesheet">
    <link href="js/select2.css" rel="stylesheet">
    <link href="vendor/toastr/toastr.css" rel="stylesheet"/>
</head>


<body class="bg-primary">
<div class="container col-md-4">
    <br><br>
    <div class="card" style="height:500px;">
       
        <div class="card-body">
            
             <center>
            <img src="img/cloud1.png" class="rounded" alt="Cinque Terre" style="width:100px;">
            <br>
            <span class="h2"><strong>NUBE</strong>PREST</span>
        </center>
            
            
            <h3 align="center">CONFIGURACION MYSQL</h3>
            <hr>
            
          <center>
           <span class="text-primary" class="text-primary">Base de datos</span>
           </center>
           <br>
          
            
            
            
          <div class="row">
          <label for="id" class="col-sm-3 col-form-label" ><b>DB</b></label>
          <div class="col-sm-9">
            <input autocomplete="off" type="text"  class="form-control mb-2" id="db" name="db" value="">
          </div>
        </div>
           <hr>
          
           <button class="btn btn-success" onClick="grabar()"><i class="fa fa-check"></i> Aceptar</button>
           <br>
	  
            
            
        </div>
    </div>
</div>

</body>
    <script src="vendor/jquery/jquery.min.js"></script>
    <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
    <!-- Core plugin JavaScript-->
    <script src="vendor/jquery-easing/jquery.easing.min.js"></script>
    <!-- Page level plugin JavaScript-->
    <script src="vendor/datatables/jquery.dataTables.js"></script>
    <script src="vendor/datatables/dataTables.bootstrap4.js"></script>
    <!-- Custom scripts for all pages-->
    <script src="js/sb-admin.min.js"></script>
    <!-- Custom scripts for this page-->
    <script src="js/sb-admin-datatables.min.js"></script>

	<script type="text/javascript" src="../js/savy.js"></script>
	<script src="js/numeral.js"></script>
        <script src="js/moment.js"></script>
        <script src="js/fechas.js"></script>

     
        <!-- include the script -->

<link rel="stylesheet" href="vendor/themes/default.min.css" />
  <script src="js/select2.js"></script>
  <script src="vendor/toastr/toastr.min.js"></script>
  
  
  
  
  <script>
  $("#db").val(localStorage.getItem("db"))
  function grabar(){
      var nombre=$("#db").val();
      localStorage.setItem("db",nombre);
      alert("DB Configurada correctamente");
      window.location.href="create_cookie_db.php?db="+nombre;
 
  }
  </script>    