@extends('admin._layouts.master')

@section('css')
    <style>
        .content-wrapper {
            -webkit-transition : none !important;
            transition         : none !important;
        }
    </style>
@endsection


@section('content')

    <div class="row">
        <div class="col-md-12">
            <div class="box box-primary no-print">
                <div class="box-header">
                    <h3 class="box-title">@transUc('admin.sales.sales.filters')</h3>
                </div>
                <div class="box-body">
                    {!! Form::open(['method' => 'GET']) !!}
                    <div class="row">

                        <div class="col-md-6 col-lg-3">
                            <div class="form-group">
                                <label>@transUc('generic.date_range')</label>
                                <div class='input-group date' id='beginningDate'>
                                    <label for="dateRange" class="input-group-addon">
                                        <span class="fa fa-calendar"></span>
                                    </label>
                                    {!! Form::text('dateRange', Input::get('dateRange'), ['id' => 'dateRange', 'class' => 'form-control date-range', 'autocomplete' => 'off']) !!}
                                </div>
                            </div>
                        </div>

                        <div class="col-md-6 col-lg-3">
                            <div class="form-group">
                                <label>@transUc('admin.sales.sales.date_financial_day')</label>
                                <div class='input-group date'>
                                    <label for="financialDay" class="input-group-addon">
                                        <span class="fa fa-calendar"></span>
                                    </label>
                                    {!! Form::text('financialDay', Input::get('financialDay'), ['id' => 'financialDay', 'class' => 'form-control', 'autocomplete' => 'off']) !!}
                                </div>
                            </div>
                        </div>

                        <div class="col-md-6 col-lg-3">
                            {!! FormGroup::select('payment_type', transUc('models.generic.payment_type'), $paymentTypes, Input::get('payment_type')) !!}
                        </div>

                        <div class="col-md-6 col-lg-3">
                            {!! FormGroup::select('userId', transUc('admin.sales.sales.waiters'), $users, Input::get('userId')) !!}
                        </div>

                        <div class="col-md-6 col-lg-3">
                            {!! FormGroup::select('tracking_section_id', transUc('admin.sales.sales.tracking_sections'), $trackingSections, Input::get('tracking_section_id')) !!}
                        </div>

                        <div class="col-md-6 col-lg-3">
                            {!! FormGroup::select('tableId', transUc('admin.sales.sales.tables'), $tables, Input::get('tableId')) !!}
                        </div>

                        <div class="col-md-6 col-lg-3">
                            {!! FormGroup::select('perPage', transUc('admin.sales.sales.results_per_page'), $paginationOptions, Input::get('perPage', 20)) !!}
                        </div>
                    </div>
                    <button class="btn btn-slim btn-warning"><i class="fa fa-filter"></i>&nbsp; @transUc('admin.sales.sales.apply_filter')</button>
                    {!! Form::close() !!}
                </div>
            </div>

            <div class="box box-primary">
                <div class="box-header">
                    <h3 class="box-title">@transUc('admin.sales.sales.waiters')</h3> &nbsp;&nbsp;
                    <i>
                        @trans('ui.pagination_results_info', [
                            'total' => $orders->total(),
                            'listed' => count($orders)
                        ])
                    </i>

                    <div class="pull-right box-tools">
                        <a href="{{ route('admin.sales.waiter-reports', Input::all() + ['export' => 1, 'rand' => rand()]) }}" class="btn btn-slim btn-success"
                                {!! count($orders) ? '' : 'disabled onclick="event.preventDefault();"' !!}
                        >
                            <i class="fa fa-file-excel-o"></i>&nbsp; @transUc('generic.export')
                        </a>
                    </div>
                </div>
                <div class="box-body table-responsive">
                    @if(count($orders))
                        <table class="table table-striped table-bordered">
                            <thead>
                            <tr>
                                <th>@transUc('models.generic.name')</th>
                                <th>@transUc('models.order.total_price')</th>
                                <th>@transUc('models.order.quantity')</th>
                                <th>@transUc('.order_report_detail')</th>
                                <th>@transUc('.sales_report_detail')</th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($orders as $order)
                                <tr>
                                    <td>
                                        @if($order->user)
                                            <a href="{{ $order->user->adminEditUrl }}">{{ $order->user->fullname }}</a>
                                        @else
                                            @transTitleCase('ui.listing.deleted')
                                        @endif
                                    </td>
                                    <td>@currencySymbol {{ formatCurrency($order->total_price) }}</td>
                                    <td>{{ $order->visibleQuantity }}</td>
                                    <td>
                                        @if($order->user)
                                            <a href="{{ route('admin.sales.order-reports', array_merge(Input::all(), ['userId' => $order->user->id])) }}">
                                                <i class="fa fa-eye"></i> @transUcFirst('.order_report_detail')
                                            </a>
                                        @else
                                            @transUc('ui.listing.deleted')
                                        @endif
                                    </td>
                                    <td>
                                        @if($order->user)
                                            <a href="{{ route('admin.sales.sales', array_merge(Input::all(), ['userId' => $order->user->id])) }}">
                                                <i class="fa fa-eye"></i> @transUcFirst('.sales_report_detail')
                                            </a>
                                        @else
                                            @transUc('ui.listing.deleted')
                                        @endif
                                    </td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    @endif
                </div>
                <div class="box-footer">
                    <div class="no-print">
                        {!! $orders->render() !!}
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection

@push('scripts')
    <script type="text/javascript">
        $(function () {
            // reset the financial day selection if user edits time range manually
            $('.date-range').on('apply.daterangepicker', function () {
                $('#financialDay').val('')
            })

            let pickerData = {!! json_encode($financialDayPickerData, JSON_UNESCAPED_SLASHES) !!}

            $('#financialDay').datepicker({
                orientation   : 'bottom',
                todayHighlight: true,
                startDate     : pickerData.startDate,
                endDate       : pickerData.endDate,
                datesDisabled : pickerData.datesDisabled,
                autoclose     : true,
                language      : window.userLocale,
                templates     : {
                    leftArrow : '<i class="fa fa-angle-left"></i>',
                    rightArrow: '<i class="fa fa-angle-right"></i>',
                },
                format        : 'dd.mm.yyyy',
            })
        })
    </script>
@endpush