@extends('helper.include.view.modal', ['id' => 'modal-placas','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">
		Peças Disponíveis
	</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="alert alert2 alert-warning ">
        <p>Quantidade Alocada: <b>@{{ vm.Requisicao.PLACA_INFO.ALOCADO | number : 0 }}</b>, Quantidade Estoque: <b>@{{ vm.Requisicao.PLACA_INFO.ESTOQUE | number : 0 }}</b>, Pares por Placa: <b>@{{ vm.Requisicao.PLACA_INFO.PACA_QTD_PARES | number : 0 }}</b></p>
    </div> 

    <div class="table-ec" style="height: initial;min-height: 200px;height: calc(100vh - 220px);">
        <table class="table table-striped table-bordered table-hover table-condensed">
            <thead>
                <tr ng-init="vm.Requisicao.PLACA_ORDER_BY = '-DATAHORA';" gc-order-by="vm.Requisicao.PLACA_ORDER_BY">
                    <th field="PRODUTO_DESCRICAO">Produto</th>
                    <th field="SALDO*1" class="text-right">Saldo</th>
                    <th field="ENDERECAMENTO">End.</th>
                    <th field="REMESSA_ORIGEM">Remessa/Talão</th>
                </tr>
            </thead>
            <tbody>
                <tr ng-repeat="placa in vm.Requisicao.PLACA_DADOS | orderBy: vm.Requisicao.PLACA_ORDER_BY">
                    <td title="@{{ placa.PRODUTO_ID }}">@{{ placa.PRODUTO_DESC }}</td>
                    <td class="text-right">@{{ placa.SALDO | number : 0 }}</td>
                    <td title="PEÇA:@{{ placa.ID }}">@{{ placa.ENDERECAMENTO }}</td>
                    <td title="@{{ placa.REMESSA_ORIGEM }}">@{{ placa.REMESSA_ORIGEM }}</td>
                </tr>
            </tbody>
        </table>
    </div>    
</div>

@overwrite

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