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

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

	@section('modal-header-left')

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

	@overwrite

	@section('modal-header-right')

	<label>Qtd:</label>
	<input required class="form-group input-menor" style="text-align: right;" min="1" type="number" ng-model="vm.CADDOPERAPROCESS.PRINT_QTD">

	<label>Tipo:</label>
	<select required class="form-group" ng-model="vm.CADDOPERAPROCESS.PRINT_TIPO">
		<option value="0">Papel A4</option>
		<!-- <option value="1">Etiqueta</option> -->
	</select>


	<button ng-disabled="!(vm.TabelaIncEtiq2.counter_selected > 0)" type="button" ng-click="vm.CADDOPERAPROCESS.gerar_etiq_qrcode()" class="btn btn-warning" data-hotkey="f1">
		<span class="glyphicon glyphicon-print"></span> Imprimir
	</button>

	<button ng-click="vm.CADDOPERAPROCESS.fecharModalEtiqQrCode()" type="button" class="btn btn-default btn-cancelar" data-hotkey="esc">
		<span class="glyphicon glyphicon-chevron-left"></span> Voltar
	</button>
	@overwrite

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

		<div class="row">

			<!-- <div style="width: calc(100% - 1px); padding: 10px; border: solid 1px #e4e45c; border-radius: 12px; background-color: #ffffcf;">
				<legend style="color: #767607 !important;border-bottom-color: #e4e45c;font-size: 11pt;">Observações</legend>

				<div style="display: inline-flex; flex-wrap: nowrap; align-content: center;">
					<span style="color: #7e7e0f !important; font-size: 10pt;">Os QR Codes só serão gerados para operadores com Centro de Custo vinculado a uma UP.</span>
				</div>
			</div> -->

			<div id="filtro_main" class="table-filter collapse in" aria-expanded="true" style="margin-bottom: 4px; margin-top: 10px; background: rgba(221,221,221,.33); padding: 2px 10px 7px; border-radius: 5px;">
				<div class="form-group" style="width: calc(100% - 100px); padding-top: 16px; min-width: 200px;">
					<input type="text" style="width: 100% !important; min-width: 170px;" placeholder="FILTRAGEM POR ID E DESCRICAO" class="form-control input-maior filter_main6" ng-model="vm.CADDOPERAPROCESS.FILTRO_DADOS">
				</div>

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

			<!-- <div class="form-group">
            <label>Operador Selecionado:</label>
            <input type="text" class="form-control input-maior" ng-readonly="true"
                ng-model="vm.CADDOPERAPROCESS.SELECTED.DESC_OPERADOR">
		</div> -->


			<div id="gerar_etq_print"></div>
			<div class="tabela_inc_etiq2" id="tabela_inc_etiq2"></div>

		</div>

	</div>

	</div>
</form>

@overwrite