<?php 
     session_start();
    
           @$usuario = $_POST['login_usuario'];
		     
            if (!isset($_SESSION['login_usuario'])) {
            	
            	//header("location: index.html");
            }
?>


<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>I.MUNICIPALIDAD DE ALHUÉ| BITACORA</title>
  <!-- Tell the browser to be responsive to screen width -->
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  <!-- Bootstrap 3.3.6 -->
  <link rel="stylesheet" href="http://municipalidadalhue.cl/documentos/bootstrap/css/bootstrap.min.css">
  <!-- Font Awesome -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">
  <!-- Ionicons -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">
  <!-- daterange picker -->
  <link rel="stylesheet" href="http://municipalidadalhue.cl/documentos/plugins/daterangepicker/daterangepicker-bs3.css">
  <!-- bootstrap datepicker -->
  <link rel="stylesheet" href="http://municipalidadalhue.cl/documentos/plugins/datepicker/datepicker3.css">
  <!-- iCheck for checkboxes and radio inputs -->
  <link rel="stylesheet" href="http://municipalidadalhue.cl/documentos/plugins/iCheck/all.css">
  <!-- Bootstrap Color Picker -->
  <link rel="stylesheet" href="http://municipalidadalhue.cl/documentos/plugins/colorpicker/bootstrap-colorpicker.min.css">
  <!-- Bootstrap time Picker -->
  <link rel="stylesheet" href="http://municipalidadalhue.cl/documentos/plugins/timepicker/bootstrap-timepicker.min.css">
  <!-- Select2 -->
  <link rel="stylesheet" href="http://municipalidadalhue.cl/documentos/plugins/select2/select2.min.css">
  <!-- Theme style -->
  <link rel="stylesheet" href="http://municipalidadalhue.cl/documentos/dist/css/AdminLTE.min.css">
  <!-- AdminLTE Skins. Choose a skin from the css/skins
       folder instead of downloading all of them to reduce the load. -->
  <link rel="stylesheet" href="http://municipalidadalhue.cl/documentos/dist/css/skins/_all-skins.min.css">

  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  <![endif]-->
  <style type="text/css">
<!--
.Estilo1 {font-size: 16px}
-->
  </style>
</head>
<body class="hold-transition skin-blue sidebar-mini">
<div class="wrapper">

  <header class="main-header">
    <!-- Logo --><!-- Header Navbar: style can be found in header.less -->
    <nav class="navbar navbar-static-top">
      <!-- Sidebar toggle button-->
      <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
        
       
      </a>

      <div class="navbar-custom-menu">
        <ul class="nav navbar-nav">
          <!-- Messages: style can be found in dropdown.less-->
          <li class="dropdown messages-menu">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
             
             
            </a>
            <ul class="dropdown-menu">
             
              <li>
                <!-- inner menu: contains the actual data -->
                <ul class="menu">
                  <li><!-- start message -->
                    <a href="#">
                      <div class="pull-left">
                        <img src="logomuni.png" class="img-circle" alt="User Image">
                      </div>
                     
                   
                    </a>
                  </li>
                  <!-- end message -->
                  <li>
                    <a href="#">
                      <div class="pull-left">
                        <img src="logomuni.png" class="img-circle" alt="User Image">
                      </div>
                      
                     
                    </a>
                  </li>
                  <li>
                    <a href="#">
                      <div class="pull-left">
                        <img src="logomuni.png" class="img-circle" alt="User Image">
                      </div>
                   
                     
                    </a>
                  </li>
                  <li>
                    <a href="#">
                      <div class="pull-left">
                        <img src="logomuni.png" class="img-circle" alt="User Image">
                      </div>
                      
                     
                    </a>
                  </li>
                  <li>
                    <a href="#">
                      <div class="pull-left">
                        <img src="logomuni.png" class="img-circle" alt="User Image">
                      </div>
                     
                     
                    </a>
                  </li>
                </ul>
              </li>
           
            </ul>
          </li>
          <!-- Notifications: style can be found in dropdown.less -->
        
          <!-- Tasks: style can be found in dropdown.less -->
          <li class="dropdown tasks-menu">
            
            <ul class="dropdown-menu">
              
              <li>
                <!-- inner menu: contains the actual data -->
                <ul class="menu">
                 
                  <!-- end task item -->
                  <li><!-- Task item -->
                   
                  </li>
                  <!-- end task item -->
                  <li><!-- Task item -->
                   
                  </li>
                  <!-- end task item -->
                  <li><!-- Task item -->
                    
                  </li>
                  <!-- end task item -->
                </ul>
              </li>
             
            </ul>
          </li>
          <!-- User Account: style can be found in dropdown.less -->
         
          <!-- Control Sidebar Toggle Button -->
         
        </ul>
      </div>
    </nav>
