@extends('master')

@section('titulo')
    {{ Lang::get('estoque/_15130.titulo') }}
@endsection

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

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


	<ul class="list-inline acoes">    
		<li>
            <button 
                type="button" 
                class="btn btn-primary btn-incluir" 
                data-hotkey="f6"
                ng-disabled="!{{ userMenu($menu)->INCLUIR }} || !(vm.Estoque.SELECTED_LOCALIZACAO.LOCALIZACAO_ID > 0)" 
                ng-click="vm.Estoque.incluir()">
                <span class="glyphicon glyphicon-plus"></span> Incluir
            </button>
        </li>    
    </ul>
    
    <div class="estoque-consulta-estabelecimento"></div>
    
    <div style="width: 100%; height: calc(100vh - 210px);">
        <div style="float: left;height: 100%;width: 230px">
            
            <div style="float: left;height: calc(50% - 10px);width: 100%;margin-bottom: 10px">

                <div class="table-ec">
                    <table class="table table-striped table-bordered table-hover table-condensed">
                        <thead>
                            <tr>
                                <th>Localização</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr
                                ng-repeat="localizacao in vm.Estoque.LOCALIZACOES"
                                ng-focus="vm.Estoque.SELECTED_LOCALIZACAO = localizacao;vm.Estoque.SELECTED_FAMILIA = undefined;vm.Estoque.SELECTED = undefined;"
                                ng-click="vm.Estoque.SELECTED_LOCALIZACAO = localizacao;vm.Estoque.SELECTED_FAMILIA = undefined;vm.Estoque.SELECTED = undefined;"
                                ng-class="{'selected' : vm.Estoque.SELECTED_LOCALIZACAO == localizacao}"
                                tabindex="0">
                                <td>@{{ localizacao.LOCALIZACAO_ID | lpad : [3,0] }} - @{{ localizacao.LOCALIZACAO_DESCRICAO }}</td>
                            </tr>
                            
                        </tbody>
                    </table>
                </div>
            </div>            
            
            <div style="float: left;height: 50%;width: 100%;">
                <div class="table-ec">
                    <table class="table table-striped table-bordered table-hover table-condensed">
                        <thead>
                            <tr>
                                <th>Família</th>
                                <th>Un</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr 
                                ng-repeat="familia in vm.Estoque.SELECTED_LOCALIZACAO.FAMILIAS"
                                ng-focus="vm.Estoque.SELECTED_FAMILIA = familia"
                                ng-click="vm.Estoque.SELECTED_FAMILIA = familia"
                                ng-class="{'selected' : vm.Estoque.SELECTED_FAMILIA == familia}"
                                ng-if="familia.FAMILIA_ID != null"
                                tabindex="0">
                                <td>@{{ familia.FAMILIA_ID | lpad : [3,0] }} - @{{ familia.FAMILIA_DESCRICAO }}</td>
                                <td>@{{ familia.UM }}</td>
                            </tr>
                            
                        </tbody>
                    </table>
                </div>
            </div>            
        </div>
        <div style="float: right;height: 100%;width: calc(100% - 240px) ">
            <input type="text" placeholder="Filtragem rápida..." ng-model="vm.Estoque.MODEL_FILTRO" style="width: 100%;height: 23px;margin-bottom: 5px" />
            <div class="table-ec" style="height: calc(100% - 28px);">
                <table class="table table-striped table-bordered table-hover table-condensed">
                    <thead>
                        <tr>
                            <th>Produto</th>
                            <th class="text-center">Tam.</th>
                            <th class="text-right">Est. Mín.</th>
                            <th class="text-right">Est. Máx.</th>
                            <th class="text-right">%Pt.Rep.</th>
                            <th class="text-center">Kanban</th>
                            <th>Perfil</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr 
                            ng-repeat="estoque in vm.Estoque.SELECTED_FAMILIA.ESTOQUES
                            | find: {
                                model : vm.Estoque.MODEL_FILTRO,
                                fields : 'all'
                            }                            
                            "
                            ng-focus="vm.Estoque.SELECTED = estoque"
                            ng-click="vm.Estoque.SELECTED = estoque"
                            ng-class="{'selected' : vm.Estoque.SELECTED == estoque}"
                            ng-dblclick="vm.Estoque.modalShow()"
                            tabindex="0">
                            <td>@{{ estoque.PRODUTO_ID | lpad : [6,0] }} - @{{ estoque.PRODUTO_DESCRICAO }}</td>
                            <td class="text-center">@{{ estoque.TAM_DESCRICAO }}</td>
                            <td class="text-right">@{{ estoque.ESTOQUE_MIN | number : 4 }}</td>
                            <td class="text-right">@{{ estoque.ESTOQUE_MAX | number : 4 }}</td>
                            <td class="text-right">@{{ estoque.PONTO_REPOSICAO | number: 0 }}</td>
                            <td class="text-center">@{{ estoque.HABILITA_KANBAN == '1' ? 'Sim' : 'Não' }}</td>
                            <td>@{{ estoque.PERFIL }}</td>
                        </tr>

                    </tbody>
                </table>
            </div>
        </div>
    </div>
    
    
    @include($menu.'.modal-estoque')
    
</div>
@endsection

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