@extends('layouts.dashboard')

@section('title', 'Transferência')

@section('title-dashboard')
<!--<a class="btn btn-primary btn-xs" title="Novo Cadastro" onclick="AtivarCadastro();"><span class="glyphicon glyphicon-plus" aria-hidden="true"/></a>-->
Transferência
@endsection

@section('option-dashboard')
<div class="col-md-12" style="padding-right: 0px;">
    {!! Form::open(['route' => 'transferenciaFiltrar', 'class' => 'horizontal-form', 'onsubmit'=>'getModalAguarde();', 'files' => true]) !!}
        <div class="col-md-2 floatright margin-top5px form-actions" style="padding-right: 0px;"> 
            <br>
            <button type="submit" class="btn blue floatright width100p"><i class="fa fa-search"></i> {{trans('padrao.buscar')}}</button>
            <a data-toggle="modal" href="#aguarde" id="btn_aguarde_filtro" class="display-none"></a>
        </div>
        <div class="col-md-4 floatright">
            {!! Form::label('empresa_filtro', 'Empresa', ['class' => 'control-label']) !!}
            <div class="form-group {{ $errors->has('empresa_destino_id') ? 'has-error' : ''}}">
                {!! Form::select('empresa_filtro', $empresas, null, ['class' => 'form-control','id' => 'empresa_filtro','required'=>'required', 'placeholder'=>'Escolha']) !!}
                {!! $errors->first('empresa_filtro', '<p class="help-block">:message</p>') !!}
            </div>
        </div>

    {!! Form::close() !!}
</div>
@endsection

@section('pg-home')

@endsection

@section('content')
    
@parent
<a href="#modal_movimentacao" class="displaynone" id="btn_modal_movimentacao" data-toggle='modal'>Movimentação</a>
<div class="modal fade" id="modal_movimentacao" tabindex="-1" role="basic" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                <h4 class="modal-title">Descreva o Motivo!</h4>
            </div>
            {!! Form::open(['route' => 'setMovimentacao','id'=>'form_movimentacao', 'class' => 'horizontal-form', 'files' => true]) !!}
            <div class="modal-body displaytable width100p">
                <input type="hidden" name="transferencia_id" id="transferencia_id" value="">
                <input type="hidden" name="user_id_movimentacao" id="user_id_movimentacao" value="{{Auth::user()->id}}">
                <input type="hidden" name="empresa_origem_movimentacao" id="empresa_origem_movimentacao" value="">
                <input type="hidden" name="empresa_destino_movimentacao" id="empresa_destino_movimentacao" value="">
                <input type="hidden" name="situacao_movimentacao" id="situacao_movimentacao" value="">
                <div class="col-md-12">
                    <div class="form-group {{ $errors->has('descricao') ? 'has-error' : ''}}">                
                        {!! Form::label('descricao', 'Descrição', ['class' => 'control-label']) !!}
                        {!! Form::textarea('descricao', null, ['class' => 'form-control','id'=>'descricao', 'required', 'placeholder' => 'Descrição']) !!}
                        {!! $errors->first('descricao', '<p class="help-block">:message</p>') !!}
                    </div>
                </div>
            </div>
            
            <div class="modal-footer">
                <h4 class="font-dark bold marginleft15px floatleft">{{'Data: '.date('d/m/Y')}}</h4>
                <button type="submit" class="demo-loading-btn btn green-meadow margin-top25px" data-loading-text="Aguarde..."><i class="fa fa-check"></i> Confirmar</button>
            </div>
            {!! Form::close() !!}
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>

