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

@section('modal-header-left')

<h4 class="modal-title">
	<span>{{ Lang::get('ppcp/_22595.titulo-exibir') }}</span>
</h4>

@overwrite

@section('modal-header-right')

    <button ng-click="vm.Remessa2.gerarProjecao();" type="button" class="btn btn-warning" data-hotkey="f2">
        <span class="glyphicon glyphicon-play"></span> 
        Gerar Projeção
    </button>
    
    <button type="button" class="btn btn-default btn-fechar-modal btn-voltar" ng-click="vm.Remessa2.cancelarProjecao();" data-hotkey="esc">
        <span class="glyphicon glyphicon-chevron-left"></span> Voltar
    </button>	

@overwrite

@section('modal-body')
<div style="height: calc(100vh - 150px);">



        <div id="filtro_main2" class="table-filter2 collapse in" aria-expanded="true" 
                style="margin-bottom: 4px;
                    background: rgba(221,221,221,.33);
                    padding: 2px 10px 7px;
                    border-radius: 5px;">
            
            <div class="form-group" style="margin-right: 0px !important;">
                <div class="form-group" style="display:flex; width: calc(29%); min-width: fit-content; max-width: fit-content; margin-top: 16px;
                    background-color: #e2e2e2; padding: 0px; border-radius: 6px; height: 35px; padding-right: 4px; border: 1px solid #cccccc;">
                    <select class="form-control" ng-model="vm.Remessa2.TIPO_DATA"
                        style="margin-right: 0px; background-color: #e2e2e2; border-radius: 4px 0px 0px 4px; height: 35px; font-weight: 600; border-top: 0px; border-left: 0px; margin-top: -1px; margin-bottom: -1px; text-transform: capitalize; width: 190px;">
                        <option style="font-weight: 600;" ng-value="'1'">Data de Emissão</option>
                        <option style="font-weight: 600;" ng-value="'2'">Período da Remessa</option>
                    </select>

                    <input type="date" style="width: 150px; margin-left: 4px; margin-top: 4px;"
                    class="form-control filter_main " ng-model="vm.Remessa2.DATA1_2" ng-atalho>
                    
                    <label style="padding-top: 5px; padding-right: 5px; padding-left: 5px;"> à </label>

                    <input type="date" style="width: 150px; margin-top: 4px;" class="form-control filter_main " 
                    ng-model="vm.Remessa2.DATA2_2" ng-atalho>
                </div>		 
            </div>

            <div class="form-group">
				<label>Remessa:</label>
				<input
					type="text"
					style="width: 120px;"
					id="remessa"
					class="form-control filter_main text-right"
					ng-model="vm.Remessa2.REMESSA_FILTRO">
			</div>

            <div class="form-group" style="width: calc(100% - 700px) !important; padding-top: 17px; min-width: 200px;">
                <input type="text" style="width: 100% !important; min-width: 170px;"
                    placeholder="Remessa, Remessa ID, Tipo"
                    class="form-control input-maior filter_main2" 
                    ng-model="vm.Remessa2.FILTRO_DADOS2">
            </div>

            <div class="form-group" style="padding-top: 10px; width: fit-content; padding-right: 10px;">
                <button type="button" ng-click="vm.Remessa2.remessasProjecao()" class="btn btn-xs btn-primary btn-filtrar2"
                    data-hotkey="alt+f" id="btn-table-filter3">
                    <span class="glyphicon glyphicon-filter"></span> Filtrar
                </button>
            </div>	
        </div>


    
    <div class="tabela_principal3" id="tabela_principal3"></div>
        
</div>
@overwrite