@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">@transUcFirst('.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'>
                                    <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">
                            <div class="form-group">
                                <label>@transUc('.payment_type')</label>
                                <div class='input-group' id='paymentTypes'>
                                    {!! html()->select('paymentTypes[]', $paymentTypes, Input::get('paymentTypes'))->class('select2')->multiple() !!}

                                    <input type="checkbox" id="paymentTypesInverted" name="paymentTypesInverted" class="filter-invert-input"
                                            {{ Input::get('paymentTypesInverted') ? 'checked' : '' }}
                                    >
                                    <label class="input-group-addon filter-invert" for="paymentTypesInverted"
                                           data-toggle="tooltip"
                                           title="Inverts the filter. EXCLUDE the results matching this filter."
                                    >
                                        <span class="filter-invert-text-inverted">≠</span>
                                        <span class="filter-invert-text-not-inverted">=</span>
                                    </label>
                                </div>
                            </div>
                        </div>

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

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

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

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

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

                        <div class="col-md-6 col-lg-3">
                            <div class="form-group">
                                <label>@transUc('.categories')</label>
                                <div class='input-group' id='categoryIds'>
                                    {!! html()->select('categoryIds[]', $categories, Input::get('categoryIds'))->class('form-control select2')->multiple() !!}

                                    <input type="checkbox" id="categoryIdsInverted" name="categoryIdsInverted" class="filter-invert-input"
                                            {{ Input::get('categoryIdsInverted') ? 'checked' : '' }}
                                    >
                                    <label class="input-group-addon filter-invert" for="categoryIdsInverted"
                                           data-toggle="tooltip"
                                           title="Inverts the filter. EXCLUDE the results matching this filter."
                                    >
                                        <span class="filter-invert-text-inverted">≠</span>
                                        <span class="filter-invert-text-not-inverted">=</span>
                                    </label>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-6 col-lg-3">
                            <div class="form-group">
                                <label>@transUc('models.product.model_name')</label>
                                <div class='input-group' id='productIds'>
                                    {!! html()->select('productIds[]', $products, Input::get('productIds'))->class('form-control select2')->multiple() !!}

                                    <input type="checkbox" id="productIdsInverted" name="productIdsInverted" class="filter-invert-input"
                                            {{ Input::get('productIdsInverted') ? 'checked' : '' }}
                                    >
                                    <label class="input-group-addon filter-invert" for="productIdsInverted"
                                           data-toggle="tooltip"
                                           title="Inverts the filter. EXCLUDE the results matching this filter."
                                    >
                                        <span class="filter-invert-text-inverted">≠</span>
                                        <span class="filter-invert-text-not-inverted">=</span>
                                    </label>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-6 col-lg-3">
                            {!! FormGroup::select('perPage', transUc('.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('.apply_filter')</button>
                    {!! Form::close() !!}
                </div>
            </div>
        </div>
    </div>

    @include('admin.sales._partials.stats')

    <div class="box box-primary">
        <div class="box-header">
            <h3 class="box-title">@transTitleCase('admin.sales.title')</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.sales', 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.quantity')</th>
                        <th>@transUc('models.order.total_price')</th>
                        <th>@transUc('generic.financial.vat_percentage')</th>
                        <th>@transUc('generic.financial.vat')</th>
                        <th>@transUc('generic.financial.service_fee')</th>
                        <th>@transUc('models.generic.category')</th>
                        <th>@transUc('models.generic.tracking_section')</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach($orders as $order)
                        <tr>
                            <td>
                                @if($order->product && !$order->product->trashed())
                                    <a href="{{ $order->product->adminEditUrl }}">{{ $order->product->name }}</a>
                                @else
                                    {{ $order->product->name }} (@transTitleCase('ui.listing.deleted'))
                                @endif
                            </td>
                            <td>{{ $order->visibleQuantity }}</td>
                            <td>@currencySymbol {{ formatCurrency($order->total_price) }}</td>
                            <td>{{ $order->product->vat_pct }}</td>
                            <td>@currencySymbol {{ formatCurrency($order->vat) }}</td>
                            <td>@currencySymbol {{ formatCurrency($order->service_fee) }}</td>
                            <td>
                                @if($order->product->categories)
                                    @foreach($order->product->categories as $category)
                                        {{ $category->name }}
                                    @endforeach
                                @else
                                    @transTitleCase('ui.listing.deleted')
                                @endif
                            </td>
                            <td>
                                @if($order->trackingSection)
                                    {{ $order->trackingSection->name }}
                                @else
                                    @transTitleCase('ui.listing.deleted')
                                @endif
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            @endif
        </div>
        <div class="box-footer">
            <div class="no-print">
                {!! $orders->render() !!}
            </div>
        </div>
    </div>

@endsection

@push('scripts')
    <script type="text/javascript">
        $(function () {
            $('select[name="financialDayId"]').select2({
                ajax: {
                    url     : '{{ route('admin.financial-days-for-listing') }}',
                    dataType: 'json',
                    delay   : 200,
                },
                tags: false,
            })

            // 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,
                clearBtn      : true,
                templates     : {
                    leftArrow : '<i class="fa fa-angle-left"></i>',
                    rightArrow: '<i class="fa fa-angle-right"></i>',
                },
                format        : 'dd.mm.yyyy',
            })
        })
    </script>
@endpush