<?php $__env->startSection('content'); ?>
    <div class="page-content">
        <div class="container-fluid">
            <div class="page-content-inner">
                <div class="row">
                    <div class="col-md-12">
                        <div class="portlet light">
                            <div class="portlet-body">
                                
                                <div class="row">
                                    <div class="col-md-12">
                                       <span class="font-blue-madison title"><i class="fa fa-dollar"></i> Relatório de Vendas</span></span>
                                        <hr>
                                    </div>
                                </div>

                                <div class="portlet box blue-madison">
                                    <div class="portlet-title">
                                        <div class="caption">
                                            <i class="icon-eye"></i>Filtros
                                        </div>
                                    </div>
                                    <div class="portlet-body">
                                        <div class="panel-group" style="padding-bottom: 104px;">
                                            <?php echo Form::open(['route' => 'admin.report.sales', 'method' => 'get']); ?>

                                                <div >
                                                    <div class="form-group-custom col-md-4">
                                                        <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                            <?php echo Form::select('vendaTipo', $vendaTipos, $vendaTipo, ['class'=>'form-control','id' => 'vendaTipoSelect']); ?>

                                                            <?php echo Form::label('', 'Venda Tipo:'); ?>

                                                        </div>
                                                    </div>
                                                    <div class="form-group-custom col-md-4">
                                                        <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                            <?php echo Form::select('statusVenda', $statusList, $statusVenda, ['class'=>'form-control']); ?>

                                                            <?php echo Form::label('', 'Venda Status:'); ?>

                                                        </div>
                                                    </div>
                                                    <div class="form-group-custom col-md-4">
                                                        <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                            <?php echo Form::select('vendedor', $vendedores, $vendedor, ['class'=>'form-control','id'=>'vendedorId']); ?>

                                                            <?php echo Form::label('', 'Vendedor:'); ?>

                                                        </div>
                                                    </div>
                                                    <div class="col-xs-12"></div>
                                                    <div class="form-group-custom col-md-4">
                                                        <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                            <div class="input-group left-addon">
                                                                <span class="input-group-addon has-personalizado">
                                                                    <i class="fa fa-calendar"></i>
                                                                </span>
                                                                <?php echo Form::text('data_ini', $data_ini, ['class' => 'form-control', 'placeholder' => '', 'autocomplete' => 'off', 'id' => 'data_ini']); ?>

                                                                <?php echo Form::label('', 'Data Inicial:'); ?>

                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="form-group-custom col-md-4">
                                                        <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                            <div class="input-group left-addon">
                                                                <span class="input-group-addon has-personalizado">
                                                                    <i class="fa fa-calendar"></i>
                                                                </span>
                                                                <?php echo Form::text('data_fim', $data_fim, ['class' => 'form-control', 'placeholder' => '', 'autocomplete' => 'off', 'id' => 'data_fim']); ?>

                                                                <?php echo Form::label('', 'Data Final:'); ?>

                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="form-group col-md-1 col-xs-6    ">
                                                        <?php echo Form::label('', ' ',['class'=>'btn-margin']); ?>

                                                        <button type="submit" name="relatorio" value='relatorio' class="btn blue-madison popovers"  data-container="body" data-trigger="hover" data-placement="top" data-content="Gerar Novo relatório com base nos filtros ao lado">
                                                            <i class="glyphicon glyphicon-search"></i> Filtrar
                                                        </button>
                                                    </div>
                                                    <div class="form-group col-md-1 col-xs-6    ">    
                                                        <?php echo Form::label('', ' ',['class'=>'btn-margin']); ?>

                                                        <button type="submit" name="excel" value='excel' class="btn blue-madison popovers"  data-container="body" data-trigger="hover" data-placement="top" data-content="Gerar Novo relatório e exportar em Excel com base nos filtros ao lado" id='excelBlock'>
                                                            <i class="fa fa-file-excel-o"></i> Exportar <span id='excelBlockType'></span>
                                                        </button>
                                                    </div>    
                                                    <br/><br/>
                                                </div>
                                                <?php echo Form::hidden('tipo', 'sintetico',['id'=>'tipo']); ?>

                                            <?php echo Form::close(); ?>

                                        </div>
                                    </div>
                                </div>

                                <p>&nbsp;</p>         

                                <div class="tabbable tabbable-tabdrop">
                                    <ul class="nav nav-pills tab-controll panel-to-col">
                                        <li <?php if($tipo =='Sintetico'): ?> class="active" <?php endif; ?>>
                                            <a data-toggle="tab" href="#tabSintetico" data-text="Sintético" class="font-blue-madison"><i class="fa fa-list"></i> Sintético</a>
                                        </li>
                                        <li <?php if($tipo =='Analitico'): ?> class="active" <?php endif; ?>>
                                            <a data-toggle="tab" href="#tabAnalitico" data-text="Analítico" class="font-blue-madison"><i class="fa fa-bar-chart"></i> Analítico</a>
                                        </li>
                                    </ul>
                                </div>  

                                    <div class="tab-content">
                                        <div id="tabSintetico" class="tab-pane <?php if($tipo =='Sintetico'): ?> active <?php endif; ?>">
                                            
                                            <?php if($pedidosSintetico): ?>
                                            <div class="row">
                                                <div class="portlet light portlet-fit">
                                                    <div class="portlet-title">
                                                            <table class="table table-striped table-hover table-light">
                                                                <thead>
                                                                    <tr class="uppercase bg-blue-madison">
                                                                        <th class="col-md-1 font-white">Cod. Vendedor(a)</th>
                                                                        <th class="col-md-1 font-white">Vendedor(a)</th>
                                                                        <th class="col-md-1 font-white">Total de Vendas</th>
                                                                        <th class="col-md-1 font-white">Quant. de vendas</th>
                                                                        <th class="col-md-1 font-white">Ticket Médio das Vendas</th>
                                                                    </tr>
                                                                </thead>
                                                                <tbody> 
                                                                        <?php foreach($pedidosSintetico as $venda): ?>
                                                                            <tr>
                                                                                <td><?php echo $venda->id; ?></td>
                                                                                <td><?php echo $venda->vendedor; ?></td>
                                                                                <td>R$ <?php echo number_format($venda->total,2,',','.'); ?></td>
                                                                                <td><?php echo $venda->quantidade_de_vendas; ?></td>
                                                                                <td>R$ <?php echo number_format($venda->total/$venda->quantidade_de_vendas,2,',','.'); ?></td>
                                                                            </tr>
                                                                        <?php endforeach; ?> 
                                                                </tbody>
                                                            </table>  
                                                    </div>
                                                </div>
                                            </div>
                                            <?php else: ?>
                                            <div class="row">
                                                <div class="col-md-12">
                                                    <div class="portlet light portlet-fit">
                                                        <div class="portlet-title">
                                                            <h3>Não há vendas correspondentes aos filtros nesse período!</h3>  
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <?php endif; ?>
                                        </div>
                                        <div id="tabAnalitico" class="tab-pane <?php if($tipo !='Sintetico'): ?> active <?php endif; ?>">

                                            <?php if($pedidosAnalitico): ?>
                                            <div class="row">
                                                    <div class="portlet light portlet-fit">
                                                        <div class="portlet-title">
                                                            <table class="table table-striped table-hover table-light">
                                                                <thead>
                                                                    <tr class="uppercase bg-blue-madison">
                                                                        <th class="col-md-1 font-white">Nro.Pedido</th>
                                                                        <th class="col-md-2 font-white">Cliente</th>
                                                                        <th class="col-md-1 font-white">Vendedor(a)</th>
                                                                        <th class="col-md-2 font-white">Status</th>
                                                                        <th class="col-md-2 font-white">Tipo</th>
                                                                        <th class="col-md-1 font-white">Dt. Ger.</th>
                                                                        <th class="col-md-1 font-white">Dt. Pgto.</th>
                                                                        <th class="col-md-1 font-white">Dt. Fatura.</th>
                                                                        <th class="col-md-1 font-white">Valor</th>
                                                                    </tr>
                                                                </thead>
                                                                <tbody> 
                                                                    <?php foreach($pedidosAnalitico as $venda): ?>            
                                                                       <tr>
                                                                            <td><?php echo $venda->venda_id; ?></td>
                                                                            <td><?php echo $venda->cliente; ?></td>
                                                                            <td><?php echo $venda->vendedor; ?></td>
                                                                            <td><?php echo $venda->status; ?></td>
                                                                            <td><?php echo $venda->tipo; ?></td>
                                                                            <td><?php echo $venda->data_venda; ?></td>
                                                                            <td><?php echo $venda->data_pagamento; ?></td>
                                                                            <td><?php echo $venda->data_faturamento; ?></td>
                                                                            <td>R$ <?php echo number_format($venda->valor_venda,2,',','.'); ?></td>
                                                                        </tr>
                                                                     <?php endforeach; ?>                                       
                                                                </tbody>
                                                                <tfoot>
                                                                    <tr>
                                                                        <td colspan="8" align="center">
                                                                            <?php echo $paginacaoAnalitico; ?>

                                                                        </td>
                                                                    </tr>
                                                                </tfoot>
                                                            </table>  
                                                        </div>
                                                    </div>
                                                
                                            </div>
                                            <?php else: ?>
                                            <div class="row">
                                                <div class="col-md-12">
                                                    <div class="portlet light portlet-fit">
                                                        <div class="portlet-title">
                                                            <h3>Não há vendas correspondentes aos filtros nesse período!</h3>  
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <?php endif; ?>
                                        </div>
                                    </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

