@extends('master')

@section('titulo')
    {{ $DESCRICAO }}
@endsection

@section('estilo')
    <link rel="stylesheet" href="/js/buttons.dataTables.min.css" />
	<link rel="stylesheet" href="/js/codemirror/codemirror.css" />
	<link rel="stylesheet" href="/js/codemirror/show-hint.css" />
    <link rel="stylesheet" href="/js/codemirror/temas/abcdef.css" />
    
	<link rel="stylesheet" href="{{ elixir('assets/css/11081.css') }}" />
    <link rel="stylesheet" href="{{ elixir('assets/css/28000v2.css') }}" />
@endsection

@section('conteudo')
<div ng-controller="Ctrl as vm" ng-cloak>
    <form class="form-inline" ng-submit="vm.RelatorioHTML.gravarItem();">

        @php $visao                 = isset($_GET['VISAO']) ? $_GET['VISAO'] : 0;
        @php $scroll_aut            = isset($_GET['SCROLL']) ? $_GET['SCROLL'] : 0;
        @php $grafico               = isset($_GET['GRAFICO']) ? $_GET['GRAFICO'] : 0;
        @php $dados_consulta_visao  = isset($_GET['DADOS_CONSULTA_VISAO']) ? $_GET['DADOS_CONSULTA_VISAO'] : 0;

        @foreach($IMPUTS as $key => $value)

            @php $val_imput  = isset($_GET[$value->PARAMETRO]) ? $_GET[$value->PARAMETRO] : ''

            <input type="hidden"    id="_{{$value->PARAMETRO}}_VALOR"   value="{{$val_imput}}"  >

        @endforeach

        <input type="hidden"    id="descricao_relatorio"    class="descricao_relatorio"         value="{{ $DESCRICAO }}"                                                                                >

        <input type="hidden"    name="tipo-pagina"          class="tipo-pagina"                 value="1"                                                                                               >
        <input type="hidden"    name="user-relatorio"       class="user-relatorio"              value="{{ ucwords(mb_strtolower(Auth::user()->NOME ? Auth::user()->NOME : Auth::user()->USUARIO)) }}"   >
        <input type="hidden"    id="_visao_360"             value="{{ $visao }}"                                                                                                                        >
        <input type="hidden"    id="_scroll_aut"            value="{{ $scroll_aut }}"                                                                                                                   >
        <input type="hidden"    id="_grafico"               value="{{ $grafico }}"                                                                                                                      >
        <input type="hidden"    id="_dados_consulta_visao"  value="{{ $dados_consulta_visao }}"                                                                                                         >
        <input type="hidden"    id="_relatorio_id"          value="{{ $relatorio_id }}"                                                                                                                 >
        <input type="hidden"    id="_relatorio_dados"       value="{{ $dados }}"                                                                                                                        >

        @include('admin._11081.modal.carregarTela')

        <fieldset class="programacao">
           
            <button type="button" class="btn btn-default filtro_relat_custom" id="filtrar-toggle" ng-click="vm.RelatorioHTML.toggleCalcTamTabela();" data-toggle="collapse" data-target="#relatorio-filtro" aria-expanded="true" aria-controls="programacao-filtro" ng-if="vm.Relatorio.SELECTED.EXECUTAR_COMANDOS == 0" style="float: left; margin-right: 5px;">
                Filtro
                <span class="caret"></span>
            </button>

            <button type="button" class="btn btn-default" id="filtrar-toggle" data-toggle="collapse" data-target="#relatorio-filtro" aria-expanded="true" aria-controls="programacao-filtro" ng-if="vm.Relatorio.SELECTED.EXECUTAR_COMANDOS == 1" style="float: left; margin-right: 5px;">
                Parâmetro
                <span class="caret"></span>
            </button>

            <!--
            <button type="button" class="btn btn-warning" ng-click="vm.RelatorioHTML.TabelaPrincipal.exportPDF();"  ng-if="vm.Relatorio.SELECTED.EXECUTAR_COMANDOS == 0">
                <span class="glyphicon glyphicon-file"></span>
                Exportar para PDF                
            </button>
            -->

            <button ng-disabled="vm.RelatorioHTML.TIPO_VISUALIZACAO == 2" type="button" class="btn btn-warning" ng-click="vm.RelatorioHTML.TabelaPrincipal.imprimir();" ng-if="vm.Relatorio.SELECTED.EXECUTAR_COMANDOS == 0 && vm.Relatorio.SELECTED.TIPO < 3" style="float: left; margin-right: 5px;">
                <span class="glyphicon glyphicon-print"></span>
                Imprimir
            </button>

            <!-- <button type="button" class="btn btn-warning" ng-click="vm.RelatorioHTML.TabelaPrincipal.exportHTML();" ng-if="vm.Relatorio.SELECTED.TIPO < 3">
                <span class="glyphicon glyphicon-file"></span>
                Exportar para HTML
            </button>

            <button type="button" class="btn btn-warning" ng-click="vm.RelatorioHTML.TabelaPrincipal.exportHtmlPDF();" ng-if="vm.Relatorio.SELECTED.TIPO < 3">
                <span class="glyphicon glyphicon-floppy-save"></span>
                Exportar para PDF
            </button>

            <button type="button" class="btn btn-warning" ng-click="vm.RelatorioHTML.TabelaPrincipal.exportCsv();" ng-if="vm.Relatorio.SELECTED.TIPO < 3">
                <span class="glyphicon glyphicon-floppy-save"></span>
                Exportar para CSV
            </button>

            <button type="button" class="btn btn-warning" ng-click="vm.RelatorioHTML.TabelaPrincipal.exportXls();" ng-if="vm.Relatorio.SELECTED.TIPO < 3">
                <span class="glyphicon glyphicon-floppy-save"></span>
                Exportar para XLS
            </button> -->

            <div class="dropdown" id="dropCompilado" style="float: left; margin-right: 5px;">
                <button
                    id="dLabel"
                    type="button"
                    data-toggle="dropdown"
                    class="btn btn-warning"
                    ng-dbclick="$event.stopPropagation();" 
                    ng-disabled="vm.RelatorioHTML.TIPO_VISUALIZACAO == 2">
                    <span class="glyphicon glyphicon-export"></span> Exportar
                </button>
                <ul class="dropdown-menu multi-level" 
                    role="menu" 
                    aria-labelledby="dropdownMenu">
                    <li class="dropdown-header" style="text-transform: initial; font-weight: bold;">Ações Disponíveis</li>
                    
                    <li tabindex="0" ng-keypress="$event.keyCode == 13 && vm.RelatorioHTML.TabelaPrincipal.exportHTML();">
                        <a ng-click="vm.RelatorioHTML.TabelaPrincipal.exportHTML();" style="cursor: pointer;">
                            <span class="fa fa-file-code-o"></span> Exportar para HTML
                        </a>
                    </li>
                    <li tabindex="0" ng-keypress="$event.keyCode == 13 && vm.RelatorioHTML.TabelaPrincipal.exportHtmlPDF();">
                        <a ng-click="vm.RelatorioHTML.TabelaPrincipal.exportHtmlPDF();" style="cursor: pointer;">
                            <span class="fa fa-file-pdf-o"></span> Exportar para PDF
                        </a>
                    </li>
                    <li tabindex="0" ng-keypress="$event.keyCode == 13 && vm.RelatorioHTML.TabelaPrincipal.exportCsv();">
                        <a ng-click="vm.RelatorioHTML.TabelaPrincipal.exportCsv();" style="cursor: pointer;">
                            <span class="fa fa-file-excel-o"></span> Exportar para CSV
                        </a>
                    </li>
                    <li tabindex="0" ng-keypress="$event.keyCode == 13 && vm.RelatorioHTML.TabelaPrincipal.exportXls();">
                        <a ng-click="vm.RelatorioHTML.TabelaPrincipal.exportXls();" style="cursor: pointer;">
                            <span class="fa fa-file-excel-o"></span> Exportar para XLS
                        </a>
                    </li>

                </ul>
            </div>

            <button ng-if="false" type="button" class="btn btn-warning" ng-click="vm.RelatorioHTML.speedExport();" ng-if="vm.Relatorio.SELECTED.TIPO < 3">
                <span class="glyphicon glyphicon-open   "></span>
                Processar no Servidor
            </button>

            <button ng-disabled="vm.RelatorioHTML.TIPO_VISUALIZACAO == 2" type="button" class="btn btn-warning" ng-click="vm.RelatorioHTML.speedExport2();" ng-if="vm.Relatorio.SELECTED.TIPO < 3">
                <span class="glyphicon glyphicon-open"></span>
                Processar no Servidor
            </button>

            <button ng-disabled="vm.RelatorioHTML.TIPO_VISUALIZACAO == 2" type="button" class="btn btn-warning" ng-click="vm.RelatorioHTML.TabelaPrincipal.exportEmail();" ng-if="vm.Relatorio.SELECTED.TIPO < 3">
                <span class="glyphicon glyphicon-envelope"></span>
                Enviar por Email
            </button>

            <button type="button" class="btn btn-warning" ng-click="vm.RelatorioHTML.exportEmail2();" ng-if="vm.Relatorio.SELECTED.TIPO == 3">
                <span class="glyphicon glyphicon-envelope"></span>
                Enviar por Email
			</button>


            <!-- <div class="form-group" style="display: inline-flex; align-items: center; flex-wrap: nowrap;">
				<label style="margin-right: 5px;">Orientação Imp:</label>
				<div class="input-group">
					<select 
						name="repeatSelect" 
						id="repeatSelect"  
						ng-model="vm.Relatorio.SELECTED.PAISAGEM" 
                        ng-change="vm.RelatorioHTML.changeImpRel(vm.Relatorio.SELECTED);">
						<option ng-value="0">RETRATO</option>
						<option ng-value="1">PAISAGEM</option>
                    </select>
                </div>
            </div> -->

            <button ng-if="vm.Relatorio.SELECTED.PAISAGEM == 0" type="button" class="btn btn-warning" ng-click="vm.Relatorio.SELECTED.PAISAGEM = 1; vm.RelatorioHTML.changeImpRel(vm.Relatorio.SELECTED);" title="Orientação de Impressão: Retrato">
                <span class="fa fa-file-text-o" style="transform: rotate(0deg);"></span> Retrato
            </button>

            <button ng-if="vm.Relatorio.SELECTED.PAISAGEM == 1" type="button" class="btn btn-warning" ng-click="vm.Relatorio.SELECTED.PAISAGEM = 0; vm.RelatorioHTML.changeImpRel(vm.Relatorio.SELECTED);" title="Orientação de Impressão: Paisagem">
                <span class="fa fa-file-text-o" style="transform: rotate(-90deg);"></span> Paisagem
            </button>


            <button ng-if="vm.RelatorioHTML.TEMPO_ATUALIZAR == 0" type="button" class="btn btn-warning" ng-click="vm.RelatorioHTML.setTempoAtualizar();">
                <span class="glyphicon glyphicon-time"></span> Timer
            </button>

            <button ng-if="vm.RelatorioHTML.TEMPO_ATUALIZAR > 0" type="button" class="btn btn-warning" style="cursor: default; width: 270px;">
                <span id="contador_div" style="float: left;"></span>

                <span class="glyphicon glyphicon-stop" ng-click="vm.RelatorioHTML.TEMPO_ATUALIZAR = 0;" style="float: right; cursor: pointer;" title="Parar Timer"></span>
			</button>


            <button ng-disabled="vm.RelatorioHTML.COMPILADO != true" ng-if="vm.RelatorioHTML.TIPO_VISUALIZACAO == 1 && vm.RelatorioHTML.CONTEM_GRAFICOS == true && vm.RelatorioHTML.COMPILADO == true" type="button" class="btn btn-primary" ng-click="vm.RelatorioHTML.changeVisualRel();" data-hotkey="f9" style="height: 34px;" title="Abrir Gráficos">
                <span class="fa fa-area-chart"></span> Gráficos
            </button>

            <button ng-disabled="vm.RelatorioHTML.COMPILADO != true" ng-if="vm.RelatorioHTML.TIPO_VISUALIZACAO == 2 && vm.RelatorioHTML.CONTEM_GRAFICOS == true && vm.RelatorioHTML.COMPILADO == true" type="button" class="btn btn-primary" ng-click="vm.RelatorioHTML.changeVisualRel();" data-hotkey="f9" style="height: 34px;" title="Abrir Relatório de Dados">
                <span class="fa fa-table"></span> Relatório
            </button>

			<!--
			<div class="form-group" style="
				display: inline-block;
				margin-top: 4px;
				background-color: rgb(92 184 92);
				padding: 0px;
				border-radius: 6px;
				height: 35px;
				padding-left: 2px;
				border: 1px solid rgb(76 174 76);
				width: 188px;
				color: white;
				">
				<div style="display: inline-flex;">
					<span style="margin-top: 7px;margin-right: 7px;">Tempo p/ filtrar </span>
					<input type="text" class="text-right" ng-number-format="0" min="0" max="999" style="width: 50px; border-left: 0px;" 
						ng-model="vm.RelatorioHTML.TEMPO_ATUALIZAR" ng-change="vm.RelatorioHTML.tempoAtualizar()" onfocus="this.select();">
					<span style="height: 34px; width: 33px; padding-right: 0px; padding-top: 6px; padding-left: 4px;">Min</span>					
				</div>
			</div>
			 <div ng-if="vm.RelatorioHTML.TEMPO_ATUALIZAR > 0" class="form-group" style="display: inline-block; margin-top: 4px; background-color: rgb(92 184 92);
				padding: 0px; border-radius: 6px; height: 35px; padding-left: 2px; border: 1px solid rgb(76 174 76); width: 288px; color: white;">
				<div style="display: inline-flex;">
					<span id="contador_div" style="margin-top: 7px;margin-right: 7px;"></span>
				</div>
			</div> -->
			<!-- <div class="form-group" style=" display: inline-block; margin-top: 4px; background-color: #e2e2e2; padding: 0px; border-radius: 6px;
				height: 35px; padding-right: 4px; border: 1px solid #cccccc; width: 194px;">
				<div style="display: inline-flex;">
					<input type="text" class="text-right" ng-number-format="0" min="0" max="999" style="width: 50px; border-left: 0px;"
						ng-model="vm.RelatorioHTML.TEMPO_ATUALIZAR" ng-change="vm.RelatorioHTML.tempoAtualizar()">
					<label style="margin-top: 7px; margin-left: 5px;"> Minutos para filtrar </label>
				</div>
			</div> -->

            <!--

                ' <ul class="dropdown-menu no-print" style="top: 21px;"> '+
					'		<li class="dropdown-header">Opções de Dados</li> '+
					'		<li> <a href="" ng-click="'+that.model+'.exportHtmlPDF()">Exportar para PDF</a> '+
                    '       <a href="" ng-click="'+that.model+'.exportXls()">Exportar para XLS</a> '+
					'		<a href="" ng-click="'+that.model+'.exportCsv()">Exportar para CSV</a> '+
					'		<a href="" ng-click="'+that.model+'.exportPDF()">Exportar para PDF</a> '+
					'		<a href="" ng-click="'+that.model+'.imprimir()">Imprimir</a> '+
					'		<a href="" ng-click="'+that.model+'.exportEmail()">Enviar por Email</a> '+
					'		<a href="" ng-if="'+that.model+'.tipo_tabela != \'accordion\'" ng-click="'+that.model+'.openModalOPT()">Campos Visíveis</a> '+ 
					'		<a href="" name="mark_all_comp" ng-if="'+that.model+'.input_visible == true && '+that.model+'.linhas_marcadas == false && '+that.model+'.DADOS != \'undefined\' && '+that.model+'.DADOS.length > 0" ng-click="'+that.model+'.MarcarItens()">Marcar Todos</a> '+
					'		<a href="" ng-if="'+that.model+'.input_visible == true && '+that.model+'.linhas_marcadas == true" ng-click="'+that.model+'.DesmarcarItens()">Desmarcar Todos</a> '+
					' </li> </ul> ';
            -->
            
            <!-- <a href="/" class="btn btn-default" style="float: right;">
                <span class="glyphicon glyphicon-chevron-left"></span> 
                Voltar
            </a> -->

            <imput type="hidden" class="auto-filtro-relatorio" data-valor="0"></imput>
    
            <div id="relatorio-filtro" class="table-filter collapse" aria-expanded="false">

            <div ng-show="vm.RelatorioHTML.PARANS" style="margin-top: 4px; border: 1px solid #cfcfcf; background: rgba(221,221,221,.33); border-radius: 7px; width: 100%;">

                @include('admin._11081.modal.parametros')

            </div>    
        </div>

    </fieldset>
        <div class="imputs-relatorio"> </div>

        <!--
        <fieldset class="observacao">

            <div id="preview-html" class="preview-html" style="" ng-show="vm.RelatorioHTML.TabelaPrincipal.html_speed == true">
                <iframe src="" id="ifreme_html" title="" style="width: 100%; height: calc(100vh - 150px); border: 0px;"></iframe>
            </div>

            <div id="tabela_rel_personalizado" class="preview-relatorio"></div>
            <div id="tabela_rel_personalizado2" class="preview-relatorio2" ng-show="vm.RelatorioHTML.TabelaPrincipal.html_speed == true && false" ></div>

            <div id="tabela_rel_scripts" class="preview-relatorio_scripts"></div>

        </fieldset>
        -->

        <fieldset class="observacao">

            <!--
            <div class="panel panel-primary" ng-show="vm.RelatorioGrafico.DADOS.length > 0"> 
                <div class="panel-heading" style="cursor: pointer !important;" id="headerPainelInformacoes2" data-toggle="collapse" data-target="#painelInformacoes2" aria-expanded="true" aria-controls="painelInformacoes2" ng-click="vm.RelatorioHTML.showHideDiv2();"> 
                    <h3 class="panel-title">Gráficos
                        <i class="fa" style="float: right; cursor: pointer;" ng-class="{'fa-chevron-circle-down': !vm.RelatorioHTML.TOGGLE_DIV2, 'fa-chevron-circle-up': vm.RelatorioHTML.TOGGLE_DIV2}" aria-hidden="true"></i></h3> 
                </div> 
                <div class="panel-body collapse" style="padding: 18px !important;" id="painelInformacoes2">
                    
                    <div id="tabela_rel_scripts" class="preview-relatorio_scripts"></div>

                </div>
            </div>
            -->

            <button  ng-if="vm.RelatorioHTML.DADOS_ITENS.length > 0" style="margin-bottom: 10px; margin-right: 8px;" type="button" class="btn btn-info" ng-click="vm.RelatorioHTML.executeScript(grafico);" ng-repeat="grafico in vm.RelatorioGrafico.DADOS">
                <span class="fa fa-area-chart"></span>
                @{{ grafico.DESCRICAO }}
            </button>

                
            <div id="preview-html" class="preview-html" ng-show="vm.RelatorioHTML.TabelaPrincipal.html_speed == true && vm.RelatorioHTML.MOSTRAR_TABELA == 1 && vm.RelatorioHTML.TIPO_VISUALIZACAO == 1">
                <iframe src="" id="ifreme_html" title="" style="width: 100%; height: calc(100vh - 230px); border: 0px;" ng-style="{ 'height' : vm.Relatorio.SELECTED.OBSERVACAO_VISUAL != '' ? 'calc(100vh - 230px)' : 'calc(100vh - 170px)' }"></iframe>
            </div>
            <div id="preview-dashboard" class="preview-dashboard" ng-show="vm.RelatorioHTML.TabelaPrincipal.html_speed == true && vm.RelatorioHTML.MOSTRAR_TABELA == 1 && vm.RelatorioHTML.TIPO_VISUALIZACAO == 2">
                <div id="dashboard_html" title="" style="width: 100%; height: calc(100vh - 230px); border: 0px;" ng-style="{ 'height' : vm.Relatorio.SELECTED.OBSERVACAO_VISUAL != '' ? 'calc(100vh - 230px)' : 'calc(100vh - 170px)' }">

                    <div ng-repeat="grafico in vm.RelatorioDashboard.ARRAY_GRAFICOS_COMPILE track by $index" class="chart-bar graficos grafico@{{ ($index + 1) }}" ng-if="grafico.NIVEL == 1">
                        <canvas id="@{{ grafico.GRAFICO }}_@{{ $index }}" style="max-width: 100%;" ng-style="{ 'max-height' : vm.Relatorio.SELECTED.OBSERVACAO_VISUAL != '' ? 'calc(100vh - 230px)' : 'calc(100vh - 170px)' }"></canvas>

                        <div class="form-group" style="position: absolute; top: -10px; left: 0; z-index: 999;">
                            <label>Medida:</label>
                            <div class="input-group">
                                <select 
                                    name="repeatSelect" 
                                    id="repeatSelect"  
                                    ng-model="grafico.MEDIDA_S" 
                                    ng-change="vm.RelatorioDashboard.changeMedidaGrafico(grafico);">
                                    <option ng-repeat="valor_visivel in grafico.MEDIDAS track by valor_visivel.INDICE" ng-value="valor_visivel.INDICE">@{{ valor_visivel.DESCRICAO }}</option>
                                </select>
                            </div>
                        </div>
                    </div>

                </div>
            </div>

            <div ng-show="vm.RelatorioHTML.MOSTRAR_TABELA == 1" id="tabela_rel_personalizado" class="preview-relatorio"></div>
            <div ng-show="vm.RelatorioHTML.TabelaPrincipal.html_speed == true && false && vm.RelatorioHTML.MOSTRAR_TABELA == 1" id="tabela_rel_personalizado2" class="preview-relatorio2"></div>

            <!--  -->

            <div style="max-height: 60px;" ng-show="vm.Relatorio.SELECTED.OBSERVACAO_VISUAL != ''">
                <pre style="
                    background-color: #f6f9b3 !important; 
                    border-color: #ced359 !important; 
                    white-space: pre-line;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    line-height: 16px;
                    max-height: 62px;
                    -webkit-line-clamp: 3;
                    -webkit-box-orient: vertical;">
                    @{{ vm.Relatorio.SELECTED.OBSERVACAO_VISUAL }}
                </pre>
            </div>

        </fieldset>

        <div id="tblExport" class="" style="display: none;"></div>
        <div id="tabela_print" class="" style="display: none;"></div>
    </form>

    @include('admin._11081.modal.Grafico')
    
</div>
@endsection

@section('script')

    <script src="{{ elixir('assets/js/direct-print.js') }}"></script>

    <script src="/build/assets/images/jquery.dataTables.min.js"></script>
	<script src="/build/assets/images/dataTables.buttons.min.js"></script>
	<script src="/build/assets/images/buttons.flash.min.js"></script>
	<script src="/build/assets/images/jszip.min.js"></script>
	<script src="/build/assets/images/pdfmake.min.js"></script>
	<script src="/build/assets/images/vfs_fonts.js"></script>
	<script src="/build/assets/images/buttons.html5.min.js"></script>
	<script src="/build/assets/images/buttons.print.min.js"></script>

	<script src="/js/codemirror/codemirror.js"></script>
	<script src="/js/codemirror/matchbrackets.js"></script>
	<script src="/js/codemirror/show-hint.js"></script>
	<script src="/js/codemirror/sql.js"></script>
	<script src="/js/codemirror/sql-hint.js"></script>

    <script src="{{ url('js/chart3.2.1.js') }}"></script>
	<script src="{{ url('js/chart_plugin_datalabels2.0.0.js') }}"></script>

	<script src="{{ elixir('assets/js/_11081.js') }}"></script>

@append