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

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

    @overwrite

    @section('modal-header-left')

        <h4 class="modal-title">
            <!-- @{{ vm.confProdProdutosPesados.SELECTED.DESCRICAO }} -->
            <span ng-if="!vm.confProdProdutosPesados.ALTERANDO">{{ $descricaoMenu->DESCRICAO_RESUMIDA }} - Visualizar</span>
            <span
                ng-if="vm.confProdProdutosPesados.ALTERANDO == true && vm.confProdProdutosPesados.INCLUINDO == false && vm.confProdProdutosPesados.COPIANDO == false">{{ $descricaoMenu->DESCRICAO_RESUMIDA }}
                - Alterar</span>
        </h4>

    @overwrite

    @section('modal-header-right')

        <div id="botoes-baixar">
            <button type="button" class="btn btn-warning btn-fechar-modal btn-voltar" data-hotkey="f1"
                ng-click="vm.confProdProdutosPesados.imprimirSelected()">
                <span class="glyphicon glyphicon-print"></span> Etiqueta
            </button>
            <button type="button" class="btn btn-primary btn-fechar-modal btn-voltar"
                ng-if="!vm.confProdProdutosPesados.ALTERANDO && vm.confProd.SELECTED.PESANDO == 1 && !vm.confProdProdutosPesados.SELECTED.STATUS == 1"
                ng-click="vm.confProdProdutosPesados.alterar()" data-hotkey="f2">
                <span class="glyphicon glyphicon-edit"></span> Alterar
            </button>
            <button type="button" class="btn btn-primary btn-fechar-modal btn-voltar"
                ng-if="!vm.confProdProdutosPesados.ALTERANDO && vm.confProd.SELECTED.PESANDO == 1 && !vm.confProdProdutosPesados.SELECTED.STATUS == 1"
                ng-click="vm.confProdProdutosPesados.excluir()" data-hotkey="delete">
                <span class="glyphicon glyphicon-trash"></span> Excluir
            </button>
            <button type="button" class="btn btn-success btn-fechar-modal btn-voltar"
                ng-if="vm.confProdProdutosPesados.ALTERANDO  && vm.confProd.SELECTED.PESANDO == 1 && !vm.confProdProdutosPesados.SELECTED.STATUS == 1"
                ng-click="vm.confProdProdutosPesados.gravar()" data-hotkey="f1">
                <span class="glyphicon glyphicon-ok"></span> Gravar
            </button>
            <button type="button" class="btn btn-danger btn-fechar-modal btn-voltar"
                ng-if="vm.confProdProdutosPesados.ALTERANDO   && vm.confProd.SELECTED.PESANDO == 1 && !vm.confProdProdutosPesados.SELECTED.STATUS == 1"
                ng-click="vm.confProdProdutosPesados.cancelar()" data-hotkey="esc">
                <span class="glyphicon glyphicon-remove"></span> Cancelar
            </button>
            <button type="button" class="btn btn-default btn-fechar-modal btn-voltar"
                ng-if="!vm.confProdProdutosPesados.ALTERANDO" ng-click="vm.confProdProdutosPesados.fecharModal()"
                data-hotkey="esc">
                <span class="glyphicon glyphicon-chevron-left"></span> Voltar
            </button>
        </div>

    @overwrite

    @section('modal-body')
        <div style="height: calc(80vh - 200px);">
            <div class="row">
                <div class="form-group">
                    <label>ID Peça</label>
                    <input type="text" class="form-control input-menor"
                        ng-model="vm.confProdProdutosPesados.SELECTED.DESC_ID" readonly="readonly" style="text-align: end">
                </div>
                <div class="form-group">
                    <label>Data Revisão</label>
                    <input type="text" class="form-control input-medio"
                        ng-model="vm.confProdProdutosPesados.SELECTED.FDATA_HORA" readonly="readonly"
                        style="text-align: end">
                </div>
                <div class="form-group">
                    <label>OB</label>
                    <input type="text" class="form-control input-menor" ng-model="vm.confProdProdutosPesados.SELECTED.OB"
                        ng-readonly="!vm.confProdProdutosPesados.ALTERANDO" style="text-align: end">
                </div>
                <div class="form-group">
                    <label>Doc. Fiscal</label>
                    <input type="text" class="form-control input-menor"
                        ng-model="vm.confProdProdutosPesados.SELECTED.TNF" readonly="readonly" style="text-align: end">
                </div>
            </div>
            <div class="row">
                <div class="form-group">
                    <label>Produto</label>
                    <input type="text" class="form-control input-maior"
                        ng-model="vm.confProdProdutosPesados.SELECTED.TPRODUTO" readonly="readonly">
                </div>
            </div>
            <div class="row">
                <div class="form-group">
                    <label>Peso Bruto</label>
                    <div class="input-group">
                        <input type="text" class="form-control input-menor" ng-number-format="2"
                            ng-model="vm.confProdProdutosPesados.SELECTED.PESO_BRUTO" readonly="readonly"
                            style="text-align: end">
                        <span class="input-group-addon"
                            style="display: flex; align-items: center; justify-contents: center;">KG</span>
                    </div>
                </div>
                <div class="form-group">
                    <label>Peso Líquido</label>
                    <div class="input-group">
                        <input type="text" class="form-control input-menor" ng-number-format="2"
                            ng-model="vm.confProdProdutosPesados.SELECTED.PESO_LIQUIDO"
                            ng-readonly="!vm.confProdProdutosPesados.ALTERANDO" style="text-align: end">
                        <span class="input-group-addon"
                            style="display: flex; align-items: center; justify-contents: center;">KG</span>
                    </div>
                </div>
                <div class="form-group">
                    <label>Peso Líquido Peça</label>
                    <div class="input-group">
                        <input type="text" class="form-control input-menor" ng-number-format="2"
                            ng-model="vm.confProdProdutosPesados.SELECTED.PESO_PECA" readonly="readonly"
                            style="text-align: end">
                        <span class="input-group-addon"
                            style="display: flex; align-items: center; justify-contents: center;">KG</span>
                    </div>
                </div>
            </div>
        </div>
    </form>
@overwrite