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

@section('modal-header-left')

	<h4 class="modal-title">
        @{{vm.Mercado.ID}} - @{{vm.Mercado.DESCRICAO}} em (@{{vm.DATA.MES}}/@{{vm.DATA.ANO}} a @{{vm.DATA.MES2}}/@{{vm.DATA.ANO2}})
	</h4>

@overwrite

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

@section('modal-body')

    @include('vendas._12040.info_detalhamento')

    <br>
    <div>
        <div class="kpi-div ficha" style="width: 400px; background-color: white;">
            <div style="width: 99%; height: 100%;" class="img-loading">
                <div class="img-fundo"></div>
            </div>

            <div style="width: 99%; height: 100%;" id="chart_div"></div> 
        </div>
    </div>
    <br>
    <div ng-if="vm.Item.ERRO_FICHA  > 0" class="msg-erro-custo">@{{vm.Item.ERRO_FICHA_MSG}}</div>
    <div ng-if="vm.Item.ERRO_TO     > 1" class="msg-erro-custo">@{{vm.Item.ERRO_TO_MSG}}</div>
    <div ng-if="vm.Item.ERRO_TS     > 1" class="msg-erro-custo">@{{vm.Item.ERRO_TS_MSG}}</div>
    <div ng-if="vm.Frete.PERCENTUAL == 0 && vm.Frete.Pagar == 1" class="msg-erro-custo">Frete calculado com base no mercado</div>
@overwrite