@extends('master')

@section('titulo')
    {{ Lang::get('ppcp/_22135.titulo') }}
@endsection

@section('estilo')
    <link rel="stylesheet" href="{{ elixir('assets/css/22135.css') }}" />
@endsection

@section('conteudo')
    <div ng-controller="Ctrl as vm" ng-cloak>

        @php $filtro = isset($_GET['filtro']) ? $_GET['filtro'] : 0; @endphp
        <input type="hidden" class="_filtro" value="{{ $filtro }}">

        <ul style="margin-top: -100px;" class="list-inline acoes">
            <li>
                <button type="button" class="btn btn-default" id="filtrar-toggle" data-toggle="collapse"
                    data-target="#filtro_main" aria-expanded="true" aria-controls="filtro_main"
                    ng-click="vm.Painel.tabela_height()">
                    Filtro
                    <span class="caret"></span>
                </button>
            </li>
            <li>
                <button type="button" class="btn btn-info"
                    ng-disabled="!vm.ConsultaEstabelecimento.item.selected || !vm.ConsultaGp.item.selected"
                    ng-click="vm.Tecelagem.preDefeito('', 0)">
                    <span class="fa fa-bug"></span> Registro de Produtos Defeituosos
                </button>
            </li>
            <li>
                <div class="form-group">
                    <select ng-model="vm.TipoPrint" class="form-control">
                        <option ng-value="1">Windows</option>
                        <option ng-value="2">Linux 1</option>
                        <option ng-value="3">Linux 2</option>
                    </select>
                </div>
            </li>
            <li>
                <button ng-if="vm.OPERADOR.LOGADO == true" style="background-color: #0083a3" type="button"
                    class="btn btn-warning" ng-click="vm.VincularTaloes.showModal()">
                    <span class="glyphicon glyphicon-tags"></span> Agrupar Talões
                </button>
            </li>
        </ul>

        <div class="alert alert-warning" role="alert"
            style="position: fixed; top: 80px; right: 7px; z-index: 99; padding: 5px; border: 1px solid; border-radius: 4px; ">

            <span class="valor" ng-if="vm.OPERADOR.LOGADO == true">
                @{{ vm.OPERADOR.OPERADOR_NOME }}
                <button ng-click="vm.Acoes.LogOff()" type="button" class="btn btn-temp btn-danger" id="finalizar">
                    <span class="glyphicon glyphicon-user"></span> logOff
                </button>
            </span>
            <span class="valor" ng-if="vm.OPERADOR.LOGADO == false">
                <button ng-click="vm.Acoes.modalLogin()" type="button" class="btn btn-temp btn-primary">
                    <span class="glyphicon glyphicon-user"></span> Login
                </button>
            </span>
            <input type="hidden" name="_operador_id" id="_operador-id" autocomplete="off">
        </div>

        <form ng-submit="vm.Tecelagem.filtrar()" class="form-inline">
            <div id="filtro_main" class="table-filter collapse in" aria-expanded="true"
                style="margin-bottom: 4px;
					background: rgba(221,221,221,.33);
					padding: 2px 10px 7px;
					border-radius: 5px;">

                <div class="consulta-estabelecimento"></div>
                <div class="consulta-gp"></div>
                <div class="consulta-up1"></div>
                <div class="consulta-up2"></div>

                <div class="form-group filtro-periodo">
                    <label>Período Produção:</label>
                    <input type="date"
                        ng-change="vm.Tecelagem.formatarData(vm.Tecelagem.FILTRO.DATA_INICIAL, 'DATA_INICIAL')"
                        ng-disabled="vm.Tecelagem.FILTRO.FLAG_DATA" ng-model="vm.Tecelagem.FILTRO.DATA_INICIAL"
                        class="form-control data-ini dt1" value="{{ date('Y-m-d') }}" />
                    <label class="periodo-a"> {{ Lang::get('master.periodo-a') }} </label>
                    <input type="date"
                        ng-change="vm.Tecelagem.formatarData(vm.Tecelagem.FILTRO.DATA_FINAL  , 'DATA_FINAL')"
                        ng-disabled="vm.Tecelagem.FILTRO.FLAG_DATA" ng-model="vm.Tecelagem.FILTRO.DATA_FINAL"
                        class="form-control data-fim dt2" value="{{ date('Y-m-d') }}" />

                    <div class="form-group" style="display: inline-flex;">
                        <label style="opacity: 0; width: 0px;">Período:</label>
                        <div style="display: flex; margin-top: -4px;">
                            <input type="checkbox" ng-model="vm.Tecelagem.FILTRO.FLAG_DATA" id="periodo-todos"
                                class="form-control periodo-todos" title="{{ Lang::get($menu . '.periodo-todos-title') }}"
                                checked />
                            <label style="margin-left: 4px;" for="periodo-todos"
                                title="{{ Lang::get($menu . '.periodo-todos-title') }}"> Hoje</label>
                        </div>
                    </div>
                </div>

                <div class="form-group filtro-periodo">
                    <label>Período Meta:</label>
                    <input type="date"
                        ng-change="vm.Tecelagem.formatarData(vm.Tecelagem.FILTRO.DATA_INICIAL2, 'DATA_INICIAL2')"
                        ng-disabled="vm.Tecelagem.FILTRO.FLAG_DATA2" ng-model="vm.Tecelagem.FILTRO.DATA_INICIAL2"
                        class="form-control data-ini dt3" value="{{ date('Y-m-d') }}" />
                    <label class="periodo-a"> {{ Lang::get('master.periodo-a') }} </label>
                    <input type="date"
                        ng-change="vm.Tecelagem.formatarData(vm.Tecelagem.FILTRO.DATA_FINAL2, 'DATA_FINAL2')"
                        ng-disabled="vm.Tecelagem.FILTRO.FLAG_DATA2" ng-model="vm.Tecelagem.FILTRO.DATA_FINAL2"
                        class="form-control data-fim dt4" value="{{ date('Y-m-d') }}" />

                    <div class="form-group" style="display: inline-flex;">
                        <label style="opacity: 0; width: 0px;">Período:</label>
                        <div style="display: flex; margin-top: -4px;">
                            <input type="checkbox" ng-model="vm.Tecelagem.FILTRO.FLAG_DATA2" id="periodo-todos"
                                class="form-control periodo-todos"
                                title="{{ Lang::get($menu . '.periodo-todos-title') }}" checked />
                            <label style="margin-left: 4px;" for="periodo-todos"
                                title="{{ Lang::get($menu . '.periodo-todos-title') }}"> Hoje</label>
                        </div>
                    </div>
                </div>

                <div class="form-group" style="padding-top: 12px; width: fit-content; padding-right: 10px;">
                    <button type="submit" class="btn btn-xs btn-primary btn-filtrar" data-hotkey="alt+f"
                        id="btn-table-filter" style="top: 5px;">
                        <span class="glyphicon glyphicon-filter"></span> Filtrar
                    </button>
                </div>
            </div>
        </form>

        <div class="conteiner-tela" style="margin-top: 5px; width: calc(100vw - 15px);">

            <table class="tg" style="table-layout: fixed; overflow: hidden;">
                <colgroup>
                    <col style="width: 5vw">
                    <col style="width: 5vw">
                    <col style="width: 3px">
                    <col style="width: 6.533vw">
                    <col style="width: 6.533vw">
                    <col style="width: 6.533vw">
                    <col style="width: 6.533vw">
                    <col style="width: 6.533vw">
                    <col style="width: 6.533vw">
                    <col style="width: 3px">
                </colgroup>
                <tr>
                    <td class="tg-1sci" colspan="2">ESTAÇÃO</td>
                    <td class="tg-fqys"></td>
                    <td class="tg-1sci" colspan="7">TALÕES EM PRODUÇÃO</td>

                        <!--button type="submit" style="margin-right: 5px;" class="btn btn-primary btn-atualizat-tela" >
                     <span class="glyphicon glyphicon-refresh"></span>
                    </button>

                    <div title="Verificar Conflito de matriz (Matriz programada para o mesmo horário em mais de um talão em estações diferentes)" class="checkbox" style="float: right; font-size: 1vw; margin-top: 6px; margin-bottom: 0px;">
                     <input style="width: 1.4vw; height: 1.4vw;" type="checkbox" ng-model="vm.Acoes.VER_COMFLITO"><label style="padding-left: 0.6vw;">Ver Conflito</label>
                    </div>background-color: rgb(40, 96, 144); border-color: rgb(32, 77, 116);-->

                        <!--
                    <button type="submit" onmouseover="this.style.backgroundColor='rgb(40, 96, 144)';this.style.borderColor='rgb(0, 0, 0)';"
                     onmouseout="this.style.backgroundColor='rgb(51, 122, 183)';this.style.borderColor='rgb(0, 0, 0)';"
                     style="border-radius: 10px; border-width: 5px; padding-top: 5px; padding-bottom: 1px; margin-right: 28px; border-color: rgb(0, 0, 0) !important; background-color: rgb(51, 122, 183) !important;"
                     class="btn btn-primary btn-atualizat-tela">
                     <span class="glyphicon glyphicon-refresh"></span> <p></p>
                    </button>
                    <button type="submit" onmouseover="this.style.backgroundColor='rgb(40, 96, 144)';this.style.borderColor='rgb(0, 0, 0)';"
                     onmouseout="this.style.backgroundColor='rgb(51, 122, 183)';this.style.borderColor='rgb(0, 0, 0)';" ng-click="vm.Acoes.VER_COMFLITO = true"
                     style="border-radius: 8px; border-width: 5px; padding-top: 6px; padding-bottom: 4px; margin-right: 6px; border-color: rgb(0, 0 ,0) important; background-color: rgb(51, 122, 183) !important;"
                     class="btn btn-atualizat-tela btn-primary">
                     <span class="glyphicon glyphicon-filter"></span> Ver Conflitos
                    </button>
                    -->
                </tr>
            </table>

            <div class="conteiner-estacao">
                <table class="tg" style="table-layout: fixed; width: 399px">
                    <colgroup>
                        <col style="width: 5vw">
                        <col style="width: 5vw">
                        <col style="width: 3px">
                        <col style="width: 6.533vw">
                        <col style="width: 6.533vw">
                        <col style="width: 6.533vw">
                        <col style="width: 6.533vw">
                        <col style="width: 6.533vw">
                        <col style="width: 6.533vw">
                        <col style="width: 3px">
                    </colgroup>
                    <tr ng-repeat-start="estacao in vm.Tecelagem.ESTACOES track by $index"
                        ng-show="estacao.TALOES.length > 0">

                        <th class="tg-031g" colspan="2" rowspan="2">

                            <div style="width: 100%; display: inline-block;">
                                <span
                                    style="text-overflow: ellipsis;width: 10vw;overflow: hidden; text-align: center;">@{{ estacao.DESCRICAO }}</span>
                            </div>

                            <div style="width: 100%; display: inline-flex;">
                                <button ng-click="vm.Acoes.confirmeJornada(estacao);" type="button"
                                    class="btn btn-primary btn-confirmar" id="btn-confirmar-up">
                                    Jornada
                                </button>

                                <button ng-if="estacao.STATUS_PARADA > 0" ng-click="vm.Acoes.modalLogin2(estacao);"
                                    type="button" class="btn btn-danger btn-confirmar" id="btn-confirmar-up">
                                    Parada
                                </button>

                                <button ng-if="estacao.STATUS_PARADA == 0" ng-click="vm.Acoes.pararEstacao(estacao);"
                                    type="button" class="btn btn-success btn-confirmar" id="btn-confirmar-up">
                                    Iniciada
                                </button>

                                <button ng-click="vm.Acoes.telaSetup(estacao,true);"
                                    ng-if="(estacao.TALOES[0].PROGRAMACAO_STATUS == 2) && (estacao.TALOES[0].SETUP_TOTAL > 0)"
                                    type="button" class="btn"
                                    ng-class="{
									'btn-success btn-confirmar'	 : estacao.TALOES[0].SETUP.STATUS < 3,
									'btn-default btn-confirmar'	 : estacao.TALOES[0].SETUP.STATUS == 3
								}">
                                    Setup
                                </button>

                                <button ng-click="vm.Acoes.solicitarFerramenta(estacao.TALOES[0])" type="button"
                                    ng-if="(estacao.TALOES[0].TROCA_MATRIZ+'').trim() == 'M' && estacao.TALOES[0].STATUS_SOLICITACAO == 0 && estacao.TALOES[0].PROGRAMACAO_STATUS != 2 && (estacao.TALOES[0].FERRAMENTA_SITUACAO_TALAO.trim() == 'E' || estacao.TALOES[0].FERRAMENTA_SITUACAO_TALAO.trim() == 'R') && vm.OPERADOR.LOGADO == true"
                                    class="btn btn-info">
                                    Solicitar
                                </button>

                                <button ng-click="vm.Acoes.desfazerSolicitarFerramenta(estacao.TALOES[0])" type="button"
                                    ng-if="(estacao.TALOES[0].TROCA_MATRIZ+'').trim() == 'M' && estacao.TALOES[0].STATUS_SOLICITACAO == 1 && estacao.TALOES[0].PROGRAMACAO_STATUS != 2 && (estacao.TALOES[0].FERRAMENTA_SITUACAO_TALAO.trim() == 'E' || estacao.TALOES[0].FERRAMENTA_SITUACAO_TALAO.trim() == 'R') && vm.OPERADOR.LOGADO == true"
                                    class="btn btn-warning">
                                    Cancelar
                                </button>
                            </div>

                        </th>

                        <th class="tg-031f" rowspan="2"></th>

                        <th class="tg-031j" id="basic" colspan="6">
                            <div style="padding-left: 2px; cursor: pointer;" class="linha-talao">

                                <div class="scoll-talao"
                                    ng-class="{
									'f-azul'	 : talao.PROGRAMACAO_STATUS == 2,	
									'b-cinza'	 : talao.ATRASADO  == 1,
									'b-creme'	 : talao.ATRASADO  == 0 && talao.ATRASADO2 == 1
								}"
                                    ng-click="vm.Tecelagem.initModal(talao,estacao)"
                                    ng-repeat="talao in estacao.TALOES track by $index" ng-if="$index < 6">

                                    <div class="table-cell">

                                        <div class="grup-valores">
                                            <div class="div-info-1">
                                                <div class="p1">@{{ talao.MODELO_DESCRICAO }}</div>
                                                <div class="p2">@{{ talao.TALAO_DETALHE_ID }}</div>
                                            </div>
                                            <div class="div-info-3">
                                                <div class="p1">@{{ talao.COR_ORIGEM_DESCRICAO }}</div>
                                                <div class="p2" ng-if="talao.DEFEITOS > 0" style="color: red;">D:
                                                    @{{ talao.DEFEITOS | number: 0 }}</div>
                                            </div>
                                            <div class="div-info-2">
                                                <div class="remessa">@{{ talao.REMESSA }}</div>
                                                <div class="talao">@{{ talao.REMESSA_TALAO_ID }}</div>
                                                <div class="tamanho">@{{ talao.TAMANHO }}/@{{ talao.STATUS_REQUISICAO == 1 ? talao.QTD_REQUISICAO : talao.QUANTIDADE | number: 0 }}</div>
                                                <div class="vinculado">
                                                    <span ng-show="talao.TEM_VINCULADO == true"
                                                        ttitle="@{{ talao.VINCULADOS_TO_TTITLE }}" style="font-size:10pt;"
                                                        class="glyphicon glyphicon-tags"></span>
                                                </div>
                                                <span ng-if="talao.JUSTIFICATIVA_ORIGEM.length > 0"
                                                    class="justificativa-alerta "
                                                    ttitle="@{{ talao.JUSTIFICATIVA_ORIGEM }}">!</span>
                                            </div>
                                        </div>

                                        <div class="grup-legenda">
                                            <div>
                                                <table>
                                                    <tr>
                                                        <td class="f-preto"><span class="glyphicon glyphicon-plus"
                                                                style="font-size: 0.5vw;"
                                                                ng-if="talao.TALAO_EXTRA > 0 && talao.STATUS_REQUISICAO == 0"></span>
                                                        </td>
                                                        <td style="padding-right: 5px;" class="f-preto">
                                                            @{{ talao.TAG_MODELO }}</td>
                                                    </tr>
                                                    <tr>
                                                        <td class="f-preto">@{{ talao.TROCA_VIP }}</td>
                                                        <td class="f-preto">@{{ talao.TROCA_PARADA }}</td>
                                                    </tr>
                                                    <tr>
                                                        <td class="f-preto">@{{ talao.TROCA_AMOSTRA }}</td>
                                                        <td class="f-preto">@{{ talao.TROCA_REQUISICAO }}</td>
                                                    </tr>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </th>
                    </tr>

                    <tr ng-repeat-end ng-show="estacao.TALOES.length > 0">

                        <th class="tg-031j" id="basic" colspan="6">
                            <div style="padding-left: 2px; cursor: pointer;" class="linha-talao">

                                <div class="scoll-talao"
                                    ng-class="{
									'f-azul'	 : talao.PROGRAMACAO_STATUS == 2,	
									'b-cinza'	 : talao.ATRASADO  == 1,
									'b-creme'	 : talao.ATRASADO  == 0 && talao.ATRASADO2 == 1
								}"
                                    ng-click="vm.Tecelagem.initModal(talao,estacao)"
                                    ng-repeat="talao in estacao.TALOES track by $index"
                                    ng-if="$index >= 6 && $index < 12">

                                    <div class="table-cell">

                                        <div class="grup-valores">
                                            <div class="div-info-1">
                                                <div class="p1">@{{ talao.MODELO_DESCRICAO }}</div>
                                                <div class="p2">@{{ talao.TALAO_DETALHE_ID }}</div>
                                            </div>
                                            <div class="div-info-3">
                                                <div class="p1">@{{ talao.COR_ORIGEM_DESCRICAO }}</div>
                                                <div class="p2" ng-if="talao.DEFEITOS > 0" style="color: red;">D:
                                                    @{{ talao.DEFEITOS | number: 0 }}</div>
                                            </div>
                                            <div class="div-info-2">
                                                <div class="remessa">@{{ talao.REMESSA }}</div>
                                                <div class="talao">@{{ talao.REMESSA_TALAO_ID }}</div>
                                                <div class="tamanho">@{{ talao.TAMANHO }}/@{{ talao.STATUS_REQUISICAO == 1 ? talao.QTD_REQUISICAO : talao.QUANTIDADE | number: 0 }}</div>
                                                <span ng-if="talao.JUSTIFICATIVA_ORIGEM.length > 0"
                                                    class="justificativa-alerta "
                                                    ttitle="@{{ talao.JUSTIFICATIVA_ORIGEM }}">!</span>
                                            </div>
                                        </div>

                                        <div class="grup-legenda">
                                            <div>
                                                <table>
                                                    <tr>
                                                        <td class="f-preto"><span class="glyphicon glyphicon-plus"
                                                                style="font-size: 0.5vw;"
                                                                ng-if="talao.TALAO_EXTRA > 0 && talao.STATUS_REQUISICAO == 0"></span>
                                                        </td>
                                                        <td style="padding-right: 5px;" class="f-preto">
                                                            @{{ talao.TAG_MODELO }}</td>
                                                    </tr>
                                                    <tr>
                                                        <td class="f-preto">@{{ talao.TROCA_VIP }}</td>
                                                        <td class="f-preto">@{{ talao.TROCA_PARADA }}</td>
                                                    </tr>
                                                    <tr>
                                                        <td class="f-preto">@{{ talao.TROCA_AMOSTRA }}</td>
                                                        <td class="f-preto">@{{ talao.TROCA_REQUISICAO }}</td>
                                                    </tr>
                                                </table>
                                            </div>
                                        </div>

                                    </div>
                                </div>

                            </div>
                        </th>

                    </tr>
                </table>

            </div>

            <div class="legenda-container">

                <ul class="legenda talao">
                    <li>
                        <div class="texto-legenda" style="color: red;">D: </div>
                    </li>

                    <li>
                        <div class="" style="color: red;"></div>
                        <div class="texto-legenda">Quantidade de Defeitos</div>
                    </li>
                </ul>
            </div>

            <div class="legenda-container">

                <ul class="legenda talao">
                    <li>
                        <div class="texto-legenda">Fonte : </div>
                    </li>

                    <li>
                        <div class="cor-legenda2 azul"></div>
                        <div class="texto-legenda">Em Produção</div>
                    </li>
                </ul>
            </div>

            <div class="legenda-container">

                <ul class="legenda talao">
                    <li>
                        <div class="texto-legenda">Fundo : </div>
                    </li>

                    <li>
                        <div class="cor-legenda2 branco"></div>
                        <div class="texto-legenda">Rem. em Dia</div>
                    </li>

                    <li>
                        <div class="cor-legenda2 cinza"></div>
                        <div class="texto-legenda">Rem. Atrasada</div>
                    </li>
                </ul>
            </div>

            <div class="legenda-container">

                <ul class="legenda talao">
                    <li>
                        <div class="texto-legenda"></div>
                    </li>

                    <li>
                        <div class="texto-legenda"><strong>A</strong> - Rem. de Amostra</div>
                    </li>
                    <li>
                        <div class="texto-legenda"><strong>R</strong> - Requisição</div>
                    </li>
                    <li>
                        <div class="texto-legenda"><strong>P</strong> - Parado</div>
                    </li>
                    <li>
                        <div class="texto-legenda"><strong>V</strong> - Rem. Vip</div>
                    </li>
                </ul>
            </div>

            <div class="legenda-container">
                <ul class="legenda talao">
                    <li>
                        <div class="texto-legenda">Tempo Atualização : </div>
                    </li>
                    <li>
                        <div class="texto-legenda"><strong>Talões:</strong>@{{ vm.Acoes.tempo_filtro1 }}s
                    </li>
                    <li>
                        <div class="texto-legenda"><strong>Indicadores:</strong>@{{ vm.Acoes.tempo_filtro2 }}s
                    </li>
                </ul>
            </div>

            <!--
                  <div class="legenda-container">
                   
                   <ul class="legenda talao">
                    <li>
                     <div class="texto-legenda" >Fonte : </div>
                    </li>

                    <li>
                     <div class="cor-legenda2 azul"></div>
                     <div class="texto-legenda">Em Produção</div>
                    </li>

                    <li>
                     <div class="cor-legenda2 verde"></div>
                     <div class="texto-legenda">Abastecido</div>
                    </li>
                    <li>
                     <div class="cor-legenda2 amarelo"></div>
                     <div class="texto-legenda">CD</div>
                    </li>
                    <li>
                     <div class="cor-legenda2 laranja"></div>
                     <div class="texto-legenda">Cortado</div>
                    </li>
                    <li>
                     <div class="cor-legenda2 preto"></div>
                     <div class="texto-legenda">Não Cortado</div>
                    </li>
                   </ul>
                  </div>

                  <div class="legenda-container">
                   
                   <ul class="legenda talao">
                    <li>
                     <div class="texto-legenda" >Fundo : </div>
                    </li>

                    <li>
                     <div class="cor-legenda2 branco"></div>
                     <div class="texto-legenda">Rem. em Dia</div>
                    </li>

                    <li>
                     <div class="cor-legenda2 cinza"></div>
                     <div class="texto-legenda">Rem. Atrasada</div>
                    </li>

                    <li>
                     <div class="cor-legenda2 creme"></div>
                     <div class="texto-legenda">Rem. Atrasada</div>
                    </li>

                    <li>
                     <div class="cor-legenda2 sobra"></div>
                     <div class="texto-legenda">100% Aproveitamento</div>
                    </li>

                    <li>
                     <div class="cor-legenda2 encerrado"></div>
                     <div class="texto-legenda">100% Encerrado</div>
                    </li>

                    <li>
                     <div class="cor-legenda2 vermelho"></div>
                     <div class="texto-legenda">Conf. de Ferram.</div>
                    </li>
                   </ul>
                  </div>

                  <div class="legenda-container">
                   
                   <ul class="legenda talao">
                    <li>
                     <div class="texto-legenda" ></div>
                    </li>

                    <li><div class="texto-legenda"><strong>A</strong> - Rem. de Amostra</div></li>
                    <li><div class="texto-legenda"><strong>R</strong> - Requisição</div></li>
                    <li><div class="texto-legenda"><strong>P</strong> - Parado</div></li>
                    <li><div class="texto-legenda"><strong>V</strong> - Rem. Vip</div></li>
                    <li><div class="texto-legenda"><strong><span class="glyphicon glyphicon-plus" style="font-size: 0.5vw;"></strong> - Tal. Extra</div></li>
                    <li><div class="texto-legenda"><strong class="f-preto">D</strong> - Informativo de Perdas</div></li>
                   </ul>
                  </div>

                  <div class="legenda-container">
                   <ul class="legenda talao">
                    <li><div class="texto-legenda" >Tempo Atualização : </div></li>
                    <li><div class="texto-legenda"><strong>Talões:</strong>@{{ vm.Acoes.tempo_filtro1 }}s</li>
                    <li><div class="texto-legenda"><strong>Indicadores:</strong>@{{ vm.Acoes.tempo_filtro2 }}s</li>
                   </ul>
                  </div>

                  -->

        </div>

        <div class="pdf-ver" ng-show="vm.VER_PDF">
            <input type="hidden" value="{{ auth()->user()->email }}" id="emailUsuario">
            <div class="pdf-acoes">

                <button type="button" class="btn btn-default pdf-fechar" ng-click="vm.VER_PDF = false;">
                    <span class="glyphicon glyphicon-chevron-left"></span>
                    Voltar
                </button>

                <a class="btn btn-default download-arquivo-nfe" href="" download="">
                    <span class="glyphicon glyphicon-download"></span>
                    Baixar PDF
                </a>

            </div>
            <div class="conteudoPDF">
                <object data="" type="application/pdf" id="objectData"></object>
            </div>
        </div>

        <div class="visualizar-arquivo" ng-show="vm.CADDEMODELFICHATECNICA_CONS_TEMPLATE.VISUALIZAR_ARQUIVO == true">
            <span style="position: fixed; top: 85px; left: 28px; color: white; font-size: 15px;" class="ng-binding">
                <span style="font-weight: bold;">ID:</span> @{{ vm.CADDEMODELFICHATECNICA_CONS_TEMPLATE.ARQUIVO.ID }}
                <span style="font-weight: bold;">Observação:</span> @{{ vm.CADDEMODELFICHATECNICA_CONS_TEMPLATE.ARQUIVO.NOME }}

                <a style="display: block !important;" class="btn btn-default download-arquivo"
                    href="@{{ vm.CADDEMODELFICHATECNICA_CONS_TEMPLATE.ARQUIVO.CAMINHO }}" ngf-src="vm.CADDEMODELFICHATECNICA_CONS_TEMPLATE.ARQUIVO.BINARIO"
                    download="" data-hotkey="alt+b" src="@{{ vm.CADDEMODELFICHATECNICA_CONS_TEMPLATE.ARQUIVO.CAMINHO }}">
                    <span class="glyphicon glyphicon-download"></span> Baixar </a>

                <button type="button" class="btn btn-default esconder-arquivo" data-hotkey="esc"
                    ng-click="vm.CADDEMODELFICHATECNICA_CONS_TEMPLATE.VISUALIZAR_ARQUIVO = false;">
                    <span class="glyphicon glyphicon-chevron-left"></span> Voltar
                </button>
        </div>

        @include('ppcp._22135.modal.Talao')
        @include('ppcp._22135.modal.defeito')
        @include('ppcp._22135.modal.parar_estacao')
        @include('ppcp._22135.modal.parar_talao')
        @include('ppcp._22135.modal.just_inefic')
        @include('ppcp._22135.modal.trocar_estacao')
        @include('ppcp._22130.include.login')
        @include('ppcp._22130.include.login2')
        @include('ppcp._22130.include.loginDefeito')
        @include('ppcp._22135.modal.CADDEMODELFICHATECNICA_FICHA_PROCESSO')
        @include('ppcp._22135.modal.fotoFichaProcesso')
        @include('ppcp._22135.modal.Lotes')
        @include('ppcp._22135.modal.modal-vinculacao-de-taloes')

    </div>
@endsection

@section('script')

    <script src="{{ secure_asset('assets/js/jquery.ui.touch-punch.min.js') }}"></script>
    <script src="{{ elixir('assets/js/direct-print.js') }}"></script>
    <script src="{{ elixir('assets/js/_22135.js') }}"></script>

@append