@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('tableId', transUc('admin.sales.sales.tables'), $tables, Input::get('tableId')) !!}
                        </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">
                            <div class="form-group">
                                <label>@transUc('admin.sales.sales.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('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>
    </div>

    <div class="row">
        <div class="col-md-6 col-sm-12 col-xs-12">
            <div class="info-box">
                <span class="info-box-icon bg-yellow"><i class="fa fa-money"></i></span>

                <div class="info-box-content">
                    <span class="info-box-text">@transUc('.total_value')</span>
                    <span class="info-box-number">@currencySymbol {{ formatCurrency($sales) }}</span>
                </div>
            </div>
        </div>
        <div class="col-md-6 col-sm-12 col-xs-12">
            <div class="info-box">
                <span class="info-box-icon bg-green"><i class="fa fa-shopping-cart"></i></span>

                <div class="info-box-content">
                    <span class="info-box-text">@transUc('.num_products')</span>
                    <span class="info-box-number">{{ $numSales }}</span>
                </div>
            </div>
        </div>
    </div>

    <div class="box box-primary">
        <div class="box-header">
            <h3 class="box-title">@transTitleCase('.cancelled_orders')</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.cancel-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('generic.table')</th>
                        <th>@transUc('models.product.model_name')</th>
                        <th>@transUc('models.order.quantity')</th>
                        <th>@transUc('models.order.total_price')</th>
                        <th>@transUc('models.order.cancelled_by')</th>
                        <th>@transUc('models.order.cancel_reason')</th>
                        <th>@transUc('models.generic.tracking_section')</th>
                        <th>@transUc('models.order.cancelled_at')</th>
                        <th>@transUc('models.generic.created_at')</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach($orders as $order)
                        <tr>
                            <td title="#{{ $order->sale->destination_type }}-{{ $order->sale->destination_id }}">
                                {{ $order->sale->destinationName }}
                            </td>
                            <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 {{ $order->total_price }}</td>
                            <td>
                                @if($order->canceller)
                                    <a href="{{ mRoute('edit',  $order->canceller_id) }}">{{ $order->canceller->fullname }}</a>
                                @endif
                            </td>
                            <td>{{ $order->cancel_reason }}</td>
                            <td>
                                @if($order->trackingSection)
                                    {{ $order->trackingSection->name }}
                                @endif
                            </td>
                            <td>{{ $order->deleted_at->format('d-m-Y H:i:s') }}</td>
                            <td>{{ $order->created_at->format('d-m-Y H:i:s') }}</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 () {
            // 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