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

@section('modal-header-left')

	<h4 class="modal-title">
        Registro de Produção Manual
	</h4>

@overwrite

@section('modal-header-right')

    <button 
        ng-if="vm.Registro.OPERADOR != undefined && vm.Registro.OPERADOR.OPERADOR_ID > 0"
        type="button" 
        class="btn btn-warning" 
        data-hotkey="f8"
        ng-click="vm.Registro.logofOperador()">
        <span class="fa fa-sign-out"></span> LogOff (@{{vm.Registro.OPERADOR.TEMPO}}s)
    </button>

    <button 
        ng-if="vm.Registro.OPERADOR == undefined || vm.Registro.OPERADOR.OPERADOR_ID == 0"
        type="button" 
        class="btn btn-warning" 
        data-hotkey="f8"
        ng-click="vm.Registro.loginOperador()">
        <span class="glyphicon glyphicon-user"></span> Login Operador
    </button>

    <button ng-if="vm.Registro.ITENS_GRAVAR.length > 0" style="padding: 6px 12px !important;" type="button" class="btn btn-success" data-hotkey="f1" ng-click="vm.Registro.gravarProduaoManual()">
        <span class="glyphicon glyphicon-ok"></span>
        Gravar
    </button>

	<button style="padding: 6px 12px !important;" type="button" class="btn btn-default btn-voltar" ng-click="vm.Registro.fecharProducaoManual()" data-dismiss="modal" data-hotkey="esc">
		<span class="glyphicon glyphicon-chevron-left"></span> 
		Voltar
	</button>

