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

@section('modal-header-left')

	<h4 class="modal-title">
        Tabela de Preços
	</h4>

@overwrite

@section('modal-header-right')

    <button type="button" class="btn btn-primary btn-cancelar" ng-click="vm.addItem.tabelaBojoColante()" data-hotkey="f1">
        <span class="fa fa-refresh"></span>
        Atualizar
    </button>

    <button type="button" class="btn btn-default btn-cancelar" data-dismiss="modal" data-hotkey="esc">
        <span class="glyphicon glyphicon-chevron-left"></span>
        Voltar
    </button>
@overwrite

@section('modal-body')

    <div class="table-container table-container-item-escolhido table-ec" style="margin-bottom: 10px;">
        <div class="scroll-table" style=" max-height: calc(100vh - 210px); min-height: 300px;">

            <table class="table table-striped table-bordered table-hover table-body" ng-if="$index == 0" ng-repeat="condicao in vm.addItem.TABELA_COLANTE track by $index" style="width: unset !important; display: table-cell;  border-right: 1px solid #dddddd !important;">
                <thead>
                    <tr>
                        <th class="text-left" >Referências</th>
                        <th class="text-right">Qtd. Min.</th>
                        <th class="text-right">Qtd. Max.</th>
                    </tr>
                </thead>
                <tbody>

                    <tr 
                        ng-repeat-start="referencia in condicao.REFERENCIAS" ng-if="false" >
                    </tr>

                    <tr 
                        ng-repeat="itens in referencia.ITENS"
                        >
                        <td class="text-left"  ng-class="{'linha-item' : vm.addItem.REFERCNIA == itens.REFERENCIA_ID}" rowspan="@{{referencia.ITENS.length}}" ng-if="itens.INDEX == 0" style="text-align: center; padding-top: @{{((referencia.ITENS.length - 1) * 20)}}px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"> <span> @{{ referencia.DESCRICAO  }}</span></td>
                        <td class="text-right" ng-class="{'linha-item' : vm.addItem.LINHA     == itens.LINHA        }" > <span> @{{ itens.QTD_MIN | number:0}}</span></td>
                        <td class="text-right" ng-class="{'linha-item' : vm.addItem.LINHA     == itens.LINHA        }" > <span> @{{ itens.QTD_MAX | number:0}}</span></td>
                    </tr>

                    <tr ng-repeat-end="" tabindex="0" ng-if="false" ></tr>

                </tbody>
            </table>

            <table class="table table-striped table-bordered table-hover table-body" ng-repeat="condicao in vm.addItem.TABELA_COLANTE track by $index" style="width: 210px !important; display: table-cell; border-right: 1px solid #dddddd !important;">
                <thead>
                    <tr>
                        <th style="width: 210px;" class="text-right"  >@{{condicao.PAGAMENTO_CONDICAO}}</th>
                    </tr>
                </thead>
                <tbody>

                    <tr 
                        ng-repeat-start="referencia in condicao.REFERENCIAS" tabindex="0" ng-if="false">
                    </tr>

                    <tr ng-class="{'linha-item-selected' : ((vm.addItem.COLUNA == itens.COLUNA) && (itens.LINHA == vm.addItem.LINHA)),'linha-item' : ((vm.addItem.COLUNA == itens.COLUNA) && (itens.LINHA < vm.addItem.LINHA)) || ((itens.COLUNA < vm.addItem.COLUNA) && (vm.addItem.LINHA == itens.LINHA))}"
                        ng-repeat="itens in referencia.ITENS"
                        tabindex="0"
                        ng-click="vm.addItem.LINHA = itens.LINHA; vm.addItem.COLUNA = itens.COLUNA; vm.addItem.REFERCNIA = itens.REFERENCIA_ID;"
                        coluna="@{{itens.COLUNA}}"
                        linha="@{{itens.LINHA}}">
                        <td class="text-right" ><span>@{{ itens.MOEDA}}  @{{ itens.VALOR  | number:2}}</span></td>
                    </tr>

                    <tr ng-repeat-end="" tabindex="0" ng-if="false" ></tr>

                </tbody>
            </table>

        </div>
    </div>

@overwrite