<div class="modal fade" id="Modal_Movimentacao" tabindex="-1" role="basic" aria-hidden="true">
    <div class="modal-dialog modal-full">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                <h4 class="modal-title">Histórico de Movimentações!</h4>
            </div>
            <div class="modal-body displaytable margin0auto width100p">
                <div class="row">
                    <div class="col-md-12">
                        <div class="portlet box blue">
                            <div class="portlet-title">
                                <div class="caption">
                                    <i class="fa fa-list"></i> Movimentações                                        
                                </div>
                            </div>
                            <div class="portlet-body">
                                <table class="table table-bordered table-striped table-condensed flip-content width100p" id="">
                                    <thead class="flip-content">
                                        <tr>
                                            <!--<th class="col-sm-1 text-aligncenter">{{trans('padrao.editar')}}</th>-->
                                            <th class="col-sm-1 no-sort" style="width: 5%;">Cod.</th>
                                            <th class="text-aligncenter" style="width: 20%;">Empresa Origem</th>
                                            <th style="width: 20%;">Empresa Destino</th>
                                            <th style="width: 10%;">Usuário</th>
                                            <th class="text-aligncenter" style="width: 5%;">Data</th>
                                            <th class="text-aligncenter" style="width: 10%;">Situação</th>
                                            <th class="text-aligncenter" style="width: 30%;">Descrição</th>
                                        </tr>
                                    </thead>
                                    <tbody id="div_movimentacao">
                                        
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-header">
                <h4 class="modal-title">Itens da Transferencia</h4>
            </div>
            <div class="modal-body displaytable margin0auto width100p">
                <div class="row">
                    <div class="col-md-12">
                        <div class="portlet box blue">
                            <div class="portlet-title">
                                <div class="caption">
                                    <i class="fa fa-list"></i> Itens                                        
                                </div>
                            </div>
                            <div class="portlet-body">
                                <table class="table table-bordered table-striped table-condensed flip-content width100p" id="">
                                    <thead class="flip-content">
                                        <tr>
                                            <!--<th class="col-sm-1 text-aligncenter">{{trans('padrao.editar')}}</th>-->
                                            <th class="col-sm-1 no-sort" style="width: 10%;">Cod.</th>
                                            <th class="" style="width: 40%;">Produto</th>
                                            <th style="width: 20%;">Grupo</th>
                                            <th style="width: 10%;">Qtd.</th>
                                            <th class="text-aligncenter" style="width: 10%;">Pr Custo</th>
                                            <th class="text-aligncenter" style="width: 10%;">Pr Venda</th>
                                        </tr>
                                    </thead>
                                    <tbody id="div_movimentacao_itens">
                                        
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>

<!-- Formulário Cadastro-->
<div id="div_cadastro" class="{{$displayCadastrar}}">
    @include('transferencia/create')
</div>

<!-- Formulário Editar-->
<div id="div_edit" class="{{$displayEdit}}">
    @if($displayEdit == 'displayblock')
    @include('transferencia/edit')
    @endif
</div>




<!-- Lista -->

<div class="row">
    <div class="col-md-12">        
        <!-- BEGIN SAMPLE TABLE PORTLET-->
        <div class="tabbable tabbable-tabdrop">
            <ul class="nav nav-pills margin-bottom0px">
                <li class="active-no active">
                    <a href="#transito" data-toggle="tab">EM TRANSITO</a>
                </li>
                <li class="active-no">
                    <a href="#areceber" data-toggle="tab">A RECEBER @if(count($a_receber) > 0)<strong style="color: red;">{{count($a_receber)}}</strong>@endif</a>
                </li>
                <li>
                    <a href="#rejeitados" data-toggle="tab">REJEITADOS @if(count($rejeitados) > 0)<strong style="color: red;">{{count($rejeitados)}}</strong>@endif</a>
                </li>
                <li>
                    <a href="#transferidos" data-toggle="tab">TRANSFERIDOS</a>
                </li>
                <li>
                    <a href="#recebidos" data-toggle="tab">RECEBIDOS</a>
                </li>
                <li>
                    <a href="#cancelados" data-toggle="tab">CANCELADOS</a>
                </li>
            </ul>
            <div class="tab-content">
                <div class="tab-pane active" id="transito">
                    @include('transferencia/em_transito')
                </div>
                <div class="tab-pane" id="areceber">
                    @include('transferencia/a_receber')
                </div>
                <div class="tab-pane" id="rejeitados">
                    @include('transferencia/rejeitados')
                </div>
                <div class="tab-pane" id="transferidos">
                    @include('transferencia/transferidos')
                </div>
                <div class="tab-pane" id="recebidos">
                    @include('transferencia/recebidos')
                </div>
                <div class="tab-pane" id="cancelados">
                    @include('transferencia/cancelados')
                </div>
            </div>
        </div>
        <script>
            function SetAction(transferencia_id,empresa_origem_movimentacao,empresa_destino_movimentacao, situacao){
                if(situacao == 'Recebido'){
                    $("#descricao").val('Recebido com sucesso!');
                    $("#descricao").attr('readonly','readonly');
                }else{
                    $("#descricao").val('');
                    $("#descricao").removeAttr('readonly');
                }
                $("#transferencia_id").val(transferencia_id);
                $("#empresa_origem_movimentacao").val(empresa_origem_movimentacao);
                $("#empresa_destino_movimentacao").val(empresa_destino_movimentacao);
                $("#situacao_movimentacao").val(situacao);
                $("#btn_modal_movimentacao").trigger("click");
            }
            
            function getMovimentacao(id){
                $("#div_movimentacao").html("");
                getModalAguarde();
                $.get('get-movimentacao'+'/'+id, function (result) {
                    $("#div_movimentacao").html(result);
                    $("#fechar_modal_aguarde").trigger("click");            
                });
            }
            function getItens(id){
                $("#div_movimentacao_itens").html("");
                getModalAguarde();
                $.get('get-movimentacao-itens'+'/'+id, function (result) {
                    $("#div_movimentacao_itens").html(result);
                    $("#fechar_modal_aguarde").trigger("click");            
                });
            }
        </script>
    </div>
</div>
@endsection