@extends('helper.include.view.modal', ['id' => 'modal-retrabalho','fade'=>false])

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

@section('modal-header-left')
	<h4 class="modal-title">
		Registrar Retrabalho
	</h4>
@overwrite

@section('modal-header-right')
    <button style="padding: 6px 12px !important;" type="submit" class="btn btn-success" data-hotkey="f1" data-loading-text="Gravando..." ng-if="vm.Registro.VALIDAR_RETRABALHO == false">
        <span class="glyphicon glyphicon-ok"></span>
        Gravar
    </button>

	<button style="padding: 6px 12px !important;" type="button" class="btn btn-default btn-voltar" ng-click="vm.Registro.fecharRetrabalho()" data-dismiss="modal" data-hotkey="esc">
		<span class="glyphicon glyphicon-chevron-left"></span> 
		Voltar
	</button>
@overwrite

@section('modal-body')

<div class="form-group" style="width: calc(100% - 10px);" ng-if="vm.Registro.VALIDAR_RETRABALHO == true">
    <input type="password"
        style="width: calc(100% - 0px)!important;"
        ng-keydown="$event.key == 'Enter' && vm.Registro.preRegistrarRetrabalho()"
        ng-model="vm.Registro.TALAO_RETRABALHO"
        placeholder="Código de Barras do Talão" 
        id="talao-retrabalho"
        class="form-control input-maior"/>
</div>

<fieldset ng-if="vm.Registro.VALIDAR_RETRABALHO == false">
    <legend>@{{ vm.Registro.DADOS_RETRABALHO.DADOS_TALAO.DESC1 }}</legend>

    <div class="form-group">
        <label>Quantidade:</label>
        <input type="number"
            ng-model="vm.Registro.DADOS_RETRABALHO.DADOS_TALAO.QUANTIDADE" 
            class="form-control" 
            style="width: 130px; text-align: end;"
            disabled="disabled"
            readonly="readonly">
    </div>

    <div class="form-group">
        <label>Qtd. Retrabalho:</label>
        <input type="number" min="0"
            ng-model="vm.Registro.DADOS_RETRABALHO.DADOS_TALAO.RETRABALHO"
            max="@{{vm.Registro.DADOS_RETRABALHO.DADOS_TALAO.QUANTIDADE}}" 
            class="form-control"
            style="width: 130px; text-align: end;"
            form-validate="true"
            id="qtd-retrabalho-talao"
            required>
    </div>

    <br>
    
    <div class="form-group" style="width: 100%;">
        <label>Motivo:</label>
        <textarea
            style="resize: none; width: 100%;" 
            class="form-control normal-case" 
            ng-model="vm.Registro.DADOS_RETRABALHO.DADOS_TALAO.MOTIVO" 
            rows="7">
        </textarea>
    </div>

</fieldset>

</form>
@overwrite