@extends('layout.backend.main')

@section('content')

<div class="page-content-container">
	<div class="page-content-row" style="display:block">

        <div class="page-content-col" style="display:block">

            <div class="col-md-12">
                <div class="portlet light bordered">

                    <div class="portlet-title">
                        <div class="caption font-dark">
                            <i class="icon-settings font-dark"></i>
                        </div>
                    </div>

                    <div class="portlet-title">
                        <div class="caption font-dark">
                            <div class="col-md-4">
                                <div class="input-group input-large">
                                    <span class="input-group-addon"> {{ trans('x.From') }} </span>
                                    <input type="text" id="start-date" class="form-control availabledates" name="from">
                                    <span class="input-group-addon"> {{ trans('x.to') }} </span>
                                    <input type="text" id="end-date" class="form-control availabledates" name="to"> 
                                    <span class="input-group-addon btn blue" id="go-filter"> {{ trans('x.Show') }} </span>
                                </div>
                                <!-- /input-group -->
                            </div>
                        </div>
                        <div class="btn-group" style="margin-left:20px">
                        </div>
                    </div>

                    <div class="portlet-body">
                        <table class="table table-striped table-bordered table-hover" id="dates-table">
                            <thead>
                                <tr>
                                    <th>{!!trans('x.Type')!!}</th>
                                    <th>{!!trans('x.Product')!!}</th>
                                    <th>{!!trans('x.Variation')!!}</th>
                                    @foreach (\App\Size::used() as $size)
                                        <th style="text-align:center">{{$size->name}}</th>
                                    @endforeach
                                    <th>{!!trans('x.Qty')!!}</th>
                                    @if (Auth::user()->can('report.see_prices'))
                                        <th>{!!trans('x.Price')!!}</th>
                                    @endif
                                </tr>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>
                    </div>
                    
                </div>
            </div>

        </div>
    </div>
</div>

@stop

@section('pages-scripts')

<script>

    $('.availabledates').datepicker({ 
        language: '{{ Localization::getCurrentLocale() }}',
        format: "dd/mm/yyyy",
        default: 'dd/mm/yyyy'
    });

    $('#go-filter').on('click', function(){

        $('#dates-table tbody').html('&nbsp;&nbsp;{{ trans("x.Loading content..") }} &nbsp; <img src="/assets/global/img/loading.gif" />')

        start_date = $('#start-date').val();
        end_date = $('#end-date').val();
        
        $.ajax({
            url: '/reports/select-date',
            data: { _token: '{!!csrf_token()!!}', start_date : start_date, end_date : end_date }
        })
        .success(function(msg) {
            if ($('#dates-table_wrapper').length >= 1)
                $('#dates-table_wrapper').replaceWith($(msg));
            else
                $('#dates-table').replaceWith($(msg));
        })
        .error(function(){
            toastr.error('ajax error');
        })
    })

</script>

@stop