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

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

@section('modal-header-left')

<h4 class="modal-title">
    Calcular DRE
</h4>

@overwrite


@section('modal-header-right')

    <button type="button" class="btn btn-default btn-fechar-modal btn-voltar" ng-click="vm.helpGuide()">
        Ajuda
    </button>	

	<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="height: calc(100vh - 230px);">

    <div id="btn-dre">
        <div style="display: -webkit-inline-box;" class="consulta-dre2"></div>
        <!--
            <div style="display: -webkit-inline-box;" class="consulta-negocio2"></div>
        -->

        <div class="form-group">
            <label title="">Mês:</label>
            <div class="input-group">
                <select name="repeatSelect" id="repeatSelect" ng-model="vm.DATACALCULO.MES" class="">
                    <option ng-repeat="option in vm.LISTA_MES1" value="@{{option}}" class="ng-binding ng-scope">@{{option}}</option>
                </select>
            </div>
        </div>

        <div class="form-group" >
            <label title="">Ano:</label>
            <div class="input-group">
                <select name="repeatSelect" id="repeatSelect" ng-model="vm.DATACALCULO.ANO" class="">
                    <option ng-repeat="option in vm.LISTA_ANO1" value="@{{option}}" class="ng-binding ng-scope">@{{option}}</option>
                </select>
            </div>
        </div>

        <div class="form-group" >
            <label title="" style="opacity: 0;">Ano:</label>
            <div class="input-group">
                <button type="button" class="btn btn-success" ng-click="vm.CalcularDREMes()">
                    <span class="glyphicon glyphicon-equalizer"></span> Calcular
                </button>	
            </div>
        </div>

        <div class="form-group" style="display: none;">
            <label title="" style="opacity: 0;">Ano:</label>
            <div class="input-group">
                <button type="button" class="btn btn-success" ng-click="vm.CalcularDREResultado()">
                    <span class="glyphicon glyphicon-equalizer"></span> Calcular
                </button>	
            </div>
        </div>

    </div>

    <br>

    <div id="btn-rateamento">
        <div class="form-group">
            <label>Rateamento:</label>
            <input 
                style="width: 440px !important;"
                type="text"
                class="form-control input-maior" 
                required
                readonly
                value="Rateamento de Contas contábeis"
                form-validate="true">
        </div>

        <div class="form-group">
            <label title="">Mês:</label>
            <div class="input-group">
                <select name="repeatSelect" id="repeatSelect" ng-model="vm.DATACALCULO.MES" class="">
                    <option ng-repeat="option in vm.LISTA_MES1" value="@{{option}}" class="ng-binding ng-scope">@{{option}}</option>
                </select>
            </div>
        </div>

        <div class="form-group" >
            <label title="">Ano:</label>
            <div class="input-group">
                <select name="repeatSelect" id="repeatSelect" ng-model="vm.DATACALCULO.ANO" class="">
                    <option ng-repeat="option in vm.LISTA_ANO1" value="@{{option}}" class="ng-binding ng-scope">@{{option}}</option>
                </select>
            </div>
        </div>

        <div class="form-group" >
            <label title="" style="opacity: 0;">Ano:</label>
            <div class="input-group">
                <button type="button" class="btn btn-success" ng-click="vm.CalcularDREMes2()">
                    <span class="glyphicon glyphicon-equalizer"></span> Calcular
                </button>	
            </div>
        </div>
    </div>

    <br>
    <br>

    <div class="alert alert-warning">
        <p><b>Observação</b></p>
        <span>Existem cálculos na DRE que considera o Mês + 1, então não esqueça de calcular o Mês desejado e logo depois o Mês desejado + 1.</span>
    </div>

</div>
</form>

@overwrite