@extends('helper.include.view.modal', ['id' => 'modal-bipagem-principal', 'class_size' => 'modal-big'])

@section('modal-start')
    {{-- <form class="form-inline" ng-submit="vm.ManualCompletion.mainFilter()"> --}}
@overwrite

@section('modal-header-left')
    <h4 class="modal-title">
        22609 - @{{vm.Bipagem.ONLY_START == 1 ? 'Iniciar' : 'Finalizar'}} talões de produção com coletor
    </h4>

@overwrite

@section('modal-header-right')
    <button type="button" class="btn btn-default btn-voltar" data-dismiss="modal" data-hotkey="esc">
        <span class="glyphicon glyphicon-chevron-left"></span>
        Voltar
    </button>
@overwrite

@section('modal-body')
    <div class="operation-container">
        <div class="read-area-container"
            style="
                        display: flex;
                        justify-content: space-between;
                        box-sizing: border-box;
                    ">
            <div class="consulta-loc-transf"></div>
            {{-- <button ng-if="vm.Bipagem.CAN_SHOW_TABLE == 1 && !vm.Bipagem.PESAGEM_START == 1" type="button" class="btn btn-success" data-hotkey="alt+a" ng-click="vm.Bipagem.PESAGEM_START = 1">
                    <span class="glyphicon glyphicon-ok"></span>
                    Iniciar finalização
                </button> --}}
            <form class="form-inline" ng-submit="vm.Bipagem.switchingMode()">
                <div ng-if="vm.Bipagem.PESAGEM_START == 1" class="main-pesagem-auth form-group" style="display: flex; flex-direction: column; align-items: flex-start">
                    <label>Código de barras do talão</label>
                    <input type="text" required="required" style="width:100%; -webkit-text-security: disc;"
                        form-validate="true" placeholder="Informe o código de barras" ng-model="vm.Bipagem.COD_BARRAS" id="cod_bar_bip"
                        class="form-control input-maior ng-pristine ng-empty ng-invalid ng-invalid-required ng-touched">
                    <div style="display: flex;justify-content: flex-start;align-items: end;gap: 8px;">
                        <input type="checkbox" id="SET_IMPRIMIR_ETIQUETA_ID" ng-model="vm.Bipagem.SET_IMPRIMIR_ETIQUETA" ng-click="vm.Eficiencia.SET_IMPRIMIR_ETIQUETA = vm.Eficiencia.SET_IMPRIMIR_ETIQUETA == 1 ? 2 : 1;" ng-checked="vm.Bipagem.SET_IMPRIMIR_ETIQUETA == 1">
                        <label for="SET_IMPRIMIR_ETIQUETA_ID" style="font-weight: 600;">Imprimir etiqueta</label>
                    </div>
                </div>
            </form>
            {{-- <button ng-if="vm.Bipagem.CAN_SHOW_TABLE == 1" type="button" class="btn btn-success" data-hotkey="alt+a" ng-click="vm.Bipagem.modalCompletionShow()">
                    <span class="glyphicon glyphicon-ok"></span>
                    Iniciar finalização
                </button> --}}
        </div>
        <hr ng-if="vm.Bipagem.CAN_SHOW_TABLE == 1">
        <div class="register-container" ng-if="vm.Bipagem.CAN_SHOW_TABLE == 1">
            <h3>Registro de talões</h3>
            <div class="table-ec table-scroll" style="width: 100%; height: calc(100vh - 420px);  margin-top: 10px;">
                <table class="table table-striped table-bordered table-condensed table-hover table-no-break">
                    <thead>
                        <tr>
                            <th class="" style="text-align: start;"></th>
                            <th class="" style="text-align: start;">Remessa</th>
                            <th class="" style="text-align: start;">Talão Dt.</th>
                            <th class="" style="text-align: start;">Etapa</th>
                            <th class="" style="text-align: start;">Conjunto</th>
                            <th class="" style="text-align: start;">Modelo</th>
                            <th class="" style="text-align: start;">Cor</th>
                            <th class="" style="text-align: start;">Cor origem</th>
                            <th class="" style="text-align: start;">Tam.</th>
                            <th class="" style="text-align: end; ">Quantidade</th>
                            <th class="" style="text-align: start;">Status</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr class="odd" ng-repeat="registro in vm.Bipagem.REGISTRO_RESULTADO | orderBy: '-CONTROLL_ARR'"
                            tabindex="0" {{-- ng-focus="vm.Producao.consultarDetalhamento(item)" --}}
                            ng-class="{ 'selected' : vm.Producao.TALAO_SELECTED == item }"
                            style="background-color: @{{ registro.erro == 1 ? '#FFC9C9' : '#D8FFE0' }}" title="@{{ registro.erro == 1 ? 'Error ao tentar finalizar item:' + registro.msg_erro + '.' : 'Item finalizado com sucesso!' }}">

                            <td class="t-status status@{{ registro.item.STATUS }}">@{{ item.CONTROLL_ARR }}</td>
                            <td class="" style="text-align: start;">@{{ registro.item.TALAO.REMESSA }}</td>
                            <td class="" style="text-align: start;">@{{ registro.item.TALAO.TALAO_DETALHE_ID }}</td>
                            <td class="" style="text-align: start;">@{{ registro.item.ETAPA.DESCRICAO }}</td>
                            <td class="" style="text-align: center;">@{{ registro.item.TALAO.PECA_CONJUNTO }} /
                                @{{ registro.item.TALAO.PECA_CONJUNTO_NUM }}</td>
                            {{-- <td class="" style="text-align: start;">@{{ item.REMESSA_TALAO_DETALHE_ID }}</td> --}}
                            <td class="" style="text-align: start;">@{{ registro.item.TALAO.MODELO }}</td>
                            <td class="" style="text-align: start;">@{{ registro.item.TALAO.COR }}</td>
                            <td class="" style="text-align: start;">@{{ registro.item.TALAO.COR_DESCRICAO }}</td>
                            <td class="" style="text-align: center;">@{{ registro.item.TALAO.TAMANHO_DESCRICAO }}</td>
                            <td class="" style="text-align: end;  ">@{{ registro.item.TALAO.QUANTIDADE_PRODUCAO | number: 2 }} PÇS</td>
                            <td class="" style="text-align: start;  ">@{{ registro.erro == 1 ? registro.msg_erro : ' Sucesso! ' }}</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>

@overwrite

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