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

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

@section('modal-header-left')

	<h4 class="modal-title">
		Produtos Alocados
	</h4>

@overwrite

@section('modal-header-right')

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

@overwrite

@section('modal-body')
<div>
    <style>
        #modal-sobra .modal-body {    
            height: calc(100vh - 120px);
        }
    </style>

    <div class="table-ec" style="height: initial;min-height: 200px;height: calc(100vh - 200px);">
        <table class="table table-striped table-bordered table-hover table-condensed">
            <thead>
                <tr ng-init="vm.Requisicao.PLACA_ORDER_BY = 'PRODUTO';" gc-order-by="vm.Requisicao.PLACA_ORDER_BY">
                    <th field="STATUS"></th>
                    <th field="PRODUTO">Produto</th>
                    <th field="QTD*1" class="text-right">Qtd.</th>
                    <th field="SALDO*1">Saldo</th>
                </tr>
            </thead>
            <tbody>
                <tr ng-repeat="placa in vm.Requisicao.PLACA_DADOS | orderBy: vm.Requisicao.PLACA_ORDER_BY">
                    <td class="t-status placa-@{{placa.STATUS}} "></td>
                    <td >@{{ placa.PRODUTO }}</td>
                    <td class="text-right">@{{ placa.QTD   | number : 0 }}</td>
                    <td class="text-right">@{{ placa.SALDO | number : 0 }}</td>
                </tr>
            </tbody>
        </table>
    </div>  
    
    <div class="legenda_padrao">
        <span style="font-weight: bold;">Status: </span>
        <span style="margin-top: 4px;" class="t-status placa-0"></span><span style="margin-left: 1px; margin-right: 5px;">Pendente</span>
        <span style="margin-top: 4px;" class="t-status placa-1"></span><span style="margin-left: 1px; margin-right: 5px;">Pendente de Conferência</span>
        <span style="margin-top: 4px;" class="t-status placa-2"></span><span style="margin-left: 1px; margin-right: 5px;">Baixada</span>
        <span style="margin-top: 4px;" class="t-status placa-3"></span><span style="margin-left: 1px; margin-right: 5px;">Encerrada</span>
    </div>

</div>

@overwrite

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