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

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

@section('modal-header-left')

	<h4 class="modal-title">
		Sobras 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="table-ec" style="height: initial;min-height: 200px;height: calc(100vh - 150px);">
        <table class="table table-striped table-bordered table-hover table-condensed">
            <thead>
                <tr ng-init="vm.Requisicao.SOBRA_ORDER_BY = '-DATAHORA';" gc-order-by="vm.Requisicao.SOBRA_ORDER_BY">
                    <th field="ID">Id</th>
                    <th field="ENDERECAMENTO">Endereç.</th>
                    <th field="PRODUTO_DESCRICAO">Produto</th>
                    <th field="TAMANHO_DESCRICAO">Tam.</th>
                    <th field="SALDO*1" class="text-right">Qtd.</th>
                    <th field="OPERADOR_NOME">Operador</th>
                    <th field="REMESSA">Remessa</th>
                    <th field="GP_DESCRICAO">GP</th>
                    <th field="DATAHORA" class="text-center">Dt/Hr</th>
                </tr>
            </thead>
            <tbody>
                <tr ng-repeat="sobra in vm.Requisicao.SOBRA_DADOS | orderBy: vm.Requisicao.SOBRA_ORDER_BY">
                    <td>@{{ sobra.ID }}</td>
                    <td title="@{{ sobra.ENDERECAMENTO_ID }}">@{{ sobra.ENDERECAMENTO }}</td>
                    <td title="@{{ sobra.PRODUTO_ID }}">@{{ sobra.PRODUTO_DESCRICAO }}</td>
                    <td title="@{{ sobra.TAMANHO }}">@{{ sobra.TAMANHO_DESCRICAO }}</td>
                    <td class="text-right">@{{ sobra.SALDO | number : 0 }}</td>
                    <td title="@{{ sobra.OPERADOR_ID }}">@{{ sobra.OPERADOR_DESCRICAO }}</td>
                    <td>@{{ sobra.REMESSA }}</td>
                    <td title="@{{ sobra.GP_ID }}">@{{ sobra.GP_DESCRICAO }}</td>
                    <td class="text-center">@{{ vm.moment(sobra.DATAHORA).format('DD/MM/YY HH:mm') }}</td>
                </tr>
            </tbody>
        </table>
    </div>    
</div>

@overwrite

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