@extends('layouts.reports')
@section('reports')

    {!!Form::open(['action' => ['ReportsController@getExecutiveAppointments'],
        '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($appointments->count() != 0)                    
                    <a class="btn btn-md btn-primary"  href="#" id="export">Exportar</a>        
                @endif
            </div>
        </div>
    {!!Form::close()!!}
    @include('reports.templates.appointments')
    <center>{!!$appointments->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