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

@section('modal-start')
    <form class="form-inline" name="gravar">
@overwrite

@section('modal-header-left')

	<h4 class="modal-title">
		Incluir
	</h4>

@overwrite

@section('modal-header-right')

    <button  ng-if="vm.Index.ALTERANDO == false" class="btn btn-success" ng-click="vm.Index.incluir()" data-hotkey="f1">
        <span class="glyphicon glyphicon-ok"></span> Gravar
    </button>

    <button  ng-if="vm.Index.ALTERANDO == true" class="btn btn-success" ng-click="vm.Index.alterar()" data-hotkey="f1">
        <span class="glyphicon glyphicon-ok"></span> Gravar
    </button>
    
    <button class="btn btn-danger btn-cancelar" ng-click="vm.Index.cancelar()" data-dismiss="modal" data-hotkey="esc">
        <span class="glyphicon glyphicon-ban-circle"></span> Cancelar
    </button>

    <button ng-if="vm.Index.ALTERANDO == true" data-consulta-historico data-tabela="TBFICHA_PRODUTO_CUSTO" data-tabela-id="@{{ vm.Index.SELECTED.ID }}" type="button" class="btn gerar-historico" data-hotkey="alt+h">
        <span class="glyphicon glyphicon-time"></span> {{ Lang::get('master.historico') }}
    </button>

@overwrite

@section('modal-body')
    
    <div class="consulta-produto">

    </div>

    <div class="form-group">
        <label  title="Percentual sobre o valor em dolar">Valor:</label>
        <div class="input-group left-icon" style="width: 145px;">
            <div class="input-group-addon">R$</div>
            <input style="border-radius: 0px;" type="number" disabled step="0.0001" ng-min="0.0000" min="0.0000" class="form-control" ng-model="vm.Index.NOVO.VALOR">
        </div>

        <button style="margin-left: -12px; height: 34px;" class="btn btn-danger btn-cancelar" ng-click="vm.Index.calcularValor(0)" titile="Calcular Dólar">
            <span class="fa fa-calculator"></span>
        </button>

    </div>

    <div class="form-group">
        <label  title="Percentual sobre o valor em dolar">Valor em Dólar:</label>
        <div class="input-group left-icon" style="width: 145px;">
            <div class="input-group-addon">US$</div>
            <input style="border-radius: 0px;" type="number" step="0.0001" ng-min="0.0000" min="0.0000" class="form-control" ng-model="vm.Index.NOVO.DOLAR">
        </div>

        <button style="margin-left: -12px; height: 34px;" class="btn btn-danger btn-cancelar" ng-click="vm.Index.calcularDolar(0)" titile="Calcular Dólar">
            <span class="fa fa-calculator"></span>
        </button>

    </div>

    <div class="form-group">
        <label  title="Percentual sobre o valor em dolar">Valor em Euro:</label>
        <div class="input-group left-icon" style="width: 145px;">
            <div class="input-group-addon">€</div>
            <input type="number" step="0.0001" ng-min="0.0000" min="0.0000" class="form-control" ng-model="vm.Index.NOVO.EURO">
        </div>
    </div>

    <br>
    <br>

    <ul  ng-if="vm.Index.ALTERANDO == true" class="list-inline">    
        <li>
            <button 
                type="button" 
                class="btn btn-primary btn-incluir" 
                data-hotkey="f6"
                ng-disabled="!{{ userMenu($menu)->INCLUIR }}" 
                ng-click="vm.IndexItens.modalIncluir()">
                <span class="glyphicon glyphicon-plus"></span> Incluir
            </button>
        </li>                       
        <li>
            <button 
                type="button" 
                class="btn btn-warning" 
                data-hotkey="f7"
                ng-disabled="!{{ userMenu($menu)->ALTERAR }} || vm.IndexItens.SELECTED.ID == undefined || vm.IndexItens.ALTERANDO" 
                ng-click="vm.IndexItens.modalAlterar()">
                <span class="glyphicon glyphicon-edit"></span>Alterar
            </button>
        </li>                       
        <li>
            <button 
                type="button" 
                class="btn btn-danger" 
                data-hotkey="f8"
                ng-disabled="!{{ userMenu($menu)->EXCLUIR }} || vm.IndexItens.SELECTED.ID == undefined || vm.IndexItens.ALTERANDO" 
                ng-click="vm.IndexItens.excluir()">
                <span class="glyphicon glyphicon-trash"></span> Excluir
            </button>
        </li>                     
    </ul>
    
    <div ng-if="vm.Index.ALTERANDO == true" class="table-ec table-scroll" style="height: 400px">
        <table class="table table-striped table-bordered table-condensed table-no-break table-middle table-low">
            <thead>
                <tr>
                    <th field="id">ID</th> 
                    <th field="Descrição">Descrição</th>
                    <th field="Percentual">Percentual</th>
                    <th field="Ordem">Ordem</th>
                    <th field="Acumular">Acumular</th>
                </tr>
            </thead>
            <tbody>
                <tr 
                    ng-repeat="item in vm.IndexItens.DADOS"
                    ng-click="vm.IndexItens.SELECTED = item"
                    ng-focus="vm.IndexItens.SELECTED = item"
                    ng-class="{ 'selected' : vm.IndexItens.SELECTED == item }"
                    ng-dblclick="{{ userMenu($menu)->INCLUIR }} == 1 && vm.IndexItens.modalAlterar()"
                    tabindex="0"
                    >
                    <td>
                        <span>
                            @{{ item.ID }}
                        </span>
                    </td>
                    <td>
                        <span>
                            @{{item.DESCRICAO}}
                        </span>
                    </td>
                    <td style="text-align: right;">
                        <span>
                            @{{item.PERCENTUAL | number:2}}
                        </span>
                    </td>
                    <td  style="text-align: right;">
                        <span>
                            @{{item.ORDEM | number:0}}
                        </span>
                    </td>

                    <td  style="text-align: right;">
                        <span>
                            @{{item.DESC_VALOR_ACUMULADO}}
                        </span>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>

@overwrite

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