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

@section('modal-start')
    
@overwrite

@section('modal-header-left')

	<h4 class="modal-title">
        @{{vm.CustoMedio.LOCALIZACAO}} / @{{vm.CustoMedio.PRODUTO}}
	</h4>

@overwrite

@section('modal-header-right')
    <button type="button" class="btn btn-default  btn-cancelar" data-dismiss="modal" data-hotkey="esc">
        <span class="glyphicon glyphicon-chevron-left"></span>
        Voltar
    </button>
@overwrite

@section('modal-body')

<div class="row">

    <div class="table-ec" style="margin: 0px 15px; zoom: 1.3;">

        <table class="table table-striped table-bordered table-condensed table-no-break table-middle table-low">
            <thead>
                <tr gc-order-by="vm.CustoMedio.ORDER_BY">                
                    <th style="text-align: center;" field="ANO">Ano</th>
                    <th style="text-align: center;" field="MES">Mês</th>
                    <th style="text-align: center;" field="CUSTO_MEDIO">Custo Médio</th>
                    <th style="text-align: center;" field="CUSTO_PROJETADO">Custo Projetado</th>
                    <th style="text-align: center;" field="CUSTO_PROJETADO">Custo Gerencial</th>
                </tr>
            </thead>
            <tbody>
                <tr 
                    ng-repeat="item in vm.CustoMedio.DADOS"
                    ng-focus="vm.CustoMedio.SELECTED = item"
                    ng-class="{ 'selected' : vm.CustoMedio.SELECTED == item }"
                    tabindex="0"
                    >
                    <td style="text-align: center;" ><span>@{{ item.ANO || 0 | lpad: [4,0]}}</span></td>
                    <td style="text-align: center;" ><span>@{{ item.MES || 0 | lpad: [2,0]}}</span></td>
                    <td style="text-align: -webkit-right;" ><span>R$ @{{ item.CUSTO_MEDIO     | number:4}} / @{{ item.UNIDADEMEDIDA_SIGLA }}</span></td>
                    <td style="text-align: -webkit-right;" ><span>R$ @{{ item.CUSTO_PROJETADO | number:4}} / @{{ item.UNIDADEMEDIDA_SIGLA }}</span></td>
                    <td style="text-align: -webkit-right;" ><span>R$ @{{ item.CUSTO_GERENCIAL | number:4}} / @{{ item.UNIDADEMEDIDA_SIGLA }}</span></td>
                    
                </tr>
            </tbody>
        </table>
    </div>
        
</div>  

@overwrite

@section('modal-end')
    
@overwrite