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


@section('modal-start')

    <form class="form-inline">

    @overwrite

    @section('modal-header-left')
        <h4 class="modal-title">
            <span> {{ $descricaoMenu->DESCRICAO_RESUMIDA }} - Incluindo </span>
        </h4>
    @overwrite

    @section('modal-header-right')
        <div id="botoes-baixar">
            <button type="button" class="btn btn-warning" style="width: 200px;"
                title="Clique aqui para registrar o crachá do operador" ng-if="vm.authPesagem.AUTH_OK == 0"
                ng-click="vm.confProd.validar()" data-hotkey="f1">
                <span class="glyphicon glyphicon-user"></span> Autentique - se
            </button>
            {{-- <button type="button" class="btn btn-primary"
                ng-if="vm.confProd.SELECTED.PESANDO == 1 && vm.confProd.SELECTED.STATUS_REVISAO != 1 && vm.pesagem.SELECTED.STATUS != 1 && vm.pesagem.CAN_FINALIZE == 1"
                ng-click="vm.pesagem.gravar()" data-hotkey="alt+f">
                <span class="glyphicon glyphicon-ok"></span> Finalizar produto
            </button> --}}
            <button type="button" class="btn btn-default btn-fechar-modal btn-voltar"
                ng-click="vm.ETAPA_PESAGEM == 0 ? vm.pesagem.fecharModal() : vm.ETAPA_PESAGEM = vm.ETAPA_PESAGEM - 1"
                data-hotkey="esc">
                <span class="glyphicon glyphicon-chevron-left"></span> Voltar
            </button>
        </div>
    @overwrite

    @section('modal-body')
        <div class="row conf-div-include  @{{ vm.ETAPA_PESAGEM_ERRO == 1 ? 'error-animation' : '' }}"
            style="/*border: 1px solid rgba(31, 81, 255, 1);*/ border-radius: 4px; padding: 10px">
            <div style="display: flex;justify-content: space-between;width: 100%; align-items: center">
                <div class="row" style="display: flex;justify-content: space-between;width: 100%; align-items: center">

                    <div style="font-size: 2rem; width: 100%;" class="form-group"
                        ng-if="vm.confProd.SELECTED.PESANDO == 1 && vm.confProd.SELECTED.STATUS_REVISAO != 1 && vm.pesagem.SELECTED.STATUS != 1 && vm.ETAPA_PESAGEM == 1 && vm.EDIT_TARA != 1">
                        <strong>Tara: @{{ vm.tara.DADOS.TARA | number: '2' }} KG</strong>
                        <span ng-click="vm.EDIT_TARA = 1" class="glyphicon glyphicon-edit"></span>
                    </div>

                    <div class="form-group"
                        ng-if="vm.confProd.SELECTED.PESANDO == 1 && vm.confProd.SELECTED.STATUS_REVISAO != 1 && vm.pesagem.SELECTED.STATUS != 1 && vm.ETAPA_PESAGEM == 1 && vm.EDIT_TARA == 1"
                        style="display: flex;flex-direction: column;width: 100%;">
                        <div class="input-group" style="width: 14rem !important">
                            <input type="text" class="form-control input-maior"
                                style="width: 100% !important; height: 3.4rem;font-size: large;"
                                ng-number-format="2" ng-model="vm.tara.DADOS.TARA">
                            <span class="input-group-addon" style="background-color: green" ng-click="vm.tara.gravar(); vm.EDIT_TARA = 0">
                                <span class="glyphicon glyphicon-ok" style="color: white"></span>
                            </span>
                        </div>
                    </div>

                    <div class="form-group"
                        ng-if="vm.confProd.SELECTED.PESANDO == 1 && vm.confProd.SELECTED.STATUS_REVISAO != 1 && vm.pesagem.SELECTED.STATUS != 1 && vm.ETAPA_PESAGEM == 1">
                        {{-- <button class="btn btn-primary" type="button" data-hotkey="f1" ng-click="vm.tara.incluir();"
                            ng-disabled="vm.authPesagem.AUTH_OK == 0">
                            <span class="glyphicon glyphicon-scale"></span> Alterar tara
                        </button> --}}

                        <button class="btn btn-success" type="button" ng-if="vm.balancaLigada == false" data-hotkey="f2"
                            ng-click="vm.balanceMethods.ligar();" ng-disabled="vm.authPesagem.AUTH_OK == 0">
                            <span class="glyphicon glyphicon-scale"></span> Ativar balança
                        </button>
                        <button class="btn btn-danger" type="button" ng-if="vm.balancaLigada == true" data-hotkey="f2"
                            ng-click="vm.balanceMethods.desligar();">
                            <span class="glyphicon glyphicon-scale"></span> Desativar balança
                        </button>
                    </div>
                    {{-- <div class="form-group"
                        ng-if="vm.confProd.SELECTED.PESANDO == 1 && vm.confProd.SELECTED.STATUS_REVISAO != 1 && vm.pesagem.SELECTED.STATUS != 1 && vm.ETAPA_PESAGEM == 1">
                        
                    </div> --}}
                </div>
            </div>
            <div style="display: flex;justify-content: space-between;align-items: end;">
                <div class="column pesagem-area-main" id="pesagem-area-main"
                    style="display: flex;justify-content: center;flex-direction: column;align-items: center;WIDTH: 100%;">

                    <div class="form-group" title="Númeração encontrada na etiqueta do produto"
                        ng-show="vm.ETAPA_PESAGEM == 0" style="display: flex;flex-direction: column;width: 55%;">
                        <label style="font-size: 2rem;text-align: center;">Número da OB</label>
                        <input type="text" class="input-maior" ng-model="vm.pesagem.OB_SELECIONADA" placeholder="000000"
                            style="height: 100px;WIDTH: 100% !IMPORTANT;font-size: 8rem;"
                            ng-readonly="vm.authPesagem.AUTH_OK == 0 || vm.pesagem.SELECTED.STATUS == 1" id="ob-input-main"
                            ng-change="vm.obVerify()">
                    </div>

                    <div class="form-group" title="Númeração encontrada na etiqueta do produto"
                        ng-show="vm.ETAPA_PESAGEM == 1" style="display: flex;flex-direction: column;width: 55%;">
                        <label style="font-size: 2rem;text-align: center;">Peso líquido - Balança</label>
                        <h2
                            style="
                        TEXT-ALIGN: CENTER;
                        FONT-SIZE: 5EM;
                        MARGIN: 0;
                    ">
                            @{{ vm.confProd.BAL_PES_LIQUIDO }}</h2>
                    </div>

                    <div style="display: flex;justify-content: space-between;WIDTH: 100%;">
                        <div style="display: flex">
                            <div class="form-group" ng-show="vm.ETAPA_PESAGEM == 1 && vm.confProd.SELECTED.HABILITA_MANUAL"
                                style="display: flex;flex-direction: column;width: 55%;">
                                <label>Peso bruto (balança)</label>
                                <div class="input-group">
                                    <input id="pesagem_balanca_peso_bruto" type="text" class="form-control input-maior"
                                        style="height: 6rem;WIDTH: 10rem !IMPORTANT;TEXT-ALIGN: end;font-size: 3rem;"
                                        ng-number-format="2" ng-model="vm.confProd.SELECTED.BALANCA_PESO_BRUTO"
                                        placeholder="0,00">
                                    <span class="input-group-addon"
                                        style="display: flex;font-size: 2rem;align-items: center;justify-contents: center;">KG</span>
                                </div>
                            </div>

                            <div class="form-group" title="Peso encontrado na etiqueta do produto"
                                ng-show="vm.ETAPA_PESAGEM == 1"
                                style="display: flex;flex-direction: column;width: 55%;
                                ">
                                <label>Peso líquido na peça</label>
                                <div class="input-group">
                                    <input type="text" class="form-control input-maior"
                                        ng-model="vm.pesagem.OBITENS.PESO_NA_PECA" ng-number-format="2"
                                        placeholder="0,00"
                                        style="height: 6rem;WIDTH: 10rem !IMPORTANT;TEXT-ALIGN: end;font-size: 3rem;"
                                        id="peso-na-peca-input-main"
                                        ng-readonly="vm.authPesagem.AUTH_OK == 0 || vm.pesagem.SELECTED.STATUS == 1"
                                        ng-change="vm.pesoVerify()">
                                    <span class="input-group-addon"
                                        style="display: flex;font-size: 2rem;align-items: center;justify-contents: center;">KG</span>
                                </div>
                            </div>

                        </div>

                        <div ng-show="vm.ETAPA_PESAGEM > 0"
                            style="display: flex;justify-content: flex-end;align-items: end;width: 100%;height: 63px;">
                            <span ng-show="vm.AVANCAR_OB == 1 && vm.ETAPA_PESAGEM == 0" class="anim-success"
                                style="text-align: end; color: rgb(1 193 0); font-size: 2rem;">
                                <em>ENTER para avançar</em>
                            </span>
                            <span ng-show="vm.AVANCAR_PESO == 1  && vm.ETAPA_PESAGEM == 1" class="anim-success"
                                style="text-align: end; color: rgb(1 193 0); font-size: 2rem;">
                                <em>ENTER para incluir peça</em>
                            </span>
                        </div>
                    </div>
                    <div ng-if="vm.ETAPA_PESAGEM < 1"
                        style="display: flex;justify-content: flex-end;align-items: end;width: 100%;height: 63px;">
                        <span ng-show="vm.AVANCAR_OB == 1 && vm.ETAPA_PESAGEM == 0" class="anim-success"
                            style="text-align: end; color: rgb(1 193 0); font-size: 2rem;">
                            <em>ENTER para avançar</em>
                        </span>
                        <span ng-show="vm.AVANCAR_PESO == 1  && vm.ETAPA_PESAGEM == 1" class="anim-success"
                            style="text-align: end; color: rgb(1 193 0); font-size: 2rem;">
                            <em>ENTER para incluir peça</em>
                        </span>
                    </div>
                    <div>
                        <span ng-show="vm.ETAPA_PESAGEM_ERRO == 1" style="color: red; font-size: 2rem;"> <strong> Por
                                favor,
                                preencha o campo </strong></span>
                    </div>
                </div>
            </div>
        </div>
    </form>
@overwrite