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

@section('modal-start')
<form class="form-inline">
@overwrite

@section('modal-header-left')

<h4 class="modal-title">
    <span ng-if="vm.AutorizacaoImpressao.IMPRIMINDO == false">Confirmação de Itens Selecionados</span>
    <span ng-if="vm.AutorizacaoImpressao.IMPRIMINDO == true">Confirmação de Itens para Impressão</span>
</h4>

@overwrite

@section('modal-header-right')

    <button ng-show="vm.AutorizacaoImpressao.IMPRIMINDO == false" type="button" ng-click="vm.AutorizacaoItens.gravar();" class="btn btn-success" data-hotkey="f1">
        <span class="glyphicon glyphicon-ok"></span> Gravar
    </button>

    <button ng-show="vm.AutorizacaoImpressao.IMPRIMINDO == false" type="button" class="btn btn-default btn-fechar-modal btn-voltar" ng-click="vm.AutorizacaoItens.fecharModalItensSelected();" data-dismiss="modal" data-hotkey="esc">
        <span class="glyphicon glyphicon-chevron-left"></span> Voltar
    </button>

    <button ng-show="vm.AutorizacaoImpressao.IMPRIMINDO == true" type="button" ng-click="vm.AutorizacaoImpressao.gravar();" class="btn btn-warning" data-hotkey="f1">
        <span class="fa fa-print"></span> Imprimir
    </button>

    <button ng-show="vm.AutorizacaoImpressao.IMPRIMINDO == true" type="button" class="btn btn-default btn-fechar-modal btn-voltar" ng-click="vm.AutorizacaoImpressao.fecharModalItensSelected();" data-dismiss="modal" data-hotkey="esc">
        <span class="glyphicon glyphicon-chevron-left"></span> Voltar
    </button>

@overwrite

@section('modal-header-end')

@overwrite

@section('modal-body')
<div style="height: calc(100vh - 230px);">
    
    <div class="row" ng-show="vm.AutorizacaoImpressao.IMPRIMINDO == false">
        <div class="row">

            <div class="form-group">
                <label>Tipo:</label>
                <div class="input-group">
                    <select 
                        name="repeatSelect" 
                        id="repeatSelect" 
                        ng-model="vm.AutorizacaoItens.SELECTED.TIPO" 
                        ng-disabled="!vm.AutorizacaoItens.ALTERANDO || vm.AutorizacaoItens.BLOQUEAR_DATAS" 
                        ng-change="vm.AutorizacaoItens.changeTipo();" 
                        style="width: 245px;">
                        <option ng-value="1">Entrada e Saída</option>
                        <option ng-value="2">Entrada</option>
                        <option ng-value="3">Saída</option>
                    </select>
                </div>
            </div>

            <div class="form-group">
                <label>Previsão de Entrada:</label>
                <input 
                    type="datetime-local" 
                    class="form-control input-medio" 
                    step="1" 
                    ng-atalho 
                    ng-required="vm.AutorizacaoItens.SELECTED.TIPO != 3 && vm.AutorizacaoItens.TIPO_INCLUSAO == 1" 
                    ng-model="vm.AutorizacaoItens.SELECTED.DATAHORA_ENTRADA" 
                    ng-readonly="!vm.AutorizacaoItens.ALTERANDO || vm.AutorizacaoItens.SELECTED.TIPO == 3 || vm.AutorizacaoItens.BLOQUEAR_DATAS" 
                    style="width: 275px;">
            </div>

            <div class="form-group">
                <label>Previsão de Saída:</label>
                <input 
                    type="datetime-local" 
                    class="form-control input-medio" 
                    step="1" 
                    ng-atalho 
                    ng-required="vm.AutorizacaoItens.SELECTED.TIPO != 2 && vm.AutorizacaoItens.TIPO_INCLUSAO == 1" 
                    ng-model="vm.AutorizacaoItens.SELECTED.DATAHORA_SAIDA" 
                    ng-readonly="!vm.AutorizacaoItens.ALTERANDO || vm.AutorizacaoItens.SELECTED.TIPO == 2 || vm.AutorizacaoItens.BLOQUEAR_DATAS" 
                    style="width: 275px;">
            </div>

            <div class="form-group">
                <label>Informações do Serviço:</label>
                <textarea 
                    class="form-control normal-case" 
                    maxlength="300" 
                    cols="111" 
                    rows="3" 
                    ng-keypress="vm.AutorizacaoItens.SELECTED.INFORMACOES.length > 300 ? $event.preventDefault() : true;" 
                    ng-model="vm.AutorizacaoItens.SELECTED.INFORMACOES" 
                    ng-readonly="!vm.AutorizacaoItens.ALTERANDO" 
                    style="resize: auto;">
                </textarea>
            </div>
            <div>Caracteres restantes: @{{ vm.AutorizacaoItens.SELECTED.INFORMACOES.length <= 300 ? (300 - (vm.AutorizacaoItens.SELECTED.INFORMACOES.length || 0)) : 300 }}</div>

        </div>

        <fieldset>
            <legend>Itens selecionados</legend>
            <div class="tabela_add_itens_selecionados" id="tabela_add_itens_selecionados"></div>
        </fieldset>
    </div>

    <div class="row" ng-show="vm.AutorizacaoImpressao.IMPRIMINDO == true">
        <div class="form-group">
            <label>Variáveis:</label>
            <select class="form-control">
                <option ng-repeat="item in vm.AutorizacaoImpressao.ARRAY_VARIAVEIS track by $index" ng-value="item.VALOR">@{{item.DESCRICAO}}</option>
            </select>
        </div>

        <div style="display: -webkit-inline-box;" class="consulta-modelo-etiqueta"></div>

        <fieldset style="margin-top: 20px;">
            <legend>Itens Selecionados</legend>
            <div class="tabela_add_imp_selecionados" id="tabela_add_imp_selecionados"></div>	
        </fieldset>
    </div>

</div>
</form>

@overwrite