@extends('helper.include.view.modal', ['id' => 'modal-lancamento','class_size'=>'modal-lg'])

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

@section('modal-header-left')

	<h4 class="modal-title">
		Lançamento
	</h4>

@overwrite

@section('modal-header-right')
    <button ng-if="(vm.Lancamento.STATUS == 'ALTERANDO')" type="submit" class="btn btn-success" data-hotkey="f10" data-loading-text="Confirmando...">
        <span class="glyphicon glyphicon-ok"></span> 
        Confirmar
    </button>
    
    <button ng-if="(vm.Lancamento.STATUS == 'ALTERANDO')" ng-click="vm.Lancamento.cancelar()" type="button" class="btn btn-danger btn-cancelar" data-hotkey="esc">
        <span class="glyphicon glyphicon-ban-circle"></span> Cancelar
    </button>

    <button ng-if="!(vm.Lancamento.STATUS == 'ALTERANDO')" ng-click="vm.Lancamento.alterar()" type="button" class="btn btn-primary" data-hotkey="f9">
        <span class="glyphicon glyphicon-edit"></span> Alterar
    </button>

    <button ng-if="!(vm.Lancamento.STATUS == 'ALTERANDO')" ng-click="vm.Lancamento.excluir()" type="button" class="btn btn-danger" data-hotkey="f12">
        <span class="glyphicon glyphicon-trash"></span> Excluir
    </button>

    <button ng-if="!vm.Lancamento.INCLUINDO" data-consulta-historico data-tabela="TBDEFEITO_TRANSACAO_ITEM" data-tabela-id="@{{ vm.Lancamento.SELECTED.ID }}" type="button" class="btn gerar-historico" data-hotkey="alt+h">
        <span class="glyphicon glyphicon-time"></span> {{ Lang::get('master.historico') }}
    </button>

    <button ng-if="!(vm.Lancamento.STATUS == 'ALTERANDO')" type="button" class="btn btn-default btn-fechar-modal btn-voltar" data-dismiss="modal" data-hotkey="esc">
      <span class="glyphicon glyphicon-chevron-left"></span> Voltar
    </button>
@overwrite

@section('modal-body')
<div style="height: 75vh">
    

    
    <!--<div class="panel-filter">-->
        <div class="consulta-estabelecimento"></div>
        <div class="form-group">
            <label>Remessa:</label>
            <input 
                type="text" 
                form-validate="true" 
                class="form-control"
                required
                ng-model="vm.Lancamento.SELECTED.REMESSA"
                ng-disabled="!(vm.Lancamento.STATUS == 'ALTERANDO')"
                ng-required="vm.REG_DEF_SEM_TALAO == '0'"
                style="width: 110px;"/>
        </div>

        <div class="form-group">
            <label>Talão:</label>
            <input 
                type="number"
                min="0" 
                step="1" 
                form-validate="true" 
                class="form-control" 
                style="width:70px" 
                required
                ng-model="vm.Lancamento.SELECTED.REMESSA_CONTROLE"                
                ng-disabled="!(vm.Lancamento.STATUS == 'ALTERANDO')"
                ng-required="vm.REG_DEF_SEM_TALAO == '0'"/>
        </div>
        <style>
            .consulta-gp input[type="search"] {
                width: 200px !important;
            }
            .consulta-defeito input[type="search"] {
                width: 310px !important;
            }
            .consulta-produto input[type="search"] {
                width: 340px !important;
            }
        </style>
        <div class="inline consulta-gp"></div>
        <div class="inline consulta-defeito"></div>
        <div class="inline consulta-produto"></div>
        <div class="inline consulta-modelo-tamanho"></div>

        <div class="form-group">
            <label>Qtd.:</label>
            <input 
                type="number" 
                min="1" 
                step="1" 
                form-validate="true" 
                class="form-control input-menor text-right input-qtd" 
                required
                ng-model="vm.Lancamento.SELECTED.QUANTIDADE"
                ng-disabled="!(vm.Lancamento.STATUS == 'ALTERANDO')"/>
        </div>        

        <div class="form-group">
            <label>Data Hora</label>
            <input 
                type="datetime-local" 
                class="form-control input-datetime" 
                form-validate="true" 
                style="width: 200px !important;"
                ng-model="vm.Lancamento.SELECTED.DATAHORA_DATE" 
                ng-disabled="!(vm.Lancamento.STATUS == 'ALTERANDO')"/>
        </div>

        <div class="form-group">
            <label ttitle="Calssificação do defeito<br/>2ª | 3ª | 4ª">Class.:</label>
            <input 
                type="number" 
                min="2" 
                max="4" 
                step="1" 
                form-validate="true" 
                class="form-control" 
                style="width: 60px"
                required
                ng-model="vm.Lancamento.SELECTED.CLASSIFICACAO"
                ng-disabled="!(vm.Lancamento.STATUS == 'ALTERANDO')"/>
        </div>    

        <div class="form-group">
            <label ttitle="1: Diurno | 2: Noturno">Turno:</label>
            <input 
                type="number" 
                maxlength="1" 
                step="1" 
                max="2" 
                form-validate="true" 
                class="form-control" 
                style="width: 60px" 
                required
                ng-model="vm.Lancamento.SELECTED.TURNO"
                ng-disabled="!(vm.Lancamento.STATUS == 'ALTERANDO')"/>
        </div>    


        <div class="form-group">
            <label>Observação</label>
            <input 
                type="text" 
                class="form-control input-maior"  
                form-validate="true" 
                ng-model="vm.Lancamento.SELECTED.OBSERVACAO"
                ng-disabled="!(vm.Lancamento.STATUS == 'ALTERANDO')"
                >
        </div>
    <!--</div>-->    
    
    <fieldset ng-if="vm.Lancamento.SELECTED.REQUISICAO_CONSUMO.length > 0">
        <legend>Requsição de Consumo</legend>
        <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" ttitle="Quantidade a requisitar">Qtd. Req.</th>
                    </tr>
                </thead>
                <tbody>
                    <tr
                        ng-repeat="consumo in vm.Lancamento.SELECTED.REQUISICAO_CONSUMO"
                        ng-if="consumo.QUANTIDADE > 0"
                        id="table-consumo-@{{ consumo.ID }}">
                        <td>@{{ consumo.FAMILIA_ID | lpad:[3,0] }} - @{{ consumo.FAMILIA_DESCRICAO }}</td>
                        <td>@{{ consumo.PRODUTO_ID | lpad:[6,0] }} - @{{ consumo.PRODUTO_DESCRICAO }}</td>
                        <td class="text-right">@{{ consumo.QUANTIDADE | number: 4 }} @{{ consumo.UM }}</td>
                    </tr>
                </tbody>
            </table>
        </div>            
    </fieldset>
    
</div>

@overwrite

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