<?php 
session_start();
$nivel = $_SESSION["nivel"];
if($nivel!="Master"){
    $ver="no";
}
date_default_timezone_set('America/Los_Angeles');
?>
<style>
font-weight:bolder;
</style>
<meta 
     name='viewport' 
     content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' 
/>

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

  <!-- Font Awesome -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css">
<!-- Google Fonts -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap">

<link href="https://cdn.usebootstrap.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">




<link rel="stylesheet" type="text/css" href="src/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="src/datatable.css">

<script src="src/jquery.js"></script>
<script src="src/js/bootstrap.min.js"></script>
<script src="src/moment1.js"></script>
<script src="src/datatables.js"></script>
<script src="src/bootstrap_datatable.js"></script>
<link href='https://fonts.googleapis.com/css?family=Muli' rel='stylesheet'>



<link rel="stylesheet" href="src/select2.css">

<script src="src/select2.js"></script>

<script src="src/moment1.js"></script>


<link href='https://fonts.googleapis.com/css?family=Raleway:300,500italic' rel='stylesheet' type='text/css'>

<style>


.nav a{
    font-size:20px;
    @font-weight:bolder;
}
.btn-orange{
    background: #ffc419;
    color:black;

}


.btn-ubuntu{
  background: #E95420;
  color:white;
}

.text-ubuntu{
  
  color:#E95420;
}

.text-rojo{
    color:#fa4000;
}
.btn-rojo{
    background:#fa4000;
    color:white;
}

.btn-rojo2{
    background:#ffaa14;
}

.text-verde{
  color:#1f8401;
}
.btn-verde{
  background:#08ad00;
  color:white;
}


label{
    font-weight:bolder;
}

table{
    width:100%;
    
}

td{
    font-size:16px;
}

th{
    font-size:18px;
}
.mt-2{
    margin-top:8px;
}

.mb-2{
    margin-bottom:8px;
}
.mr-2{
    margin-right:8px;
}
.ml-2{
    margin-left:8px;
}

</style>

  <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;1,300&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.2/font/bootstrap-icons.css">

<div class="modal" id="modalPago" style="opacity:3px"  tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true" data-backdrop="">

  <div class="modal-dialog modal-lg"  role="document" >

    <div class="modal-content">



      <div class="modal-body">

       <div id="ld">

         <center>

         <img src="aviso_pago.png"><br>

        

         </center>

       </div>

      </div>

      

    </div>

  </div>

</div> 

<script>
 estado();
 function estado(){
   //$("#msg").html("<p>Conectando con el servidor de datos, espere unos segundos...</p>")
   $.get("http://217.71.203.122/App_planes/estado.php?db=<?php echo $_SESSION['db']?>",function(data,st){

     if(st=="success"){
      var datos = JSON.parse(data); 
      //alert(datos.estado);
      var estado = datos.estado;
	  ///alert(estado);
      if(estado=="inactivo"){
		$("#modalPago").modal("show")
      }
	  
     }
   })
 }
 /*
$(document).ready(function(){
	$("a").click(function(){
	 alert("Accediendo");
 })
})
*/

function _enviar(url,data){

	
	$("button").prop("disabled",true)
	var ajax = $.ajax({

		"method": "POST",

		"url":url,

		"data":data,

		"success":function(){

			    ///$(".form-control").prop("disabled",false)

    			$("button").prop("disabled",false)

    			///$("a").css("pointer-event","click");

         

		}

		

	});

	return ajax;

}

</script>

<?php

?>

<style>
*{
   font-family: "Ubuntu", sans-serif;
 
}


label,  input[type="text"], input[type="number"], input[type="search"], input[type="date"], select, .btn, strong, td, th, a, table,  input[type="textarea"], textAreainput[type="select"]{
   font-family: "Ubuntu", sans-serif;
  font-weight: 100;
  font-style: normal;
   font-size:14px;
}


.navbar a{
  @font-weight: 100;
   font-size:14px;
}


  input[type="text"], input[type="number"], input[type="search"], input[type="date"], select, input[type="select"], input[type="textarea"], textArea{
  border:none;
  background: #ececec;
  border-radius: 10px;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  width: 100%;
  font-size: 18;
  font-weight: bolder;

}

input[type="text"], input[type="number"], input[type="search"], input[type="select"], input[type="textarea"], textArea, select:focus{
 outline: none;
  border-color: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
}





  .navbar-default{
  background-color:#4a4f74;
  border-bottom:solid #4a4f74 6px;
  color:white;

  border-radius: 0;
}

.navbar-default .navbar-brand,
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus{
   color:white;
}


.navbar-default .navbar-nav>li>a{
  color:white;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus{
   
   background-color:#4a4f74;
}


.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>a:focus{
  color:white;
   background-color:#4a4f74;
}

.navbar-default .navbar-text{
  color:white;
}


.navbar-default .navbar-toggle{
  background-color:#4a4f74;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus{

  background-color:#4a4f74;
}

.navbar-default .navbar-toggle .icon-bar{

  background-color:black;
}


.btn-primary , .btn-default, .btn-rojo2, .btn-success, .btn-orange, .btn-warning, .btn-danger, .btn-info, .btn-verde{
  background:#e0e1e8;
  color:black;
   border:none;
   font-size: 14px;
 

}

.btn-rojo{
  background-color:orange;
  color:black;
}

.btn-primary1{
  background-color:#4a4f74;
  color:white;
}




.text-primary , .text-success{
  color: #4a4f74;
 
}


.navbar .bi, .navbar .fa{
  color:#2ba51f;
}


  .icon{

    width:35px;

    margin-bottom:0px;

  }
  

   .icon2{

    width:55px;

    margin-bottom:0px;

  }
  
  

  

    .icon2{

    width:20px;

    margin-bottom:-5px;

    

  }

  .icon3{

    width:45px;

    margin-bottom:0px;

  }

</style>

<script type="text/javascript"> 
 $(".form-control").removeClass("form-control");
</script>
<?php
$hoy = @date('yyyy-dd-mm');
@mysql_close($con);
?>

<style type="text/css">
  .navbar a{
    font-size: 15px;
    font-weight: 500;
  }

th{
  background: #4a4f74;
  color:white;
  height: 35px;
  text-align: center;
}


tfoot th{
  background: white;
  color:black;

}
td{
  padding-bottom: 3px;
}


.btn-rojo{
  background-color:orange;
  color:black;
}

.btn-primary1{
  background-color:#4a4f74;
  color:white;
}




.text-primary , .text-success{
  color: #4a4f74;
 
}


.navbar .bi, .navbar .fa{
  color:#2ba51f;
}

</style>
