@extends('layouts.reports')
@section('reports')
    
    {!!Form::open([
        'action' => ['ReportsController@getStatusChangesReport'],
        'class' => 'form-horizontal',
        'method'=>'GET',
        'id' => 'assign-form'
    ]) !!}

        {!! Form::hidden('export') !!}
        
        <div class="form-group">
            
            {!!Form::label('since','Desde', ['class' => 'control-label col-xs-1'])!!}
            <div class="col-xs-3">
                <div class="input-group">
                    {!!Form::input('text', 'since',Input::get('since', \Carbon\Carbon::parse('first day of this month')->format('Y-m-d')), ['id' => 'since' ,'class' => 'date form-control', 'placeholder' => 'YYYY-MM-DD'])!!}
                    <span class="calendar-btn input-group-addon"><i class="fa fa-calendar"></i></span>
                </div>
            </div>

            {!!Form::label('until','Hasta', ['class' => 'control-label col-xs-1'])!!}
            <div class="col-xs-3">
                <div class="input-group">
                    {!!Form::input('text', 'until',Input::get('until', \Carbon\Carbon::parse('last day of this month')->format('Y-m-d')), ['id' => 'until','class' => 'date form-control', 'placeholder' => 'YYYY-MM-DD'])!!}
                    <span class="calendar-btn input-group-addon"><i class="fa fa-calendar"></i></span>
                </div>

            </div>

            
            <div class="col-xs-4">
                {!! Form::submit('Consultar', ['id' => 'submit', 'class' => 'btn btn-md btn-default']) !!}      
                @if($reports->count() != 0)                    
                    <a class="btn btn-md btn-primary"  href="#" id="export">Exportar</a>        
                @endif
            </div>

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

    @include('reports.templates.status')
    <center>{!!$reports->render()!!}</center>

@stop



@section('script')
    <script type="text/javascript">
        $(document).ready(function() {  
            $('#until').datepicker('option', 'minDate', $('#since').val());
            $('#since').datepicker('option', 'minDate', null);    
          // Validación/Reestricción de fechas en campo date 'Hasta'
          $('#since')
          .datepicker(
            'option',
            'onSelect',
            function(dateText, inst) {
              $('#until').datepicker('option', 'minDate', dateText);
            }
          );


          $('#export').click(function(evt){
        evt.preventDefault();
        var form = $(this).parents('form');
        var input = form.find('input[name="export"]');
        input.val('xls');
        $('#submit').click();
        input.val('');
        });
        });
    </script>
@stop