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

@section('modal-header-left')

<h4 class="modal-title">
	Ajuste Automático de Documentos
</h4>

@overwrite

@section('modal-header-right')

	<button type="button" class="btn btn-default btn-fechar-modal btn-voltar" ng-click="vm.fecharProgresso()" data-hotkey="esc">
        <span class="glyphicon glyphicon-chevron-left"></span> Voltar
    </button>	

@overwrite

@section('modal-body')
<div>
    
	<h4 class="modal-title">
		@{{vm.PORGRESSO.PORGRESSO_STATUS}}
	</h4>
<!-- @{{vm.PORGRESSO.PROGRESSO_CALC}} aria-valuenow="@{{vm.PORGRESSO.PROGRESSO_CALC}}" @{{vm.PORGRESSO.PROGRESSO_CALC2 | number:2}}%-->
	<!-- <div class="progresso all" style="z-index: 999;margin-top: 0px;position: absolute;"> @{{vm.PORGRESSO.PORGRESSO_TOTAL3 | number:2}}% </div> -->
	<div class="progress" style="width: 100%;">
		<div id="progress-bar-one" class="progress-bar" role="progressbar" style="width: @{{vm.PORGRESSO.PORGRESSO_TOTAL3 }}% ; max-width: 100%" aria-valuenow="@{{vm.PORGRESSO.PORGRESSO_TOTAL3 }}" aria-valuemin="0" aria-valuemax="100">
			@{{(vm.PORGRESSO.PORGRESSO_TOTAL3 > 100 ? 100 : vm.PORGRESSO.PORGRESSO_TOTAL3) | number:2 }}% 
		</div>
	
		<!-- <div id="progress-bar-one" class="progress-bar" role="progressbar" style="width: @{{vm.PORGRESSO.PROGRESSO_CALC }}% ; max-width: 50%" aria-valuenow="@{{vm.PORGRESSO.PROGRESSO_CALC }}" aria-valuemin="0" aria-valuemax="100"></div>
		<div id="progress-bar-two" class="progress-bar" role="progressbar" style="width: @{{vm.PORGRESSO.PROGRESSO_CALC2}}% ; max-width: 50%" aria-valuenow="@{{vm.PORGRESSO.PROGRESSO_CALC2}}" aria-valuemin="0" aria-valuemax="100"></div>		 -->
	</div>

	
</div>

@overwrite