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

@section('modal-header-left')

<h4 class="modal-title">
    <span ng-if="vm.TIPO_PROGRESSO_EXIBIDO == 1">Importar Imagens dos Modelos<span>
    <span ng-if="vm.TIPO_PROGRESSO_EXIBIDO == 2">Enviar Imagens do Catálogo<span>
</h4>

@overwrite

@section('modal-header-right')

	<button ng-disabled="vm.CALCULANDO_PROGRESSO == true" 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 ng-if="vm.TIPO_PROGRESSO_EXIBIDO == 1">
    
    <h4 class="modal-title" style="text-align: center;">
        @{{ vm.PROGRESSO_STATUS1 }}
    </h4>

    <div class="progress" style="width: 100%;">
        <div class="progress-bar" role="progressbar" style="width: @{{ vm.PROGRESSO_CALC1 }}%;" aria-valuenow="@{{ vm.PROGRESSO_CALC1 }}" aria-valuemin="0" aria-valuemax="100">
            @{{ vm.PROGRESSO_CALC1 | number:2 }}%
        </div>
    </div>


    <h6 style="text-align: center;">
        @{{ vm.PROGRESSO_STATUS2 }}
    </h6>

    <div class="progress" style="width: 100%;">
        <div class="progress-bar" role="progressbar" style="width: @{{ vm.PROGRESSO_CALC2 }}%;" aria-valuenow="@{{ vm.PROGRESSO_CALC2 }}" aria-valuemin="0" aria-valuemax="100">
            @{{ vm.PROGRESSO_CALC2 | number:2 }}%
        </div>
    </div>


    <h6 ng-show="vm.CatVendasImpressao.ERRO_PROGRESSO_TXT != ''" style="font-weight: bold; text-align: center; color: red;">
        ERROR!
    </h6>

    <div ng-show="vm.CatVendasImpressao.ERRO_PROGRESSO_TXT != ''" style="text-align: center; color: red;">
        <div ng-bind-html="trustAsHtml(vm.CatVendasImpressao.ERRO_PROGRESSO_TXT, vm.CatVendasImpressao)"></div>
    </div>

</div>
<div ng-if="vm.TIPO_PROGRESSO_EXIBIDO == 2">
    
    <h4 class="modal-title" style="text-align: center;">
        @{{ vm.PROGRESSO_STATUS3 }}
    </h4>

    <div class="progress" style="width: 100%;">
        <div class="progress-bar" role="progressbar" style="width: @{{ vm.PROGRESSO_CALC3 }}%;" aria-valuenow="@{{ vm.PROGRESSO_CALC3 }}" aria-valuemin="0" aria-valuemax="100">
            @{{ vm.PROGRESSO_CALC3 | number:2 }}%
        </div>
    </div>


    <h6 ng-show="vm.CatVendasImpressao.ERRO_PROGRESSO_TXT != ''" style="font-weight: bold; text-align: center; color: red;">
        ERROR!
    </h6>

    <div ng-show="vm.CatVendasImpressao.ERRO_PROGRESSO_TXT != ''" style="text-align: center; color: red;">
        <div ng-bind-html="trustAsHtml(vm.CatVendasImpressao.ERRO_PROGRESSO_TXT, vm.CatVendasImpressao)"></div>
    </div>

</div>

@overwrite