@extends('master')

@section('titulo')
    {{ Lang::get('chamados/_26110.titulo') }}
@endsection

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

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

    <input type="hidden" name="id-tipo" id="id-tipo" class="id-tipo" value="{{isset($_GET['TIPO']) ? $_GET['TIPO'] : 0}}">
    <input type="hidden" name="id-core" id="id-core" class="id-core" value="{{isset($_GET['ID'])   ? $_GET['ID']   : 0}}">
    <input type="hidden" name="id-add"  id="id-add"  class="id-add"  value="{{isset($_GET['ADD'])  ? $_GET['ADD']  : 0}}">

	<ul class="list-inline acoes">    
		<li>
            <button 
                type="button" 
                class="btn btn-primary btn-incluir" 
                data-hotkey="f6"
                ng-disabled="!{{ userMenu($menu)->INCLUIR }}" 
                ng-click="vm.Ocorrencia.incluir()"
                ng-if="vm.TipoID > 0">
                <span class="glyphicon glyphicon-plus"></span> Incluir
            </button>
        </li>                                         
	</ul>  
        
    <style>
        .t-status.status-0:before {
            background-color: rgb(217, 83, 79);    
        }
        
        .t-status.status-1:before {
            background-color: rgb(68, 157, 68);            
        }
		
		.table-condensed > thead > tr > th,
		.table-condensed > thead > tr > td,
		.table-condensed > tbody > tr > th,
		.table-condensed > tbody > tr > td,
		.table-condensed > tfoot > tr > th,
		.table-condensed > tfoot > tr > td {
			padding: 5px !important;
		}
        
    </style>

    <div>

    </div>
    
    <a href="_26110?TIPO=@{{item.ID}}" ng-repeat="item in vm.tiposOcorrencia">
        <div class="iten-painel">
            <div class="descricao-iten-painel">@{{item.DESCRICAO}}</div>
            <div class="container-iten-painel">
                <div class="indicador-iten-painel">Em aberto:@{{item.ABERTOS}}</div>
                <div class="indicador-iten-painel">Abertos nas ultimas 24h:@{{item.ABERTOS_24}}</div>
                <div class="indicador-iten-painel">Fechados nas ultimas 24h:@{{item.FECHADO_24}}</div>
            </div>
        </div>
    </a>
        
    <form ng-submit="vm.Ocorrencia.consultar();" class="form-inline" ng-show="vm.TipoID > 0">
		
        <div class="table-filter collapse in" aria-expanded="true" ng-show="vm.TipoID > 0" 
            style="margin-bottom: 4px;
                    background: rgba(221,221,221,.33);
                    padding: 2px 10px 7px;
                    border-radius: 5px;">
    
            <div class="form-group">
                <label>Situação:</label>
                <div class="input-group">
                    <select 
                        style="width: 150px;"
                        name="repeatSelect"
                        id="repeatSelect"
                        ng-model="vm.Ocorrencia.SITUACAO"
                        required>
                        <option ng-value="0">Aberto</option>
                        <option ng-value="1">Fechado</option>
                    </select>
                </div>
            </div>

            <div style="display: -webkit-inline-box;" class="consulta-filtro-status"></div>

            <div style="display: -webkit-inline-box;" class="consulta-filtro-motivo"></div>

            <div  style="display: -webkit-inline-box;" class="consulta-vinculo2" id="consulta-vinculo2"></div>

            <div class="form-group" style="margin-bottom: 4px;">
                <label for="filtro_dados2" ttitle="Filtragem por descrição/código">Filtragem de dados</label> 
                <input 
                    type="text"
                    placeholder="Filtragem rápida..."
                    class="form-control imput_filtro_tela" 
                    ng-model="vm.TabelaPrincipal.FILTRO">
            </div>
                
            <button type="submit" class="btn btn-xs btn-primary btn-filtrar" data-hotkey="alt+f" id="btn-table-filter" style="vertical-align: text-top;top: 2px;">
                    <span class="glyphicon glyphicon-filter"></span> Filtrar
            </button>
        </div>
    </form>
    
	<div class="tabela_principal" id="tabela_principal"></div>
	
    @include($menu.'.modal.Ocorrencia')
	@include($menu.'.modal.OcorrenciaItens')
	@include($menu.'.modal.feed')
</div>
@endsection

@section('script')
    <script src="{{ url('assets/js/editor/ckeditor.js') }}"></script>
    <script src="{{ elixir('assets/js/codemirror.js') }}"></script>
    <script src="{{ elixir('assets/js/_26110.js') }}"></script>
@append