@extends('helper.include.view.modal', ['id' => 'modal-requisicao-consumo','class_size'=>'modal-lg','fade'=>false])

@section('modal-start')
    <form class="form-inline" ng-submit="vm.Lancamento.gravar(); vm.Lancamento.modalRequisicaoConsumo('hide') ">
@overwrite

@section('modal-header-left')

	<h4 class="modal-title">
		Requisição de Consumo
	</h4>

@overwrite

@section('modal-header-right')
    <button type="submit" class="btn btn-success" data-hotkey="f1" data-loading-text="Confirmando...">
        <span class="glyphicon glyphicon-ok"></span> 
        Confirmar
    </button>
    <button type="button" class="btn btn-danger btn-cancelar" data-dismiss="modal" data-hotkey="esc">
        <span class="glyphicon glyphicon-ban-circle"></span>
        Cancelar
    </button>
@overwrite

@section('modal-body')
<div style="height: 75vh">
    
    <input 
        type="text" 
        ng-model="vm.Lancamento.MODEL_FILTRO" 
        style="width: 100%;height: 23px;margin-bottom: 5px;" 
        placeholder="Filtragem rápida..."
        ng-keydown="$event.key == 'ArrowDown' && vm.Lancamento.setFocusTr(vm.Lancamento.FILTERED[0]); $event.key == 'Enter' && (vm.Lancamento.SELECTED = vm.Lancamento.FILTERED[0]); $event.key == 'Enter' && vm.Lancamento.confirmar()"
        id="input-consumo-table-filter"
        />
    <div class="table-ec" style="height: calc(100% - 25px);">
        <table class="table table-hover table-striped table-bordered table-no-break table-condensed">
            <thead>
                <tr>
                    <th>Família</th>
                    <th>Produto</th>
                    <th class="text-right">Qtd. Prs</th>
                    <th class="text-right" ttitle="Quantidade a requisitar">Qtd. Req.</th>
                </tr>
            </thead>
            <tbody>
                <tr
                    ng-repeat="consumo in vm.Lancamento.SELECTED.CONSUMO_REQUISICAO"
                    ng-class="{'selected' : vm.Lancamento.SELECTED == consumo}"
                    id="table-consumo-@{{ consumo.ID }}">
                    <td>@{{ consumo.FAMILIA_ID }} - @{{ consumo.FAMILIA_DESCRICAO }}</td>
                    <td>@{{ consumo.PRODUTO_ID }} - @{{ consumo.PRODUTO_DESCRICAO }}</td>
                    <td style="padding: 0">
                        <input 
                            type="number" 
                            class="form-control text-right"
                            style="height: 26px;width: 100%;" 
                            step="1" 
                            min="0"
                            max="@{{ vm.Lancamento.SELECTED.QUANTIDADE }}"
                            string-to-number
                            ng-model="consumo.QUANTIDADE_BASE" 
                            ng-change="consumo.QUANTIDADE = consumo.QUANTIDADE_BASE * consumo.FATOR_UNIDADE"
                            ng-value="(consumo.REQUISICAO_PADRAO  == 1 ? vm.Lancamento.SELECTED.QUANTIDADE : null)"
                            />
                    </td>
                    <td class="text-right">@{{ consumo.QUANTIDADE || 0 }} @{{ consumo.UM }}</td>
                </tr>
            </tbody>
        </table>
    </div>
</div>

@overwrite

@section('modal-end')
    </form>
@overwrite