@extends('helper.include.view.modal', ['id' => 'modal-RelatorioHTML', 'class_size' => 'modal-full'])

@section('modal-start')
    <form class="form-inline" ng-submit="vm.RelatorioHTML.gravarItem();">
@overwrite

@section('modal-header-left')

<h4 class="modal-title">
   <span>@{{vm.Relatorio.SELECTED.CODIGO}} - @{{vm.Relatorio.SELECTED.DESCRICAO}} v@{{vm.Relatorio.SELECTED.VERSAO_IMP}}</span>
</h4>

@overwrite

@section('modal-header-right')

	<button type="button" class="btn btn-default btn-fechar-modal btn-voltar" ng-click="vm.RelatorioHTML.fecharModal()" data-hotkey="esc">
		<span class="glyphicon glyphicon-chevron-left"></span> Voltar
    </button>	

@overwrite

@section('modal-body')
<div style="height: calc(100vh - 180px);">

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

    <div ng-show="vm.RelatorioHTML.PARANS">
        @include('admin._11081.modal.parametros')
    </div>

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

    <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>

        <button ng-disabled="vm.RelatorioHTML.COMPILADO != true" ng-if="vm.RelatorioHTML.CONTEM_GRAFICOS == true && vm.RelatorioHTML.COMPILADO == true" type="button" class="btn btn-primary" ng-click="vm.RelatorioHTML.changeVisualRel();" style="position: absolute; right: 0; margin-top: 20px; z-index: 999;" data-hotkey="f9">
            <span ng-if="vm.RelatorioHTML.TIPO_VISUALIZACAO == 1" class="fa fa-area-chart" title="Abrir Gráficos"></span>
            <span ng-if="vm.RelatorioHTML.TIPO_VISUALIZACAO == 2" class="fa fa-table" title="Abrir Tabela de Dados"></span>
        </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 src="" 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>

</div>
</form>

@overwrite