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

@section('modal-header-left')

	<h4 class="modal-title">
		Programação de Remessas por Estação
	</h4>

@overwrite

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

@section('modal-body')

    <form class="form-inline">
        <div class="form-group">
            <label>GP:</label>
            <input type="text" class="form-control" value="@{{ vm.Programacao.SELECTED_GP.GP_DESCRICAO }}" readonly/>
        </div>
    </form>


    <div style="margin-top: -27px;right: 15px;position: absolute;">
        <button class="inline btn btn-xs btn-default" ng-init="vm.Programacao.REMESSA_LINHA_EXIBIR = 1" ng-click="vm.Programacao.REMESSA_LINHA_EXIBIR = vm.Programacao.REMESSA_LINHA_EXIBIR == 1 ? 0 : 1 ">
            <div ng-if="vm.Programacao.REMESSA_LINHA_EXIBIR != 0">
                <span class="fa fa-compress"></span> Ocultar Linhas
            </div>
            <div ng-if="vm.Programacao.REMESSA_LINHA_EXIBIR == 0">
                <span class="fa fa-expand"></span> Exibir Linhas
            </div>
        </button>
        
        <div class="inline dropdown acoes">
            <button title="Ações disponíveis" class="btn btn-default btn-xs toggle" data-toggle="dropdown">
                <span class="fa fa-ellipsis-v" style="font-size: 14px;padding: 0 5px 0;"></span>Exportar...
            </button>
            <ul class="dropdown-menu dropdown-menu-right">
                <li class="dropdown-header">Exportar de Dados</li>
                <li>
                    <a href ng-click="vm.exportTableToXls('programacao-gp-tbl','Programação de Remessas por Linha - GP ' + vm.Programacao.SELECTED_GP.GP_DESCRICAO + '.xls')">Exportar para XLS</a>
                    <a href ng-click="vm.exportTableToCsv('programacao-gp-tbl','Programação de Remessas por Linha - GP ' + vm.Programacao.SELECTED_GP.GP_DESCRICAO + '.csv')">Exportar para CSV</a>
                    <a href ng-click="vm.exportTableToPrint('programacao-gp','Programação de Remessas por Linha', 'Gp: ' + vm.Programacao.SELECTED_GP.GP_DESCRICAO)">Imprimir</a>
                </li>
            </ul> 
        </div>   
    </div>

    
    <div class="table-ec table-scroll" style="height: calc(100vh - 209px);min-height: 200px;" id="programacao-gp">
        <style>
            #programacao-gp-tbl th {
                background-color:  rgb(51, 122, 183);
                color: white;
            }


            #programacao-gp-tbl tfoot td {
                background-color:  rgb(225, 237, 245);
                font-weight: bold;
            }

            #programacao-gp-tbl .text-center {
                text-align: center;
            }

            .estacao-odd {
                background: rgb(183, 214, 226) !important;            
            }
            .estacao-even {
                background: rgb(172, 205, 218) !important;            
            }
            .linha-odd {
                background-color: rgb(239, 239, 239) !important;
            }
        </style>
        <table class="table table-striped table-bordered table-hover table-no-break table-middle table-condensed" id="programacao-gp-tbl">
            <thead>
                <tr>
                    <th class="text-left">Matriz</th>
                    <th class="text-left">Linha</th>
                    <th class="text-center">Tam.</th>
                    <th class="text-center" ng-repeat="remessa in vm.Programacao.REMESSAS_FILTERED | orderBy: 'REMESSA_DATA'">
                        @{{ remessa.REMESSA_ID }}<br/>
                        @{{ vm.moment(remessa.REMESSA_DATA).format('DD/MM') }}
                    </th>
                    <th class="text-right">Total</th>
                </tr>
            </thead>
            <tbody>
                <tr 
                    tabindex="0"
                    ng-repeat-start="estacao in vm.Programacao.ESTACOES | orderBy: 'ESTACAO'"
                    ng-class-odd="'estacao-odd'" ng-class-even="'estacao-even'"
                    >
                    <td class="text-left" colspan="3">Estação @{{ estacao.ESTACAO | lpad: [2,0] }}</td>            
                    <td class="text-right" ng-repeat="remessa in vm.Programacao.REMESSAS_FILTERED | orderBy: 'REMESSA_DATA'">
                        <span ng-repeat="rem in estacao.REMESSAS"  ng-if="remessa.REMESSA_ID == rem.REMESSA_ID">
                            @{{ rem.QUANTIDADE | number: 0 }}
                        </span>
                    </td>       
                    <td class="text-right">@{{ estacao.QUANTIDADE | number: 0 }}</td>              
                </tr>
                
                <tr 
                    ng-repeat="linha in estacao.LINHAS" 
                    ng-if="vm.Programacao.REMESSA_LINHA_EXIBIR != 0"
                    ng-class-odd="'linha-odd'" ng-class-even="'linha-even'">
                    <td class="text-left">@{{ linha.MATRIZ_ID | lpad: [4,0] }} - @{{ linha.MATRIZ_DESCRICAO }}</td>
                    <td class="text-left">@{{ linha.LINHA_ID | lpad: [4,0] }} - @{{ linha.LINHA_DESCRICAO }}</td>
                    <td class="text-center">@{{ linha.TAMANHO_DESCRICAO }}</td>
                    <td class="text-right" ng-repeat="remessa in vm.Programacao.REMESSAS_FILTERED | orderBy: 'REMESSA_DATA'">
                        <span ng-repeat="rem in linha.REMESSAS"  ng-if="remessa.REMESSA_ID == rem.REMESSA_ID">
                            @{{ rem.QUANTIDADE | number: 0 }}
                        </span>
                    </td>    
                    <td class="text-right">@{{ linha.QUANTIDADE | number: 0 }}</td>
                </tr>
                <tr ng-repeat-end ng-if="false"></tr>
            </tbody>
            <tfoot>
                <tr>
                    <td class="text-left" colspan="3">Total Geral</td>
                    <td class="text-right" ng-repeat="remessa in vm.Programacao.REMESSAS_FILTERED | orderBy: 'REMESSA_DATA'">
                        @{{ remessa.SUBTOTAL_QUANTIDADE | number: 0 }}
                    </td>       
                    <td class="text-right">@{{ vm.Programacao.SELECTED_GP.SUBTOTAL_QUANTIDADE | number: 0 }}</td>                
                </tr>
                
            </tfoot>
        </table>
    </div>

@overwrite