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

@section('modal-header-left')

<h4 class="modal-title">
	<span>Detalhamento de Cálculo</span>
</h4>

@overwrite

@section('modal-header-right')
    <button type="button" class="btn btn-default btn-fechar-modal btn-voltar" ng-click="vm.Remessa2.fecharDetalharConsumo()" data-hotkey="esc">
        <span class="glyphicon glyphicon-chevron-left"></span> Voltar
    </button>	
@overwrite

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

    <fieldset style="margin-bottom: 10px;">
        <legend style="margin-bottom: 5px;">Informações:</legend>

        <div class="form-group">
            <label>Modelo:</label>
            <input
                type="text"
                style="width: 300px;"
                class="form-control"
                value="@{{vm.Remessa2.PRODUTO_DETALHAR.MODELO_INFO.MODELO_DESCRICAO}}"
                ng-readonly="true">
        </div>

        <div class="form-group">
            <label>Produto:</label>
            <input
                type="text"
                style="width: 500px;"
                class="form-control"
                value="@{{vm.Remessa2.PRODUTO_DETALHAR.ID+' - '+vm.Remessa2.PRODUTO_DETALHAR.DESCRICAO}}"
                ng-readonly="true">
        </div>

        <br>

        <div class="form-group">
            <label>Tamanho:</label>
            <input
                style="text-align: end; width: 100px;"
                type="text"
                class="form-control"
                value="@{{ vm.Remessa2.PRODUTO_DETALHAR.TAMANHO }}"
                ng-readonly="true">
        </div>

        <div class="form-group">
            <label>Fator de Conversão:</label>
            <input
                style="text-align: end; width: 150px;"
                type="text"
                class="form-control"
                value="@{{ vm.Remessa2.PRODUTO_DETALHAR.FATOR_CONVERSAO | number: 6}}"
                ng-readonly="true">
        </div>

        <div class="form-group">
            <label>Projeção:</label>
            <input
                style="text-align: end; width: 150px;"
                type="text"
                class="form-control"
                value="@{{ vm.Remessa2.PRODUTO_DETALHAR.MODELO_INFO.QUANTIDADE_FATOR_FOLHAS | number: 2}}"
                ng-readonly="true">
        </div>
    <br>
    </fieldset>

    <fieldset style="margin-bottom: 10px;">
        <legend style="margin-bottom: 5px;">Consumo:</legend>
        <div ng-repeat="grade in vm.Remessa2.PRODUTO_DETALHAR.MODELO.GRADE | orderBy:'TAMANHO'" style="display: inline-block; margin-right: 5px; margin-top: 5px;" class="item_tamanho_grade">
            <button type="button" class="btn btn-default" style="height: 34px;
                margin-right: -5px;
                margin-left: 0px;
                border-radius: 5px 0px 0px 5px;
                width: 70px;"            
                ng-disabled="true" 
                ng-readonly="true"
                > @{{grade.TAMANHO_DESCRICAO}}
            </button>

            <div class="input-group" style="margin-left: -5px;">
                <input
                    style="width: 130px !important; font-size: 15px; border-radius: 0px 5px 5px 0px;"
                    type="text"
                    class="atalho-input-tabela  input-medio text-right"
                    ng-value="vm.Remessa2.PRODUTO_DETALHAR['T' + (grade.TAMANHO+'').padStart(2,0)] | number: 6"
                    ng-readonly="true">
            </div>
        </div>
        <br>
    </fieldset>

    <fieldset style="margin-bottom: 10px;">
        <legend style="margin-bottom: 5px;">Quantidades:</legend>
        <div ng-repeat="grade in vm.Remessa2.PRODUTO_DETALHAR.MODELO.GRADE | orderBy:'TAMANHO'" style="display: inline-block; margin-right: 5px; margin-top: 5px;" class="item_tamanho_grade">
            <button type="button" class="btn btn-default" style="height: 34px;
                margin-right: -5px;
                margin-left: 0px;
                border-radius: 5px 0px 0px 5px;
                width: 70px;"            
                ng-disabled="true" 
                ng-readonly="true"
                > @{{grade.TAMANHO_DESCRICAO}}
            </button>

            <div class="input-group" style="margin-left: -5px;">
                <input
                    style="width: 130px !important; font-size: 15px; border-radius: 0px 5px 5px 0px;"
                    type="text"
                    class="atalho-input-tabela  input-medio text-right"
                    ng-value="vm.Remessa2.PRODUTO_DETALHAR.MODELO_INFO['QUANTIDADE_T' + (grade.TAMANHO+'').padStart(2,0)] | number: 2"
                    ng-readonly="true">
            </div>
        </div>
        <br>
    </fieldset>

    <fieldset style="margin-bottom: 10px;">
        <legend style="margin-bottom: 5px;">Fórmula: (Estoque / ((Quantidade * Consumo) / Fator de Conversão))</legend>

        <div style="text-align: start;">
            <strong>1 - </strong>
           @{{vm.Remessa2.PRODUTO_DETALHAR.MODELO_INFO.QUANTIDADE_FATOR_FOLHAS | number: 2}}  /  <strong>(</strong><strong>(</strong><div ng-repeat="grade in vm.Remessa2.PRODUTO_DETALHAR.MODELO.GRADE track by $index" style="display: inline-block; margin-right: 5px; margin-top: 5px;" class="item_tamanho_grade">
                @{{ $index > 0 ? ' + ' : ''}} (@{{vm.Remessa2.PRODUTO_DETALHAR['T' + (grade.TAMANHO+'').padStart(2,0)] | number: 4}} * @{{vm.Remessa2.PRODUTO_DETALHAR.MODELO_INFO['QUANTIDADE_T' + (grade.TAMANHO+'').padStart(2,0)] | number: 4}})
            </div><strong>)</strong> /  @{{vm.Remessa2.PRODUTO_DETALHAR.FATOR_CONVERSAO | number: 4}}<strong>)</strong>
        </div>

        <div style="text-align: start;">
            <strong>2 - </strong>
            @{{vm.Remessa2.PRODUTO_DETALHAR.MODELO_INFO.QUANTIDADE_FATOR_FOLHAS | number: 2}} /  <strong>(</strong><strong>(</strong><div ng-repeat="grade in vm.Remessa2.PRODUTO_DETALHAR.MODELO.GRADE track by $index" style="display: inline-block; margin-right: 5px; margin-top: 5px;" class="item_tamanho_grade">
                @{{ $index > 0 ? ' + ' : ''}} (@{{vm.Remessa2.PRODUTO_DETALHAR['T' + (grade.TAMANHO+'').padStart(2,0)] * vm.Remessa2.PRODUTO_DETALHAR.MODELO_INFO['QUANTIDADE_T' + (grade.TAMANHO+'').padStart(2,0)] | number: 4}})
            </div><strong>)</strong> /  @{{vm.Remessa2.PRODUTO_DETALHAR.FATOR_CONVERSAO | number: 4}}<strong>)</strong>
        </div>

        <div style="text-align: start;">
            <strong>3 - </strong>
            @{{vm.Remessa2.PRODUTO_DETALHAR.MODELO_INFO.QUANTIDADE_FATOR_FOLHAS | number: 2}} /  <strong>(</strong> @{{ vm.Remessa2.PRODUTO_DETALHAR.TOTAL | number: 4 }} /  @{{vm.Remessa2.PRODUTO_DETALHAR.FATOR_CONVERSAO | number: 4}}<strong>)</strong> 
        </div>

        <div style="text-align: start;">
            <strong>4 - </strong>
            @{{vm.Remessa2.PRODUTO_DETALHAR.MODELO_INFO.QUANTIDADE_FATOR_FOLHAS | number: 2}} /  <strong>(</strong> @{{ vm.Remessa2.PRODUTO_DETALHAR.TOTAL2 | number: 4}}<strong>)</strong>
        </div>

        <div style="
            text-align: start;
            font-size: 16px;
            font-weight: bold;
            margin-top: 10px;
        "> <strong>Folhas: </strong>
            @{{vm.Remessa2.PRODUTO_DETALHAR.RESULTADO | number: 0}}
        </div>

        <div style="
            text-align: start;
            font-size: 16px;
            font-weight: bold;
            margin-top: 0px;
        "> <strong>Peças: </strong>
            @{{vm.Remessa2.PRODUTO_DETALHAR.PECAS | number: 0}}
        </div>

    </fieldset>

</div>
@overwrite