</header>
  <!-- Left side column. contains the logo and sidebar --><!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <h1>Registro Bitacora </h1>
</section>
 <form id="test_upload" name="test_upload"  enctype="multipart/form-data" action="solicitar.php" method="POST">
    <!-- Main content -->
    <section class="content">

      <!-- SELECT2 EXAMPLE -->
      <div class="box box-default">
        <div class="box-header with-border">
          <h3 class="box-title"></h3>

          
        </div>
        <!-- /.box-header -->
        <div class="box-body">
          <div class="row">
            <div class="col-md-6">
              <div class="form-group">
                <label>N° de Folio    : </label>
                <input name="id" type="text" class="form-control" value="<?php
srand(time()); //Introducimos la "semilla"
$aleat = rand(1,20000); //rand(m�nimo,m�ximo);
echo $aleat;
?>" required title="Ingrese Codigo">
                 
              </div>
			  <div class="form-group">
                <label>Fecha :</label>
               
                 
                <input name="fecha" type="date" class="form-control" style="width: 100%;" required title="Ingrese Fecha">
                <!-- /.col -->
            
                <!-- /.input group -->
              </div>
              <!-- /.form-group -->
              <div class="form-group">
                <label></label>
              </div>
              <!-- /.form-group -->
            </div>
            <!-- /.col -->
            <div class="col-md-6">
              <div class="form-group">
                <label>Departamento atendido :</label>
                <select name='departamento_atendido' class="form-control"  required="Ingrese Detalle">
                  <?php
$con = mysql_connect("localhost","educaci6_alhue","chile2020") or die
       ("Error al conectar con MySQL".mysql_error());
	   
	   mysql_select_db("educaci6_sistemas",$con) or die 
	   ("Error al seleccionar BD".mysql_error());
/* obtenemos los productos para mostrarlos en un combo-box */	   
 $sql = "SELECT id,nombre FROM departamentos";
 $result = mysql_query($sql) or die ("ERROR AL CARGAR Tipos".mysql_error());
 while ($campo = mysql_fetch_array($result))
	echo "<option value='$campo[nombre]'>$campo[nombre]</option>";
?>
                </select> 
              </div>
              <!-- /.form-group -->
              <div class="form-group">
                <label>Detalle :</label>
               
                 
                 <textarea name="detalle" cols="90" rows="10" wrap="virtual" class="contacts-list-name" id="detalle"></textarea> 
				
                
				
            <!-- /.col -->
            
                <!-- /.input group -->
              </div>
			  <div class="form-group">
                <label>Nombre Funcionario :</label>
               
                 
                  
                <input name="funcionario" type="text" class="form-control" id="funcionario" title="Ingrese Nombre de funcionario" value="" size="45" required /> 
				
                
				
            <!-- /.col -->
            
                <!-- /.input group -->
              </div>
              <!-- /.form-group -->
            </div>
            <!-- /.col -->
          </div>
          <!-- /.row -->
        </div>
        
      </div>
	  
	
		  
          <!-- /.row -->
		  
		  <div class="box box-default">
        
        <!-- /.box-header -->
        <div class="box-body">
          <div class="row">
            <div class="col-md-6">
              <div class="form-group">
                <label>Tipo Atención:</label>
				<label></label>
              </div>
            </div>
              <!-- /.form-group -->
              <div class="form-group">
                
              <!-- /.form-group -->
			   <label></label>
			   <p>
			     <input type="text"  id="tipo_atencion" name="tipo_atencion" class="form-control" value="" required title="Ingrese tipo de atención">
			   </p>
            </div>
			<div class="form-group">
                
              <!-- /.form-group -->
			   <label>Atención ingresada por : </label>
			   <p>
			     <input type="text"  id="atencion_por" name="atencion_por" class="form-control" value="<?php echo $_SESSION["login_usuario"]; ?>" required title="Ingrese tipo de atención">
			   </p>
            </div>
				
          </div>
            </div>
			
          </div>
		<div class="box box-default">
        
        <!-- /.box-header -->
        <div class="box-body">
          <div class="row">
            <div class="col-md-6">
              <div class="form-group">
                <label>Archivo  : </label>
				<input name="archivo" type="file" class="information" size="35" required  title="Recuerde seleccionar un archivo" />
              </div>
              <!-- /.form-group -->
              <!-- /.form-group -->
<label></label>
		    </div>
			   <p align="center">&nbsp;</p>
				 <p align="center">&nbsp;</p>
				 <p align="center">
				   <input type="submit" value="Guardar Registro" name="submit_form" class="btn-linkedin"/>
            | 
            <input type="reset" value="Cancelar" name="submit_form2" class="btn-linkedin"/>
		    </p>
            <p align="center">
          </div>
          </div>
   </div>
        </div>
      </div>
