@extends('layouts.app')

@section('title', 'Relatórios - Vendas')

@section('content')
<style>
    .btn-mt-input{ margin-top: 26px; }
    .row-mt{ margin-top: 15px; }
    .row-mt-2{ margin-top: 30px; }
    .fa-2x{ font-size: 1.35em !important; }
    .bg-white{  background-color: #fff;}
    #form-relatorio label{ font-weight: bold;}
    .pd-15{ padding: 15px; }
</style>
<header class="page-header">
    <h2>Relatórios</h2>

    <div class="right-wrapper pull-right">
        <ol class="breadcrumbs">
            <li><a href="{{ route('index.relatorios') }}">Relatórios</a></li>
            <li><span>Vendas</span></li>
        </ol>

        <a class="sidebar-right-toggle"><i class="fa fa-chevron-left"></i></a>
    </div>
</header>

<div class="section-page" style="margin-top: 40px; width: 100%; margin-left: 10px;">
    <div class="panel panel-default">
        <div class="panel-body">
            <form id="form-relatorio" action="{{ route('gera.relatorio.vendas') }}" method="post" class="form-horizontal bg-white pd-15">@csrf
                <div class="row row-mt form-group">
                    <div class="col-md-4">
                        <div class="radio-custom radio-primary">
                            <input id="por_produto" name="relatorio_venda" type="radio" value="1" checked/>
                            <label for="por_produto">Por produto</label>
                        </div>
                        <div class="radio-custom radio-primary">
                            <input id="por_dt_venda" name="relatorio_venda" type="radio" value="2"/>
                            <label for="por_dt_venda">Por data venda/produto</label>
                        </div>          
                    </div>                
                    <div class="col-md-4">
                        <div class="radio-custom radio-primary">
                            <input id="por_vendedor" name="relatorio_venda" type="radio" value="3"/>
                            <label for="por_vendedor">Por vendedor</label>
                        </div>
                        <div class="radio-custom radio-primary">
                            <input id="por_vend_cid_cli" name="relatorio_venda" type="radio" value="4"/>
                            <label for="por_vend_cid_cli">Por vendedor/cidade/cliente</label>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="radio-custom radio-primary">
                            <input id="por_grupo_sub" name="relatorio_venda" type="radio" value="5"/>
                            <label for="por_grupo_sub">Por grupo/Sub grupo</label>
                        </div>
                    </div>
                </div>
    
                <hr class="divider">
                
                <div class="row row-mt-2 form-group">
                    <div class="col-md-3">
                        <label for="ds_departamento">Departamento</label>
                        <select name="ds_departamento" id="ds_departamento" class="form-control" disabled>
                        <option value="" selected disabled>SELECIONE UM DEPARTAMENTO</option>
                            @foreach( $departamentos as $dep )
                                <option value="{{ $dep->id }}">{{ $dep->ds_departamento }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-2">
                        <label for="cd_produto">Cód produto</label>
                        <input type="search" name="cd_produto" id="cd_produto" class="form-control">
                    </div>
                    <div class="col-md-1">
                        <label for="cd_final">Cód final</label>
                        <input type="search" name="cd_final" id="cd_final" class="form-control">
                    </div>
                    <div class="col-md-3">
                        <label for="cd_grupo">Grupo</label>
                        <select name="cd_grupo" id="cd_grupo" class="form-control" onchange="carregarSubGrupo('cd_grupo', 'cd_subgrupo');">
                            <option value="" selected >SELECIONE O GRUPO</option>
                            @foreach( $grupos as $grupo )
                                <option value="{{ $grupo->id }}">{{ $grupo->ds_grupo }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-3">
                        <label for="cd_subgrupo">Sub grupo</label>
                        <select name="cd_subgrupo" id="cd_subgrupo" class="form-control" onchange="carregarProduto('cd_subgrupo', 'ds_produto');">
                            <option value="" selected >SELECIONE O GRUPO</option>
                        </select>
                    </div>
                </div>
                <div class="row row-mt form-group">
                    <div class="col-md-4">
                        <label for="ds_produto">Produto</label>
                        <select name="ds_produto" id="ds_produto" class="form-control">
                            <option value="" selected >SELECIONE O SUB-GRUPO</option>
                        </select>
                    </div>
                    <div class="col-md-4">
                        <label for="dt_emissao">Data emissão</label>
                        <div class="row form-group">
                            <div class="col-md-6">
                                <input type="text" name="dt_emissao_inicial" id="dt_emissao_inicial" class="form-control datepicker" placeholder="Data inicial">
                            </div>
                            <div class="col-md-6">
                                <input type="text" name="dt_emissao_final" id="dt_emissao_final" class="form-control datepicker" placeholder="Data final">
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <label for="cd_cidade">Cidade entrega</label>
                        <select name="cd_cidade" id="cd_cidade" class="form-control" disabled >
                            <option value="" selected >SELECIONE A CIDADE</option>
                            @foreach( $cidades as $cidade )
                                <option value="{{ $cidade->id }}">{{ $cidade->ds_cidade }} - {{ $cidade->ds_sigla }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="row row-mt form-group">
                    <div class="col-md-8">
                        <label for="dt_venda">Data venda</label>
                        <div class="row">
                            <div class="col-md-2">
                                <input type="text" name="dt_venda_inicial" id="dt_venda_inicial" class="form-control datepicker" placeholder="Data inicial">
                            </div>
                            <div class="col-md-2">
                                <input type="time" name="hr_venda_inicial" id="hr_venda_inicial" class="form-control" placeholder="Hora inicial" value="06:00" disabled>
                            </div>
                            <div class="col-md-1">
                                <label for=""> até </label>
                            </div>
                            <div class="col-md-2">
                                <input type="text" name="dt_venda_final" id="dt_venda_final" class="form-control datepicker" placeholder="Data final">
                            </div>
                            <div class="col-md-2">
                                <input type="time" name="hr_venda_final" id="hr_venda_final" class="form-control" placeholder="Hora final" value="23:00" disabled>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <label for="cd_parceiro">Parceiro</label>
                        <select name="cd_parceiro" id="cd_parceiro" class="form-control" disabled></select>
                    </div>
                </div>
                <div class="row row-mt form-group">
                    <div class="col-md-3">
                        <label for="cd_funcionario">Funcionário</label>
                        <select name="cd_funcionario" id="cd_funcionario" class="form-control" disabled >
                            <option value="" selected >SELECIONE UM FUNCIONÁRIO</option>
                            @foreach( $funcionarios as $func )
                                <option value="{{ $func->id }}">{{ $func->nm_funcionario }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-3">
                        <label for="cd_almoxarifado">Almoxarifado</label>
                        <select name="cd_almoxarifado" id="cd_almoxarifado" class="form-control" disabled>
                            <option value="" selected >SELECIONE UM ALMOXARIFADO</option>
                            @foreach( $almoxarifados as $almo )
                                <option value="{{ $almo->id }}">{{ $almo->ds_almoxarifado }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-3">
                        <label for="cd_segmento">Segmento</label>
                        <select name="cd_segmento" id="cd_segmento" class="form-control" disabled>
                            <option value="" selected >SELECIONE UM SEGMENTO</option>
                            @foreach( $segmentos as $seg )
                                <option value="{{ $seg->id }}">{{ $seg->ds_segmento }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-3">
                        <label for="cd_subseg">Sub segmento</label>
                        <select name="cd_subseg" id="cd_subseg" class="form-control" disabled>
                            <option value="" selected >SELECIONE UM SUB SEGMENTO</option>
                            @foreach( $sub_segmentos as $seg )
                                <option value="{{ $seg->id }}">{{ $seg->ds_subsegmento }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="row row-mt form-group">
                    <div class="col-md-2">
                        <label for="vr_acima">Valor acima de</label>
                        <input type="text" name="vr_acima" id="vr_acima" class="form-control valor" placeholder="R$ 0,00" maxlength="9" disabled>
                    </div>
                    <div class="col-md-2">
                        <label for="vr_abaixo">Valor abaixo de</label>
                        <input type="text" name="vr_abaixo" id="vr_abaixo" class="form-control valor" placeholder="R$ 0,00" maxlength="9" disabled>
                    </div>
                    <div class="col-md-4">
                        <label for="cd_entregador">Entregador</label>
                        <select name="cd_entregador" id="cd_entregador" class="form-control" disabled>
                            <option value="" selected >SELECIONE UM ENTREGADOR</option>
                            @foreach( $funcionarios as $func )
                                <option value="{{ $func->id }}">{{ $func->nm_funcionario }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-2">
                        <label for="venda_inicial">Cód venda inicial</label>
                        <input type="text" name="venda_inicial" id="venda_inicial" class="form-control dez-mil" maxlength="8" disabled >
                    </div>
                    <div class="col-md-2">
                        <label for="venda_final">Cód venda final</label>
                        <input type="text" name="venda_final" id="venda_final" class="form-control dez-mil" maxlength="8" disabled>
                    </div>
                </div>
                <div class="row row-mt form-group">
                    <div class="col-md-2">
                        <label for="ds_periodo">Período</label>
                        <select name="ds_periodo" id="ds_periodo" class="form-control" disabled>
                            <option value="" selected disabled>SELECIONE O PERÍODO</option>
                            <option value="G" >GERAL</option>
                            <option value="M">MANHÃ</option>
                            <option value="T">TARDE</option>
                            <option value="N">NOITE</option>
                        </select>
                    </div>
                    <div class="col-md-2">
                        <label for="entrega_inicial">Data entrega inicial</label>
                        <input type="text" name="entrega_inicial" id="entrega_inicial" class="form-control datepicker" placeholder="__/__/____" disabled>
                    </div>
                    <div class="col-md-2">
                        <label for="entrega_final">Data entrega final</label>
                        <input type="text" name="entrega_final" id="entrega_final" class="form-control datepicker" placeholder="__/__/____" disabled>
                    </div>
                    <div class="col-md-2">
                        <label for="ds_vendas">Vendas</label>
                        <select name="ds_vendas" id="ds_vendas" class="form-control">
                            <option value="B" selected>AMBAS</option>
                            <option value="S">BAIXADA</option>
                            <option value="N">NÃO BAIXADA</option>
                        </select>
                    </div>
                    <div class="col-md-2">
                        <label for="produto_ativo">Produto</label>
                        <select name="produto_ativo" id="produto_ativo" class="form-control">
                            <option value="B" selected>AMBAS</option>
                            <option value="S">ATIVO</option>
                            <option value="N">INATIVO</option>
                        </select>
                    </div>
                    <div class="col-md-2">
                        <label for="ds_brinde">Considerar brinde</label>
                        <select name="ds_brinde" id="ds_brinde" class="form-control" disabled>
                            <option value="N" selected>NÃO</option>
                            <option value="S">SIM</option>
                        </select>
                    </div>
                </div>
                <div class="row row-mt form-group">
                    <div class="col-md-2">
                        <label for="gerado_car">Gerado contas a receber</label>
                        <select name="gerado_car" id="gerado_car" class="form-control">
                            <option value="B" selected>AMBAS</option>
                            <option value="N">NÃO</option>
                            <option value="S">SIM</option>
                        </select>
                    </div>
                    <div class="col-md-2">
                        <label for="saldo_anterior">Considerar saldo anterior</label>
                        <select name="saldo_anterior" id="saldo_anterior" class="form-control" disabled>
                            <option value="N">NÃO</option>
                            <option value="S" selected>SIM</option>
                        </select>
                    </div>
                    <div class="col-md-2">
                        <label for="ordenar_por">Ordenar por</label>
                        <select name="ordenar_por" id="ordenar_por" class="form-control" disabled>
                            <option value="Q" selected>QUANTIDADE</option>
                            <option value="V">VALOR</option>
                        </select>
                    </div>
                    <div class="col-md-2">
                        <label for="e_commerce">Cliente e-commerce</label>
                        <select name="e_commerce" id="e_commerce" class="form-control">
                            <option value="N" selected>NÃO</option>
                            <option value="S">SIM</option>
                        </select>
                    </div>
                    <div class="col-md-2">
                        <label for="venda_site">Venda originada site</label>
                        <select name="venda_site" id="venda_site" class="form-control">
                            <option value="B" selected>AMBAS</option>
                            <option value="N">NÃO</option>
                            <option value="S">SIM</option>
                        </select>
                    </div>
                    <div class="col-md-2">
                        <label for="ds_ipi">Considerar IPI</label>
                        <select name="ds_ipi" id="ds_ipi" class="form-control" disabled>
                            <option value="S" selected>SIM</option>
                            <option value="N">NÃO</option>
                        </select>
                    </div>
                </div>
                <div class="row row-mt form-group">
                    <div class="col-md-2">
                        <label for="ds_status">Status</label>
                        <select name="ds_status" id="ds_status" class="form-control" disabled>
                            <option value="S" selected>SEPARAÇÃO</option>
                            <option value="A">ANÁLISE</option>
                            <option value="R">RECUSADO</option>
                            <option value="F">FATURAR</option>
                        </select>
                    </div>
                    <div class="col-md-3">
                        <label for="ds_representante">Funcionário representante</label>
                        <select name="ds_representante" id="ds_representante" class="form-control">
                            <option value="B" selected>AMBOS</option>
                            <option value="N">NÃO</option>
                            <option value="S">SIM</option>
                        </select>
                    </div>
                    <div class="col-md-2">
                        <label for="ver_valor">Visualizar valor</label>
                        <select name="ver_valor" id="ver_valor" class="form-control" disabled>
                            <option value="S">SIM</option>
                            <option value="N" selected>NÃO</option>
                        </select>
                    </div>
                    <div class="col-md-2">
                        <label for="com_imposto">Com imposto</label>
                        <select name="com_imposto" id="com_imposto" class="form-control" disabled>
                            <option value="S" selected>SIM</option>
                            <option value="N" >NÃO</option>
                        </select>
                    </div>
                    <div class="col-md-3">
                        <label for="grupo_sub">Por grupo/sub grupo</label>
                        <select name="grupo_sub" id="grupo_sub" class="form-control" disabled>
                            <option value="S" selected>SIM</option>
                            <option value="N" >NÃO</option>
                        </select>
                    </div>
                </div>
                <div class="row row-mt form-group">
                    <div class="col-md-2">
                        <label for="considerar_dm">Considerar dm</label>
                        <select name="considerar_dm" id="considerar_dm" class="form-control">
                            <option value="S" >SIM</option>
                            <option value="N" selected>NÃO</option>
                        </select>
                    </div>
                    <div class="col-md-2">
                        <label for="ds_resumido">Resumido</label>
                        <select name="ds_resumido" id="ds_resumido" class="form-control" disabled>
                            <option value="S" >SIM</option>
                            <option value="N" selected>NÃO</option>
                        </select>
                    </div>
                    <div class="col-md-2">
                        <label for="itens_etiquetas">Itens etiquetas</label>
                        <select name="itens_etiquetas" id="itens_etiquetas" class="form-control" disabled>
                            <option value="4" >4</option>
                            <option value="7" selected>7</option>
                        </select>
                    </div>
                    <div class="col-md-2">
                        <label for="exp_excel">Exportar excel</label>
                        <select name="exp_excel" id="exp_excel" class="form-control" disabled>
                            <option value="S" >SIM</option>
                            <option value="N" selected>NÃO</option>
                        </select>
                    </div>
                    <div class="col-md-2">
                        <label for="cd_empfil">Empresa filial</label>
                        <select name="cd_empfil" id="cd_empfil" class="form-control">
                            @foreach( $empresas as $emp )
                                <option value="{{ $emp->id }}">{{ $emp->nm_fantasia }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="row row-mt">
                    <div class="col-md-6"></div>
                    <div class="col-md-3 btn-group">
                        <button type="submit" class="btn btn-info text-uppercase btn-block">
                            <i class="fa fa-print fa-fw"></i>
                            visualizar
                        </button>
                    </div>
                    <div class="col-md-3 btn-group">
                        <a href="{{ route('index.relatorios') }}" class="btn btn-default btn-block text-uppercase">
                            <i class="fa fa-power-off fa-fw"></i>
                            sair
                        </a>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

@endsection