@extends('firm._layouts.standard')

@section('_content')
    <div class="events-header">
        @transUc('firm.sections.time_machine') -
        @if($sale->destination_type == 'table')
            @transUc('generic.table') {{ $sale->destination->name }}
        @elseif($sale->destination_type == 'address')
            {{ $sale->destination->customer->fullname }}
        @endif
    </div>
    <div id="contentContainer">
        {!! Form::open(['url' => route('firm.time-machine.rewind', $sale->id), 'novalidate' => '', 'id' => 'rewind-form']) !!}
        <input type="hidden" name="partialMode" value="0">
        <div class="tableTotal">
            <div class="tableTotalDetailsOuther back">
                <a href="{{ route('firm.checkout.index') }}">
                    <div class="btn btn-primary btn-lg back">
                        <i class="fas fa-arrow-left fa-lg text-white my-4 mx-2 fa-lg"></i>
                    </div>
                </a>
            </div>

            <div class="row mt-3">
                <a class="btn btn-secondary text-white disabled btn-lg ml-3">
                    <h3 class="mt-3">
                        @currencySymbol <span id="totalPrice">{{ $sale->net_price }}</span></h3>
                </a>

                <a id="partial-price-wrapper" class="bg-secondary rounded-0 text-white btn-lg tableTotalPrice"
                   style="display: none;">
                    <h3 class="mt-3 text-bold">
                        @currencySymbol <span id="partialPrice">{{ $sale->net_price }}</span></h3>
                </a>

                <a class="tableTotalPrint btn btn-primary btn-lg ml-3">
                    <i class="fas fa-print text-white my-4 mx-2 fa-lg"></i>
                </a>

                <a id="rewind-btn" class="btn btn-primary btn-lg ml-3">
                    <i class="fas fa-history text-white my-4 fa-lg mx-2"></i>
                </a>
            </div>


        </div>

        @foreach($orders as $order)
            <a href="#">
                <div class="order checkout order-{{ $order->getStatus() }} {{ $order->isTreat() ? 'treat' : '' }}{{ $order->isCancelled() ? 'cancelled' : '' }}"
                     data-price="{{ $order->price }}">
                    <div>
                        <input type="checkbox" name="orders[{{ $order->id }}]" value="1" class="checkboxes partial-check" style="display: none;">
                        @if($order->quantity != 1)
                            <div class="quantity-input" style="display: none;" data-max="{{ $order->visibleQuantity }}">
                                <span class="btn dec-btn">-</span>
                                <input type="number" value="1">
                                <span class="btn inc-btn">+</span>
                            </div>
                        @endif
                        @if($order->quantity != 1)
                            <div class="productFeatureQnt" title="{{ $order->quantity }} @transUc('generic.uom-short.' . $order->product->uom)">
                                <b>{{ $order->visibleQuantity }} &nbsp;@transUc('generic.uom-short.' . $order->product->uom)</b>
                            </div>
                        @endif
                        <div class="productName">{{ $order->product->name }}</div>
                        <div class="productName">@currencySymbol {{ $order->total_price }}</div>
                        <div class="status-canceled-comment">{{ $order->cancel_reason }}</div>
                        <div class="order-labels">
                            @if($order->isTreat())
                                <div class="productFeatureEx"><b>@transUc('generic.financial.treat')</b></div>
                            @endif
                            @foreach($order->product->specs as $spec)
                                @foreach($spec->options as $option)
                                    @if($spec->multiselect)
                                        @if(!$option->default && $order->isOptionSelected($option))
                                            <div class="productFeature">{{ $option->name }}</div>
                                        @elseif($option->default && !$order->isOptionSelected($option))
                                            <div class="productFeatureDel">{{ $option->name }}</div>
                                        @elseif($order->isOptionSelected($option))
                                            <div class="productFeature">{{ $option->name }}</div>
                                        @endif
                                    @else
                                        @if($order->isOptionSelected($option))
                                            <div class="productFeature">{{ $option->name }}</div>
                                        @endif
                                    @endif
                                @endforeach
                            @endforeach
                        </div>
                        @if($order->user && companySetting('show_waiter_names_in_checkout_screen'))
                            <div class="productFeature user"><i class="fa fa-street-view"></i> {{ $order->user->fullname }}</div>
                        @endif
                        <div class="productTime">{{ $order->printTime() }}</div>
                    </div>
                    @if($order->note)
                        <div class="note"><b>@transUc('models.order.note') :</b> {{ $order->note }}</div>
                    @endif
                </div>
            </a>
        @endforeach

        {!! Form::close() !!}
    </div>

@endsection

@section('print')

    {!! $bills !!}

@endsection

@section('scripts')
    <script>
        $(function () {
            var $form = $('#rewind-form ')

            $('#rewind-btn').click(function () {
                $form.submit()
            })

            $form.submit(function (e) {
                if (!confirm('{{ transUcFirst('firm.time_machine.rewind_confirmation') }}')) {
                    e.preventDefault()
                }
            })

            $('.tableTotalPrint').click(function () {
                window.print()
                return false
            })
        })
    </script>
@endsection