@extends('helper.include.view.modal', ['id' => 'modal-retrabalho-acao', 'class_size' => 'modal-menor'])

@section('modal-start')
@overwrite

@section('modal-header-left')
    <h4 class="modal-title">
        22609 - Registro de Retrabalho
    </h4>

@overwrite

@section('modal-header-right')
    <button type="button" class="btn btn-success" ng-click="vm.Retrabalho.post()" data-hotkey="f1">
        <span class="glyphicon glyphicon-ok"></span>
        Gravar
    </button>
    <button type="button" class="btn btn-danger btn-voltar" data-dismiss="modal" data-hotkey="esc">
        <span class="glyphicon glyphicon-ban-circle"></span>
        Cancelar
    </button>

@overwrite

@section('modal-body')

    <form class="form-inline" ng-submit="vm.Retrabalho.search()">
        <div class="main-container">
            <input type="text" required="" style="width:100%; -webkit-text-security: disc;" form-validate="true"
                placeholder="Informe o código de barras do talão" ng-model="vm.Retrabalho.COD_BARRAS" id="cod_bar_ret"
                class="ng-pristine ng-empty ng-invalid ng-invalid-required ng-touched" autocomplete="off">
        </div>
    </form>

    <br>

    <div class="card" ng-show="vm.Retrabalho.TALAO.REMESSA_TALAO_ID">
        <div class="column">
            <div>
                <div class="form-group" style="width: 215px !important; display: inline-block; margin-right: 10px;">
                    <label>Talão Dt.</label>
                    <div class="input-group" style="width: 100% !important;">
                        <input type="number" max="999999" min="0" step="1"
                            style="border-radius: 3px; text-align: end;" class="form-control input-medio"
                            ng-value="vm.Retrabalho.TALAO.REMESSA_TALAO_ID" disabled>
                    </div>
                </div>
                <div class="form-group" style="width: 215px !important; display: inline-block; margin-right: 10px;">
                    <label>Talao Ac.</label>
                    <div class="input-group" style="width: 100% !important;">
                        <input type="number" max="999999" min="0" step="1"
                            style="border-radius: 3px; text-align: end;" class="form-control input-menor"
                            ng-model="vm.Retrabalho.TALAO.REMESSA_ACUMULADO_CONTROLE" disabled>
                    </div>
                </div>

            </div>
            <div>
                <div>
                    <div class="form-group" style="display: inline-block; margin-right: 10px;">
                        <label>Modelo</label>
                        <div class="input-group">
                            <input type="text" max="999999" min="0" step="1"
                                style="border-radius: 3px; text-align: end;" class="form-control input-maior"
                                value="@{{ vm.Retrabalho.TALAO.MODELO_DESCRICAO }}" disabled>
                        </div>
                    </div>

                </div>
                <div>
                    <div class="form-group" style="display: inline-block;margin-right: 10px;/* width: 200px; */">
                        <label>Cor</label>
                        <div class="input-group" style="width: 244px;">
                            <input type="text" style="border-radius: 3px;text-align: start;width: 100% !important;"
                                class="form-control input-medio" value="@{{ vm.Retrabalho.TALAO.COR_DESCRICAO }}" disabled>
                        </div>
                    </div>
                    <div class="form-group" style="display: inline-block; margin-right: 10px;">
                        <label>Tam.</label>
                        <div class="input-group">
                            <input type="text" style="border-radius: 3px; text-align: start;"
                                class="form-control input-menor" value="@{{ vm.Retrabalho.TALAO.TAM_DESC }}" disabled>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <br>

    <div style="display: -webkit-inline-box;" id="consulta-retrabalho-motivo" class="consulta-retrabalho-motivo"></div>

    <div class="form-group" id="formGroupFator" style="width: 140px !important; display: inline-block; margin-right: 10px;">
        <label>Quantidade Defeito:</label>
        <div class="input-group" style="width: 100% !important;">
            <input type="number" max="999999" min="0" step="1"
                style="width: 100% !important;  border-radius: 3px; text-align: end;"
                class="form-control item-defeito-fator" ng-model="vm.Retrabalho.qtd_defeito">
        </div>
    </div>

    <div style="display: -webkit-inline-box;" id="consulta-filtro-colab-retrabalho"
        class="consulta-filtro-colab-retrabalho"></div>

    <div class="form-group" id="formGroupFator"
        style="display: flex;/* margin-right: 10px; */width: 100%;justify-content: flex-end;">
        <label style="opacity: 0;">.</label>
        <div class="input-group">
            <button ng-click="vm.Retrabalho.add();" type="button" class="btn btn-primary" data-hotkey="alt+i">
                <span class="glyphicon glyphicon-plus"></span> Incluir
            </button>
        </div>
    </div>
    <br>
    <div class="table-ec table-scroll" style="height: 160px;">
        <table class="table table-striped table-bordered table-condensed table-no-break table-middle table-low">
            <thead>
                <tr gc-order-by="vm.Retrabalho.ORDER_BY_DEF">
                    <th field="ID">ID</th>
                    <th field="DESCRICAO">Motivo</th>
                    <th field="DESCRICAO">Colaborador</th>
                    <th field="QUANTIDADE">Qtd.</th>
                    <th style="width: 50px"></th>
                </tr>
            </thead>
            <tbody>
                <tr ng-repeat="item in vm.Retrabalho.DADOS_RENDER_DEF = ( vm.Retrabalho.LIST )"
                    ng-focus="vm.Retrabalho.SELECTED_DEF = item"
                    ng-class="{ 'selected' : vm.Retrabalho.SELECTED_DEF == item }" tabindex="0"
                    ng-if="item.DELETAR == false">
                    <td>
                        <span>
                            @{{ item.ID || 0 | lpad: [3, 0] }}
                        </span>
                    </td>
                    <td>
                        <span>
                            @{{ item.DESCRICAO }}
                        </span>
                    </td>
                    <td>
                        <span>
                            @{{ item.COLABORADOR.DESCRICAO }}
                        </span>
                    </td>
                    <td style="text-align: end;">
                        <span>
                            @{{ item.QUANTIDADE | number: 0 }}
                        </span>
                    </td>
                    <td style="width: 50px; padding: 3px;">
                        <button type="button" class="btn btn-sm btn-danger " style="margin-left: 6px;"
                            aria-expanded="false" ng-click="vm.Retrabalho.del(item);">
                            <span class="glyphicon glyphicon-trash"></span>
                        </button>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>

@overwrite

@section('modal-end')
@overwrite