<?php
session_start();
$usuario=$_SESSION['rut'];
include '../../conexion/conn.php';
?>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>Pantalla</title>
    <link rel="stylesheet" type="text/css" href="../../jquery-easyui-1.4.5/themes/metro-orange/easyui.css">  
    <link rel="stylesheet" type="text/css" href="../../jquery-easyui-1.4.5/themes/mobile.css">  
    <link rel="stylesheet" type="text/css" href="../../jquery-easyui-1.4.5/themes/icon.css">  
    <script type="text/javascript" src="../../jquery-easyui-1.4.5/jquery.min.js"></script>  
    <script type="text/javascript" src="../../jquery-easyui-1.4.5/jquery.easyui.min.js"></script> 
    <script type="text/javascript" src="../../jquery-easyui-1.4.5/jquery.easyui.mobile.js"></script>
      <script type="text/javascript" src="../../jquery-easyui-1.4.5/locale/easyui-lang-es.js"></script>
      <script type="text/javascript" src="../../Highcharts-4.2.7/js/highcharts.js"></script>
    <script type="text/javascript" src="../../Highcharts-4.2.7/js/modules/exporting.js"></script> 
      <link href="../../css/estilo.css" rel="stylesheet" type="text/css" />
</head>
   
    <script type="text/javascript">
     function excel(){
            $('#fmpdf2').form('submit',{
                url: 'excel.php',
                onSubmit: function(){
                    return $(this).form('validate');
                },
                success: function(data){
                    if (data=="Datos Grabados" || data=="Datos Modificados"){
                        $.messager.alert('Informacion',data,'info');
                    } else {
                        $.messager.alert('Error',data,'error');
                    }
                }
            });
        }
    
    //cargar datagrid, comboox
    $(function(){
        $('#exportador_cod').combogrid({
            panelWidth: 430,
            mode: 'remote',
            url: 'sqlexportadorgrid.php',
            idField: 'exportador_cod',
            textField: 'exportador_nombre',
            columns: [[
                {field:'exportador_cod',title:'Código / Code',width:100,sortable:true},
                {field:'exportador_nombre',title:'Nombre / Name',width:300,sortable:true}
            ]],
                onSelect: function(rec){
                    var g3 = $('#exportador_cod').combogrid('grid');
                    var r3 = g3.datagrid('getSelected');
                    llenar_especie(r3.exportador_cod);
                    llenar_packing(r3.exportador_cod);
                }
        });
            
            
            
    });

    function llenar_especie(exportador_cod){

            $('#especie_id').combogrid({
            panelWidth: 430,
            mode: 'remote',
            url: 'sqlespeciegrid.php?exportador_cod='+exportador_cod,
            idField: 'especie_id',
            textField: 'especie_nombre',
            columns: [[
                {field:'especie_id',title:'Código / Code',width:100,sortable:true},
                {field:'especie_nombre',title:'Nombre / Name',width:300,sortable:true}
            ]],
                onSelect: function(rec){
                    var g2 = $('#especie_id').combogrid('grid');
                    var r2 = g2.datagrid('getSelected');
                    var g3 = $('#exportador_cod').combogrid('grid');
                    var r3 = g3.datagrid('getSelected');
                    llenar_norma(r2.especie_id, r3.exportador_cod);
                }
            }); 
        }
    function llenar_packing(exportador_cod){

            $('#packing_cod').combogrid({
            panelWidth: 430,
            mode: 'remote',
            url: 'sqlpackinggrid.php?exportador_cod='+exportador_cod,
            idField: 'packing_cod',
            textField: 'packing_nombre',
            columns: [[
                {field:'packing_cod',title:'Código / Code',width:100,sortable:true},
                {field:'packing_nombre',title:'Nombre / Name',width:300,sortable:true}
            ]]
        }); 
    }

    function llenar_norma(especie_cod, exportador_cod){

            $('#norma_id').combogrid({
                panelWidth: 430,
                mode: 'remote',
                url: 'sqlcbonorma.php?exportador_cod='+exportador_cod+'&especie_cod='+especie_cod,
                idField: 'norma_id',
                textField: 'norma_descripcion',
                columns: [[
                    {field:'norma_id',title:'Codigo',width:'30%',sortable:true},
                    {field:'norma_descripcion',title:'Nombre',width:'60%',sortable:true}
                ]]
             });
        }
        
        
    </script>
    
    </head>

<body>
    <div class="easyui-navpanel">
    <header>
        <div class="m-toolbar">
            <div class="m-title">Informe</div>
        </div>
        <div class="m-left">
                    <a href="#" class="easyui-linkbutton m-back" data-options="plain:true,outline:true,back:true">Back</a>
                </div>
    </header>
<center>
<div id="p" class="easyui-panel" title="INFORME DETALLADO / DETAILED REPORT" style="width:650px;height:350px;padding:10px;">
<form id="fmpdf2" method="post" target="_blank" action="pantalla.php" novalidate>
        <table>
            <tr>
                <td><label>Exportadora:</label></td>
                <td><input id="exportador_cod" name="exportador_cod" class="easyui-textbox" editable="false" style="width:150px;" required="required"></td>
                <td><label>Especie:</label></td>
                <td><input id="especie_id" name="especie_id" editable="false" style="width:150px;" required="required"></td>
            </tr>
            <tr>
                <td><label>Norma:</label></td>
                <td><input id="norma_id" name="norma_id" class="easyui-textbox" editable="false" prompt="Norma" style="width:150px;" required="required"></td>
                <td><label>Packing:</label></td>
                <td><input id="packing_cod" name="packing_cod" class="easyui-textbox" editable="false" prompt="Packing" style="width:150px;" required="required"></td>

            </tr>
            <tr>
                <td><label>Fecha Desde:</label></td>
                <td><input id="fecha_desde" name="fecha_desde" type="date" style="width:150px;" required="required"></td>
                <td><label>Fecha Hasta:</label></td>
                <td><input id="fecha_hasta" name="fecha_hasta" type="date" style="width:150px;" required="required"></td>
            </tr>

            <tr>
                <td colspan="4" align="center"><input type="button" class="button" value="excel" onclick="excel();"/></td>
            </tr>
        </table>
   </form>  
    </div>
    </center>
    <footer>
        <div class="m-toolbar">
            <div class="m-title">Control Proceso Inglobo</div>
        </div>
    </footer>
</div>
</body>
</html>