@extends('adminlte::page')

@section('title', 'AdminLTE')

@section('content_header')
    <h1>Pesquisa Boletos</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('bankslip.index')}}" method="get">
                <div class="col-md-12 text-yellow"><strong>Filtros Boleto</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="pago" id="pago" >
                        <option value=""></option>
                        @foreach ($status as $value => $opt)
                        <option value="{{ $value }}"
                            @if( isset($client->status))
                                @if($client->status == $value)
                                    selected
                                @endif    
                            @endif
                        >{{ $opt }}</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="data_inicio" class="form-control pull-right" id="datepicker"  autocomplete="off" required />
                        </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="data_fim" class="form-control pull-right" id="datepicker2"  autocomplete="off" required/>
                        </div>
                    <!-- /.input group -->
                    </div>
                </div>  

                <div class="col-md-12">&nbsp;</div> 
                <div class="col-md-12 box-footer text-center">
                    <button type="submit" class="btn btn-primary" id="submit_button">PESQUISAR</button>
                </div>
                
            </form>    

            </div><!-- /.box-body -->
        </div><!-- /.box primary -->
    </div><!-- /.col-xs-12 -->
</div> <!-- /.row -->   


<script src="{{ asset('js/script.js') }}"></script>
@stop