<?php $__env->stopSection(); ?>

<?php $__env->startSection('js-admin-report-sales'); ?>
    <script src="<?php echo e(asset('/assets/global/scripts/app.min.js')); ?>" type="text/javascript"></script>
    <script src="<?php echo e(asset('/assets/global/plugins/echarts/echarts.js')); ?>" type="text/javascript"></script>
    <script src="<?php echo e(asset('/assets/global/plugins/jquery-ui/jquery-ui.1.10.3.js')); ?>" type="text/javascript"></script>
    <script type="text/javascript"> 
        var vendedoresInternos = <?php echo json_encode($vendedoresInternos); ?>;
        var agentesAutorizados = <?php echo json_encode($agentesAutorizados); ?>;
        var vendedores = <?php echo json_encode($vendedores); ?>;

        $(document).ready( function() { 
            $.datepicker.regional['pt-BR'] = {
                closeText: 'Fechar',
                prevText: '&#x3c;Anterior',
                nextText: 'Pr&oacute;ximo&#x3e;',
                currentText: 'Hoje',
                monthNames: ['Janeiro','Fevereiro','Mar&ccedil;o','Abril','Maio','Junho',
                'Julho','Agosto','Setembro','Outubro','Novembro','Dezembro'],
                monthNamesShort: ['Jan','Fev','Mar','Abr','Mai','Jun',
                'Jul','Ago','Set','Out','Nov','Dez'],
                dayNames: ['Domingo','Segunda-feira','Ter&ccedil;a-feira','Quarta-feira','Quinta-feira','Sexta-feira','Sabado'],
                dayNamesShort: ['Dom','Seg','Ter','Qua','Qui','Sex','Sab'],
                dayNamesMin: ['Dom','Seg','Ter','Qua','Qui','Sex','Sab'],
                weekHeader: 'Sm',
                dateFormat: 'dd/mm/yy',
                firstDay: 0,
                isRTL: false,
                showMonthAfterYear: false,
                yearSuffix: ''
            };
            $.datepicker.setDefaults($.datepicker.regional['pt-BR']);
            
            $("#data_ini").datepicker();
            $("#data_fim").datepicker();

            $("#vendaTipoSelect").on( "load change ", function() {
              changeVendaTipo();
            });
                changeVendaTipo();
            });

        function detalheAnalitico(id){
            $(".showhide-analitico"+id).toggle( "slow" );
            $(".detalhe-analitico"+id ).toggle( "slow" );
        }

        function detalheSintetico(id){
            $(".showhide-sintetico"+id).toggle( "slow" );
            $(".detalhe-sintetico"+id ).toggle( "slow" );
        }

        function changeTipoVisualizacao(){
            $('#excelBlock').attr('disabled','');
            var tabControllActiveA = $('.tab-controll .active a');

            var tipo = tabControllActiveA.attr('href');
            
            var tipoText = tipo.replace("#tab", "");
            
            $('#tipo').val(tipoText);
            var texts = tabControllActiveA.data('text');
            $('#excelBlockType').text(texts);

            $('#excelBlock').removeAttr('disabled');
        }
        changeTipoVisualizacao();
        $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
            changeTipoVisualizacao();
        });

        function changeVendaTipo(){
            var vendaTipoSelect = $('#vendaTipoSelect');
            var vendedorId = $('#vendedorId');

            var vendaTipoSelectVal = vendaTipoSelect.val();
            var data = {};

            /* vendedor interno */
            if( vendaTipoSelectVal=='admin'){
                data = vendedoresInternos;
            }
            /* vendedor externo */
            if( vendaTipoSelectVal=='agente'){
                data = agentesAutorizados;
            }
            if( vendaTipoSelectVal=='0'){
                data = vendedores;
            }
            var vendedorIdSelect = vendedorId.val();

            vendedorId.find('option').remove();
            $.each(data, function (i, d) {
                $('<option>').val(i).text(d).appendTo(vendedorId);
            });

        }
    </script>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('template', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>