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

@section('modal-start')
    <form class="form-inline" ng-submit="vm.Placas.gravarEntrada()">
@overwrite

@section('modal-header-left')

<h4 class="modal-title">
    <span ng-if="!vm.Placas.ALTERANDO">22550 - Entrada de Placas</span>
</h4>

@overwrite

@section('modal-header-right')
<!--
	<button type="submit" class="btn btn-success" data-hotkey="f1">
        <span class="glyphicon glyphicon-ok"></span> Gravar
    </button>
-->
	
	<button ng-click="vm.Placas.fecharEntrada()" type="button" class="btn btn-danger btn-cancelar" data-hotkey="esc">
        <span class="glyphicon glyphicon-ban-circle"></span> Cancelar
    </button>	

@overwrite

@section('modal-body')
<div style="height: calc(100vh - 230px);">
    <div class="row">
	
        <div class="form-group">
            <label>Rmessa:</label>
            <input
                style="text-align: right;" 
                type="text"
				ng-model="vm.Placas.OBJ_ENTRADA_SAIDA.DADOS.REMESSA"
                class="form-control input-menor" 
                readonly="readonly">
        </div>

        <div class="form-group">
            <label>Talão:</label>
            <input 
                style="text-align: right;"
                type="text"
				ng-model="vm.Placas.OBJ_ENTRADA_SAIDA.DADOS.TALAO"
                class="form-control input-menor" 
                readonly="readonly">
        </div>
		
        <div class="form-group">
            <label>Produto:</label>
            <input 
                type="text"
                class="form-control input-maior" 
                required
                ng-model="vm.Placas.OBJ_ENTRADA_SAIDA.DADOS.PRODUTO"
                readonly="readonly"
                form-validate="true">
        </div>

        <div class="form-group">
            <label>Quantidade:</label>
            <div class="input-group left-icon">
                <input 
                    style="text-align: right;"
                    type="text"
                    class="form-control input-menor" 
                    required
                    ng-value="vm.Placas.OBJ_ENTRADA_SAIDA.DADOS.QUANTIDADE | number:0"
                    readonly="readonly"
                    form-validate="true">
                <div class="input-group-addon ng-binding" ng-bind="vm.Placas.OBJ_ENTRADA_SAIDA.DADOS.UM" style="padding: 9px !important;">@{{vm.Placas.OBJ_ENTRADA_SAIDA.DADOS.UM}}</div>
            </div>
        </div>
		
        <!--<div style="display: -webkit-inline-box;" class="consulta-enderecamento"></div>-->
        
        <div style="display: flex;
                    height: calc(100vh - 350px);
                    overflow: auto;
                    border: 1px solid #948e8e;
                    margin-top: 10px;">

            <div class="grupo" style="width: 150px; display: inline-block;" ng-repeat="grupos in vm.Placas.OBJ_ENTRADA_SAIDA.DADOS.GRUPO | orderBy : ['GRUPO']">
                <div style="height: 70px;
                            border: 1px solid #c8c8c8;
                            border-radius: 7px;
                            padding: 3px;
                            margin: 5px;
                            box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
                            cursor: pointer;"
                    class="subgrupo"
                    ng-repeat="grupo in grupos.COLLECTION | orderBy : ['SUBGRUPO']" ng-click="vm.Placas.PreGravarEntrada(grupo)">
                    <div style="font-size: 20px;" ttitle="Saldo:@{{grupo.SALDO | number:2}}<br>Capacidade:@{{grupo.CAPACIDADE | number:2}}<br>Usado:@{{grupo.USADO | number:2}}">@{{grupo.GRUPO}}-@{{grupo.SUBGRUPO}}</div>
                    <div class="progress" style="height: 25px; margin-top: 6px; border: 1px solid #bebdbd;">
                        <div class="progress-bar" role="progressbar" aria-valuenow="@{{grupo.PERCENTUAL2}}" aria-valuemin="0" aria-valuemax="100" style="width: @{{grupo.PERCENTUAL2}}%; font-size: 20px; font-weight: bold; padding: 2px; @{{ Number(grupo.SALDO) < Number(vm.Placas.OBJ_ENTRADA_SAIDA.DADOS.QUANTIDADE) ? 'background-color: #fe6c6c;' : ''}}">
                            @{{grupo.PERCENTUAL | number:2}}%
                        </div>
                    </div>
                </div>
            </div>
        </div>
		
    </div>
</div>
</form>

@overwrite