@extends('helper.include.view.modal', ['id' => 'modal-requisicao-registrada','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">
		Requisições Registradas
	</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-requisicao .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.ORDER_BY = '-DATAHORA'" gc-order-by="vm.Requisicao.ORDER_BY">
                    <th field="ID">Id</th>
                    <th field="QUANTIDADE*1" class="text-right">Qtd.</th>
                    <th field="QUANTIDADE_SOBRA_SALDO,QUANTIDADE_SOBRA" class="text-right">Sobra</th>
                    <th field="OPERADOR_NOME">Operador</th>
                    <th field="DATAHORA" class="text-center">Dt/Hr</th>
                    <th field="REMESSA_GERADA,TALAO_GERADO" ttitle="Informações da remessa de requisição">Rem./Talão Req.</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                <tr ng-repeat="requisicao in vm.Requisicao.DADOS | orderBy: vm.Requisicao.ORDER_BY">
                    <td>@{{ requisicao.ID }}</td>
                    <td class="text-right">@{{ requisicao.QUANTIDADE | number : 0 }}</td>
                    <td class="text-right">
                        <span ng-if="requisicao.QUANTIDADE_SOBRA > 0">
                            @{{ requisicao.QUANTIDADE_SOBRA_SALDO | number : 0 }} / @{{ requisicao.QUANTIDADE_SOBRA | number : 0 }}
                        </span>                        
                    </td>
                    <td title="@{{ requisicao.OPERADOR_ID }}">@{{ requisicao.OPERADOR_NOME }}</td>
                    <td class="text-center">@{{ vm.moment(requisicao.DATAHORA).format('DD/MM/YY HH:mm') }}</td>
                    <td class="text-center">@{{ requisicao.REMESSA_GERADA }} / @{{ requisicao.TALAO_GERADO }}</td>
                    <td class="text-center" style="padding: 2px;">
                        <button 
                            type="button" 
                            class="btn btn-danger btn-xs" 
                            title="Excluir requisição"
                            ng-disabled="requisicao.REMESSA_GERADA > 0"
                            ng-click="vm.Requisicao.SELECTED.ID = requisicao.ID; vm.Requisicao.excluir();">
                            <span class="glyphicon glyphicon-trash"></span> Excluir
                        </button>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>    
</div>

@overwrite

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