@extends('master')

@section('titulo')
    {{ Lang::get('pcm/_32010.titulo') }}
@endsection

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

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

<input 
    type="hidden"
    ng-init="
        vm.Produto.ID = '{{ $produto_id }}';
    " />

    <ul class="list-inline acoes">    
        <li>
            <button 
                type="button" 
                class="btn btn-primary btn-incluir" 
                data-hotkey="f6"
                ng-disabled="!{{ userMenu($menu)->INCLUIR }} || vm.Produto.ALTERANDO"
                ng-click="vm.Produto.incluir()">
                <span class="glyphicon glyphicon-plus"></span> Incluir
            </button>
        </li>                      
    </ul>  

    <input type="text" class="form-control input-filter-table" ng-model="vm.Produto.MODEL_FILTRO" placeholder="Filtragem rápida..." style="width: 100%; margin-bottom: 5px;">

    <style>
        
        .input-group input[type="search"] {
            width: calc(100% - 36px) !important;            
        }
        
        
        .table-principal table td.t-status.status-1:before {
            background: rgb(92, 184, 92);
        }
        
        .table-principal table td.t-status.status-0:before {
            background: rgb(217, 83, 79);
        }
    </style>

    <div class="table-ec table-scroll table-principal">
        <table class="table table-striped table-bordered table-condensed table-no-break table-middle table-low">
            <thead>
                <tr>
                    <th class="" ttitle="Status"></th>
                    <th class="">Id</th>
                    <th class="">Tag</th>
                    <th class="">Tipo</th>
                    <th class="" ttitle="Centro de Custo Atual">C. Custo</th>
                    <th class="text-center" ttitle="Classificacação da Criticidade">Clas.Crit.</th>
                </tr>
            </thead>
            <tbody>
                <tr tabindex="0"                    
                    ng-click="vm.Produto.SELECTED = p; vm.Produto.visualizar();"
                    ng-focus="vm.Produto.SELECTED = p;"
                    ng-class="{'selected' : vm.Produto.SELECTED == p }"                                        
                    ng-repeat="p in vm.Produto.DADOS | 
                        find: {
                            model : vm.Produto.MODEL_FILTRO,
                            fields : [    
                                'ID',
                                'DESCRICAO',
                                'CCUSTO',
                                'CCUSTO_MASK',
                                'CCUSTO_DESCRICAO',
                                'TIPO_ID',
                                'TIPO_DESCRICAO'
                            ]
                        }                    
                    "
                    >
                    <td class="t-status status-@{{ p.STATUS }}" ttitle="@{{ p.STATUS == 1 ? 'Ativo' : 'Inativo' }}"></td>
                    <td class="">@{{ p.ID || 0 | lpad : [5,0] }}</td>
                    <td class="">@{{ p.DESCRICAO }}</td>
                    <td class="" data-exec="@{{ p.TIPO_ID = p.TIPO_DADOS.ID; p.TIPO_DESCRICAO = p.TIPO_DADOS.DESCRICAO }}">@{{ p.TIPO_DADOS.ID | lpad: [5,0] }} - @{{ p.TIPO_DADOS.DESCRICAO }}</td>
                    <td class="" data-exec="@{{ p.CCUSTO = p.CCUSTO_DADOS[0].CCUSTO; p.CCUSTO_MASK = p.CCUSTO_DADOS[0].CCUSTO_MASK; p.CCUSTO_DESCRICAO = p.CCUSTO_DADOS[0].CCUSTO_DESCRICAO; }}">@{{ p.CCUSTO_DADOS[0].CCUSTO_MASK }} - @{{ p.CCUSTO_DADOS[0].CCUSTO_DESCRICAO }}</td>
                    <td class="text-center">
                        @{{ p.CRITICIDADE_CLASSIFICACAO }}
                    </td>
                </tr>
            </tbody>
        </table>
    </div>

    @include($menu.'.modal-produto.index')  
      
    
</div>
@endsection

@section('script')
    <script src="{{ elixir('assets/js/_32010.js') }}"></script>
@append