@extends('adminlte::page')

@section('title', 'AdminLTE')

@section('content_header')
    <h1>Pesquisa mensalidades</h1>
@stop

@section('content')


<div class="row">
    <div class="col-xs-12">
        <div class="box box-primary">
            <!-- /.box-header -->
            <div class="box-body"> 
                <form action="{{route('payment.index')}}" method="get">
                    <div class="col-md-12 text-yellow"><strong>Filtros Cliente</strong></div>    
                    <div class="col-md-3" id="divStatus">
                        <div class="form-group">
                            <label for="status"> Status <span id="msgTipo"></span></label>
                            <select class="form-control" name="status" id="status" >
                                <option value=""></option>
                                @foreach ($status as $value => $opt)
                                <option value="{{ $value }}">{{ $value }}</option>                             
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-md-3" id="divnome_fantasia">
                        <div class="form-group">
                            <label class="control-label" for="nome_fantasia"> Nome Fantasia <span id="msgnome_fantasia"></span></label> </label>    
                            <input type="text" class="form-control" name="nome_fantasia" id="nome_fantasia"  value="{{ old('nome_fantasia') }}"  autocomplete="off" />
                        </div>    
                    </div>
                    <div class="col-md-3" id="divContato">
                        <div class="form-group">
                            <label class="control-label" for="contato"> Contato <span id="msgContato"></span></label> </label>    
                            <input type="text" class="form-control" name="contato" id="contato"  value="{{ old('contato') }}"  autocomplete="off" />
                        </div>    
                    </div>
                    <div class="col-md-3" id="divTipo">
                        <div class="form-group">
                            <label for="tipo"> URL Site:  <span id="msgTipo"></span></label>
                            <select class="form-control" name="client_id" id="tipo">
                                <option value=""></option>
                                @foreach ($clients as $cliente)
                                    <option value="{{ $cliente->id }}">{{ $cliente->urlsite }}</option>
                                @endforeach 
                            </select>    
                        </div>
                    </div> 

                    <div class="col-md-2 col-md-12" id="divTipo">
                        <div class="form-group">
                            <label>A partir de:</label>
                            <div class="input-group date">
                                <div class="input-group-addon">
                                <i class="fa fa-calendar"></i>
                                </div>
                                <input type="text" name="date_from" class="form-control pull-right" id="datepicker"  autocomplete="off" />
                            </div>
                        <!-- /.input group -->
                        </div>
                    </div>

                    <div class="col-md-2 col-xs-12" id="divTipo">
                        <div class="form-group">
                            <label>Até:</label>
                            <div class="input-group date">
                                <div class="input-group-addon">
                                <i class="fa fa-calendar"></i>
                                </div>
                                <input type="text" name="date_to" class="form-control pull-right" id="datepicker2"  autocomplete="off" />
                            </div>
                        <!-- /.input group -->
                        </div>
                    </div> 
                    
                    <div class="col-md-2 col-xs-12" id="divTipo">
                        <label for="nf_pendente">Nota Fiscal Pedente</label>    
                        <div class="checkbox icheck">                            
                            <input type="checkbox" name="nf_pendente" value="1"> 
                        </div>
                    </div>
                    
                    <div class="col-md-2 col-xs-12" id="divTipo">
                        <label for="nf_pendente">Relatório Consolidado</label>    
                        <div class="checkbox icheck">                            
                            <input type="checkbox" name="consolidated" value="1"> 
                        </div>
                    </div>

                    <div class="col-md-2 col-xs-12">    
                        <label>&nbsp;</label>
                        <div class="small-box bg-orange">
                            <a href="./?date_from={{ $date_from }}&date_to={{ $date_to }}&order=data_vencimento&direction=desc" class="small-box-footer">Mês atual <i class="fa fa-arrow-circle-right"></i></a>
                        </div>                            
                    </div>

                    <div class="col-md-2 col-xs-12" >    
                        <label>&nbsp;</label>
                        <div class="small-box bg-green">
                            <a href="./?date_from={{ $next_date_from }}&date_to={{ $next_date_to }}&order=data_vencimento&direction=desc" class="small-box-footer">Próximo mês <i class="fa fa-arrow-circle-right"></i></a>
                        </div>                            
                    </div>
                        
                    <div class="col-md-12">&nbsp;</div> 
                    <div class="col-md-12 box-footer text-center">
                        <input type="hidden" name="order" value="data_vencimento">
                        <input type="hidden" name="direction" value="desc">
                        <button type="submit" class="btn btn-primary" id="submit_button">PESQUISAR</button>
                    </div>
                    <div class="col-md-12">&nbsp;</div>
                </form> 
            </div><!-- /.box-body -->
        </div><!-- /.box primary -->
    </div><!-- /.col-xs-12 -->
</div> <!-- /.row -->   
<script src="{{ asset('js/script.js') }}"></script>
@stop