@overwrite

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

    <form ng-submit="vm.Registro.filtrarTaloes()" class="form-inline">
        <div id="filtro_main" class="table-filter" style="margin-bottom: 4px;
            background: rgba(221,221,221,.33);
            padding: 2px 10px 7px;
            border-radius: 5px;">

            <div class="form-group" style="margin-right: 0px !important;">
                <div class="form-group" style="display:flex; width: calc(29%); min-width: fit-content; max-width: fit-content; margin-top: 16px;
                    background-color: #e2e2e2; padding: 0px; border-radius: 6px; height: 35px; padding-right: 4px; border: 1px solid #cccccc;">
                    <select class="form-control" ng-model="vm.Registro.TIPO_DATA"
                        style="margin-right: 0px; background-color: #e2e2e2; border-radius: 4px 0px 0px 4px; height: 35px; font-weight: 600; border-top: 0px; border-left: 0px; margin-top: -1px; margin-bottom: -1px; text-transform: capitalize; width: 160px;">
                        <option style="font-weight: 600;" ng-value="'1'">Data de Emissão</option>
                        <option style="font-weight: 600;" ng-value="'2'">Período da Remessa</option>
                    </select>

                    <input type="date" style="width: 130px; margin-left: 4px; margin-top: 4px;"
                    class="form-control filter_main " ng-model="vm.Registro.DATA1" ng-atalho>
                    
                    <label style="padding-top: 8px; padding-right: 5px; padding-left: 5px;"> à </label>

                    <input type="date" style="width: 130px; margin-top: 4px;" class="form-control filter_main " ng-model="vm.Registro.DATA2" ng-atalho>
                </div>
            </div>

            <div style="display: -webkit-inline-box; margin-right: -10px;" class="consulta-up-rem"></div>
            <div style="display: -webkit-inline-box; margin-right: -10px;" class="consulta-modelo-rem"></div>
            <div style="display: -webkit-inline-box; margin-right: -10px;" class="consulta-cor-rem"></div>
        
            <div class="form-group" style="width: calc(100% - 1150px); padding-top: 16px; min-width: 150px;">
                <input type="text" style="width: 100% !important; min-width: 120px;"
                    placeholder="Remessa, Remessa ID, Detalhe ID"
                    class="form-control input-maior filter_main" 
                    ng-model="vm.Registro.FILTRO_DADOS">
            </div>

            <div class="form-group" style="padding-top: 16px; width: fit-content; padding-right: 10px;">
                <button type="submit" class="btn btn-xs btn-primary btn-filtrar"
                    data-hotkey="alt+f" id="btn-table-filter">
                    <span class="glyphicon glyphicon-filter"></span> Filtrar
                </button>
            </div>	
        </div>
	</form>

    <br>


    <ul id="tab" class="nav nav-tabs" role="tablist" style="margin-top: 5px;"> 
        <li role="presentation" class="tab-info-geral active">
            <a class="desc_item" href="#tab1container" id="tab1tab" data-hotkey="alt+1" role="tab" data-toggle="tab" aria-controls="tab1container" aria-expanded="false">
                <label class="item_desc" > @{{ vm.Registro.GRUPOS[0].ETAPAS.length || 0 }} Etapas </label>
            </a>
        </li>
        <li role="presentation" class="tab-info-geral"  ng-show="vm.Registro.GRUPOS[1].ETAPAS.length > 0">
            <a class="desc_item" href="#tab2container" id="tab2tab" data-hotkey="alt+2" role="tab" data-toggle="tab" aria-controls="tab2container" aria-expanded="false">
                <label class="item_desc" > @{{ vm.Registro.GRUPOS[1].ETAPAS.length }} Etapas </label>
            </a>
        </li>
        <li role="presentation" class="tab-info-geral"  ng-show="vm.Registro.GRUPOS[2].ETAPAS.length > 0">
            <a class="desc_item" href="#tab3container" id="tab3tab" data-hotkey="alt+3" role="tab" data-toggle="tab" aria-controls="tab3container" aria-expanded="false">
                <label class="item_desc" > @{{ vm.Registro.GRUPOS[2].ETAPAS.length }} Etapas </label>
            </a>
        </li>
        <li role="presentation" class="tab-info-geral"  ng-show="vm.Registro.GRUPOS[3].ETAPAS.length > 0">
            <a class="desc_item" href="#tab4container" id="tab4tab" data-hotkey="alt+4" role="tab" data-toggle="tab" aria-controls="tab4container" aria-expanded="false">
                <label class="item_desc" > @{{ vm.Registro.GRUPOS[3].ETAPAS.length }} Etapas </label>
            </a>
        </li>
        <li role="presentation" class="tab-info-geral"  ng-show="vm.Registro.GRUPOS[4].ETAPAS.length > 0">
            <a class="desc_item" href="#tab5container" id="tab5tab" data-hotkey="alt+5" role="tab" data-toggle="tab" aria-controls="tab5container" aria-expanded="false">
                <label class="item_desc" > @{{ vm.Registro.GRUPOS[4].ETAPAS.length }} Etapas </label>
            </a>
        </li>

        <div class="form-group" style="display: inline-flex;
                float: right;
                margin-bottom: 1px;
                background-color: #f4f4f4;
                padding: 3px;
                padding-top: 0px;
                border-radius: 5px;
                border: 1px solid #cccccc;">
            <input
                type="checkbox"
                class="item_registros_editar"
                name="item_registros_editar"
                id="item_registros_editar"
                ng-checked="vm.Registro.REGISTROS_ALTERAR == '1'"
                ng-true-value="'1'"
                ng-false-value="'0'"
                ng-click="vm.Registro.REGISTROS_ALTERAR = (vm.Registro.REGISTROS_ALTERAR == '1') ? '0' : '1'; vm.Registro.MontarTabelas();">
            <label for="item_registros_editar" style="margin-top: 3px; margin-left: 5px;">Ver registros não produzíveis</label>
        </div>        

    </ul>
    
    <div id="tab-content" class="tab-content"  style="height: calc(100% - 170px);">
        @include('ppcp._22609.index.tabela',['index' => 0])
        @include('ppcp._22609.index.tabela',['index' => 1])
        @include('ppcp._22609.index.tabela',['index' => 2])
        @include('ppcp._22609.index.tabela',['index' => 3])
        @include('ppcp._22609.index.tabela',['index' => 4])
    </div>
   
</div>
@overwrite