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

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

            @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' => $sales->total(),
                        'listed' => count($sales)
                        ])
                    </i>
                    <br>
                    <br>
                    <i class="fa fa-info-circle"></i> <i>@trans('ui.listing.click_on_the_rows_for_more_info')</i>

                    <div class="pull-right box-tools">
                        <a href="{{ route('admin.sales.session-reports', Input::all() + ['export' => 1, 'rand' => rand()]) }}" class="btn btn-slim btn-success"
                                {!! count($sales) ? '' : '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($sales))
                        <table class="table table-striped table-bordered table-expandable">
                            <thead>
                            <tr>
                                <th>@transUc('generic.table')</th>
                                <th>@transUc('models.sale.num_orders')</th>
                                <th>@transUc('models.sale.gross_total')</th>
                                <th>@transUc('models.sale.net_total')</th>
                                <th>@transUc('generic.financial.vat')</th>
                                <th>@transUc('generic.financial.service_fee')</th>
                                <th>@transUc('generic.financial.treat')</th>
                                <th>@transUc('generic.financial.discount')</th>
                                <th>@transUc('models.generic.payment_type')</th>
                                <th>@transUc('models.sale.started_at')</th>
                                <th>@transUc('models.sale.deleted_at')</th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($sales as $sale)
                                <tr class="header">
                                    <td title="#{{ $sale->destination_type }}-{{ $sale->destination_id }}">
                                        {{ $sale->destinationName }}
                                    </td>
                                    <td title="#{{ $sale->id }}">{{ $sale->num_orders }}</td>
                                    <td>@currencySymbol {{ formatCurrency($sale->gross_price) }}</td>
                                    <td>@currencySymbol {{ formatCurrency($sale->net_price) }}</td>
                                    <td>@currencySymbol {{ formatCurrency($sale->vat) }}</td>
                                    <td>@currencySymbol {{ formatCurrency($sale->service_fee) }}</td>
                                    <td>@currencySymbol {{ formatCurrency($sale->treat) }}</td>
                                    <td>@currencySymbol {{ formatCurrency($sale->discount) }}</td>
                                    <td>@transUc('generic.financial.payment_types.'. PAYMENT_TYPE[$sale->payment_type])</td>
                                    <td>{{ $sale->started_at->format('d-m-Y H:i:s') }}</td>
                                    <td>{{ $sale->deleted_at->format('d-m-Y H:i:s') }}</td>
                                </tr>
                                <tr data-id="{{ $sale->id }}">
                                    <td colspan="11">
                                        <i class="fa fa-refresh fa-spin fa-3x"></i>
                                    </td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    @endif
                </div>
                <div class="box-footer">
                    <div class="no-print">
                        {!! $sales->render() !!}
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection

@push('scripts')
    <script type="text/javascript">
        $(function () {

            $(".table-expandable > tbody").accordion({
                collapsible   : true,
                active        : false,
                icons         : false,
                animate       : false,
                header        : "tr.header",
                beforeActivate: function (event, ui) {
                    $.get("/admin/sales/sales/" + ui.newPanel.data('id'), function (data) {
                        console.log(data)
                        ui.newPanel.find('td').empty().append(data.content)
                    })
                }
            })

            // 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