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

@section('modal-header-left')

	<h4 class="modal-title">
        Descontos e Acréscimos
	</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')
<fieldset>
	<legend>Classe do Item do Pedido</legend>
    <div class="table-container table-container-item-escolhido table-ec" style="margin-bottom: 10px;">
        <div class="scroll-table">
            <table class="table table-striped table-bordered table-hover table-body">
                <thead>
                    <tr>
                        <th class="text-left">Classe</th>
                        <th class="text-left">Acréscimo (%)</th>
                        <th class="text-right">Qtd. Min.</th>
                        <th class="text-right">Qtd. Max.</th>
                    </tr>
                </thead>
                <tbody>
                    <tr 
                        ng-repeat="item in vm.Classe"
                        tabindex="0"
                        >
                        <td class="text-left"> <span> @{{ item.CLASSE  }}</span></td>
                        <td class="text-right"> <span> @{{ item.ACRECIMO | number:1}}</span></td>
                        <td class="text-right"><span> @{{ item.QTD_MIN | number:0}}</span></td>
                        <td class="text-right"><span> @{{ item.QTD_MAX | number:0}}</span></td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</fieldset>

<fieldset>
	<legend>Classe do Cliente</legend>
    <div class="table-container table-container-item-escolhido table-ec" style="margin-bottom: 10px;">
        <div class="scroll-table">
            <table class="table table-striped table-bordered table-hover table-body">
                <thead>
                    <tr>
                        <th class="text-left">Classe</th>
                        <th class="text-left">Pedido Classe</th>
                        <th class="text-right">Desconto (%)</th>
                    </tr>
                </thead>
                <tbody>
                    <tr 
                        ng-repeat="item in vm.Perfil"
                        tabindex="0"
                        >
                        <td class="text-left"> <span> @{{ item.PERFIL  }}</span></td>
                        <td class="text-left"> <span> @{{ item.PEDIDO_CLASSE}}</span></td>
                        <td class="text-right"><span> @{{ item.DESCONTO | number:2}}</span></td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</fieldset>


@overwrite