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

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

@section('modal-header-left')

<h4 class="modal-title">
	Lotes
</h4>

@overwrite

@section('modal-header-right')

	<button type="submit" class="btn btn-success" data-hotkey="f1">
        <span class="glyphicon glyphicon-ok"></span> Gravar
    </button>
	
	<button ng-click="vm.Tecelagem.cancelarLote()" type="button" class="btn btn-danger btn-cancelar" data-hotkey="esc">
        <span class="glyphicon glyphicon-ban-circle"></span> Cancelar
    </button>

@overwrite

@section('modal-header-end')
	
@overwrite

@section('modal-body')
<div style="height: calc(100vh - 230px); margin-top: -68px;">

    <div id="info-destaque" style="margin-bottom: 10px;">	
        <div class="label label-primary" id="up-destaque">
            <span>UP:</span>
            <span class="valor">@{{vm.Tecelagem.DADOS_TALAO.UP_DESCRICAO}}</span>
        </div>
        <div class="label label-success" id="remessa-talao-destaque">
            <span>Remessa / Talão / Detalhe:</span>
            <span class="valor">
            <a title="Clique aqui para consultar" href="{{url('_22120')}}?remessa=@{{vm.Tecelagem.DADOS_TALAO.REMESSA_ORIGEM}}" target="_blank" class="ng-binding">@{{vm.Tecelagem.DADOS_TALAO.REMESSA}}</a>
            / @{{vm.Tecelagem.DADOS_TALAO.REMESSA_TALAO_ID}} / @{{vm.Tecelagem.DADOS_TALAO.TALAO_DETALHE_ID}}</span>
        </div>
        <div class="label label-default" id="data-destaque">
            <span>Data Produção:</span>
            <span class="valor">@{{vm.Tecelagem.DADOS_TALAO.DATA_PRODUCAO}}</span>
        </div>
    </div>

    <div class="erros-talao">
        <div class="group-info-modal">
            <div class="info-talao-modal" style="width: 100%;">
                <div class="descricao">Consumo</div>
                <div>
                    <table class="tabela-items-info-talao">
                        <tr>
                            <th>ID</th>
                            <th>Produto</th>
                            <th>Quantidade</th>
                            <th  style="width: 150px;">Lote</th>
                        </tr>
                        <tr ng-repeat="consumo in vm.Tecelagem.DADOS_TALAO.INFO_TALAO.CONSUMO track by $index" >
                            
                            <td>@{{consumo.CONSUMO_ID}}</td>
                            <td>@{{consumo.PROD_DESCRICAO}}</td>
                            <td style="text-align: end;">@{{consumo.QUANTIDADE | number:4}} @{{consumo.UM}}</td>
                            <td style="width: 150px;">
                                <div class="input-group" style="width: 150px;">
                                    <input	
                                        maxlength="50"
                                        type="text"
                                        style="width: 150px !important; border-radius: 3px; text-align: end;"
                                        class="atalho-input-tabela form-control input-medio editar_lote_item"
                                        ng-model="consumo.LOTE_ID"
                                    >
                                </div>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
    </div>
	
</div>
</form>

@overwrite