</form>
          <!-- /.box -->
        </div>
  </div>
  <!-- /.content-wrapper --><!-- Control Sidebar --></div>
<!-- ./wrapper -->

<!-- jQuery 2.2.0 -->
<script src="http://municipalidadalhue.cl/documentos/plugins/jQuery/jQuery-2.2.0.min.js"></script>
<!-- Bootstrap 3.3.6 -->
<script src="http://municipalidadalhue.cl/documentos/bootstrap/js/bootstrap.min.js"></script>
<!-- Select2 -->
<script src="http://municipalidadalhue.cl/documentos/plugins/select2/select2.full.min.js"></script>
<!-- InputMask -->
<script src="http://municipalidadalhue.cl/documentos/plugins/input-mask/jquery.inputmask.js"></script>
<script src="http://municipalidadalhue.cl/documentos/plugins/input-mask/jquery.inputmask.date.extensions.js"></script>
<script src="http://municipalidadalhue.cl/documentos/plugins/input-mask/jquery.inputmask.extensions.js"></script>
<!-- date-range-picker -->
<script src="http://municipalidadalhue.cl/documentos/https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.11.2/moment.min.js"></script>
<script src="http://municipalidadalhue.cl/documentos/plugins/daterangepicker/daterangepicker.js"></script>
<!-- bootstrap datepicker -->
<script src="http://municipalidadalhue.cl/documentos/plugins/datepicker/bootstrap-datepicker.js"></script>
<!-- bootstrap color picker -->
<script src="http://municipalidadalhue.cl/documentos/plugins/colorpicker/bootstrap-colorpicker.min.js"></script>
<!-- bootstrap time picker -->
<script src="http://municipalidadalhue.cl/documentos/plugins/timepicker/bootstrap-timepicker.min.js"></script>
<!-- SlimScroll 1.3.0 -->
<script src="http://municipalidadalhue.cl/documentos/plugins/slimScroll/jquery.slimscroll.min.js"></script>
<!-- iCheck 1.0.1 -->
<script src="http://municipalidadalhue.cl/documentos/plugins/iCheck/icheck.min.js"></script>
<!-- FastClick -->
<script src="http://municipalidadalhue.cl/documentos/plugins/fastclick/fastclick.js"></script>
<!-- AdminLTE App -->
<script src="http://municipalidadalhue.cl/documentos/dist/js/app.min.js"></script>
<!-- AdminLTE for demo purposes -->
<script src="http://municipalidadalhue.cl/documentos/dist/js/demo.js"></script>
<!-- Page script -->
<script>
  $(function () {
    //Initialize Select2 Elements
    $(".select2").select2();

    //Datemask dd/mm/yyyy
    $("#datemask").inputmask("dd/mm/yyyy", {"placeholder": "dd/mm/yyyy"});
    //Datemask2 mm/dd/yyyy
    $("#datemask2").inputmask("mm/dd/yyyy", {"placeholder": "mm/dd/yyyy"});
    //Money Euro
    $("[data-mask]").inputmask();

    //Date range picker
    $('#reservation').daterangepicker();
    //Date range picker with time picker
    $('#reservationtime').daterangepicker({timePicker: true, timePickerIncrement: 30, format: 'MM/DD/YYYY h:mm A'});
    //Date range as a button
    $('#daterange-btn').daterangepicker(
        {
          ranges: {
            'Today': [moment(), moment()],
            'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
            'Last 7 Days': [moment().subtract(6, 'days'), moment()],
            'Last 30 Days': [moment().subtract(29, 'days'), moment()],
            'This Month': [moment().startOf('month'), moment().endOf('month')],
            'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
          },
          startDate: moment().subtract(29, 'days'),
          endDate: moment()
        },
        function (start, end) {
          $('#daterange-btn span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
        }
    );

    //Date picker
    $('#datepicker').datepicker({
      autoclose: true
    });

    //iCheck for checkbox and radio inputs
    $('input[type="checkbox"].minimal, input[type="radio"].minimal').iCheck({
      checkboxClass: 'icheckbox_minimal-blue',
      radioClass: 'iradio_minimal-blue'
    });
    //Red color scheme for iCheck
    $('input[type="checkbox"].minimal-red, input[type="radio"].minimal-red').iCheck({
      checkboxClass: 'icheckbox_minimal-red',
      radioClass: 'iradio_minimal-red'
    });
    //Flat red color scheme for iCheck
    $('input[type="checkbox"].flat-red, input[type="radio"].flat-red').iCheck({
      checkboxClass: 'icheckbox_flat-green',
      radioClass: 'iradio_flat-green'
    });

    //Colorpicker
    $(".my-colorpicker1").colorpicker();
    //color picker with addon
    $(".my-colorpicker2").colorpicker();

    //Timepicker
    $(".timepicker").timepicker({
      showInputs: false
    });
  });
</script>
</body>
</html>
