@extends('layouts.master-vnext')

@section('page-title')
<i class="fa fa-cutlery"></i> PUB
@endsection

@section('content')

@include('common.errors')

<form method="POST" action="{{ action('Pub\PosController@submitOrder') }}" id="order-form">
{{ csrf_field() }}

<div class="row">
    <div class="col-md-2">
        {{ Form::customSelect('shift', ["MS" => "Morning shift", "NS" => "Night shift"], $shift) }}
    </div>

    <div class="col-md-6">
        {{ Form::customSelect('account', $accounts->pluck('displayNameForPos', 'id')) }}
    </div>

    <div class="col-md-2">
        {{ Form::customSelect('table', $tables) }}
    </div>

    <div class="col-md-2">
        {{ Form::customText('barcode') }}
    </div>
</div>

<div class="row">
    <div class="col-md-8">
        <div class="box">

            <div class="box-body">
                <table id="order-items" class="table table-condensed">
                </table>
            </div>

        </div>
    </div>

    <div class="col-md-2">
        <input type="text" class="form-control" id="total"/>
    </div>

    <div class="col-md-2">
        <a href="#" class="btn btn-danger" id="remove-last-item"><i class="fa fa-trash"></i></a>
        <button type="submit" id="print-order" class="btn btn-default">Submit</button>
    </div>
</div>

</form>

<form method="POST" action="{{ action('Pub\PosController@doTurnover') }}">
{{ csrf_field() }}
    <button type="submit" id="print-turnover" class="hidden"></button>
</form>

@endsection

@section('js')
<script type="text/javascript">

var functions = {
    storno: function () {
        removeLastItem();
    }
    , print: function () {
        submitForm();
    }
    , turnover: function() {
        turnover();
    }
};

var items = [
@foreach($tables as $key => $value)
    {
        'id': 8{{ $key+1 }},
        'type': 'table',
        'optionValue': {{ $key }},
    },
@endforeach
@foreach($accounts as $account)

@if( ($account->bookingType->name === "Walk in" || $account->bookingType->name === "Andy Li") && $account->room->barcode_id)
    {
        'id': 1{{ $account->room->barcode_id }},
        'type': 'account',
        'optionValue': {{ $account->id }}
    },
@elseif($account->bookingType->name === "VIP")
    {
        'id': 2{{ $account->contact->barcode_id }},
        'type': 'account',
        'optionValue': {{ $account->id }}
    },
@elseif($account->bookingType->name === "Company")
    {
        'id': 5{{ $account->contact->barcode_id }},
        'type': 'account',
        'optionValue': {{ $account->id }}
    },
@elseif($account->bookingType->name === "WA")
    {
        'id': 4{{ $account->contact->barcode_id }},
        'type': 'account',
        'optionValue': {{ $account->id }}
    },
@else
    {
        @if( $account->room->barcode_id )
        'id': 3{{ $account->room->barcode_id }},
        'type': 'account',
        'optionValue': {{ $account->id }}
        @endif
    },
@endif
@endforeach

@foreach($products as $product)
@if($product->group->category->division->name == "Pub")
    {
        'id': {{ $product->group->category->name === "Drinks" || $product->name === "Cake Slice" ? 7 : 6 }}{{ $product->barcode_id }},
        'type': 'product',
        'optionValue': {{ $product->id }},
        'optionText': '{{ $product->name }}',
        'price': '{{ $product->unit_price }} {{ $product->currency->symbol }}',
        'priceOnly': '{{ $product->unit_price }}'
    },
@endif
@endforeach

    {
        'id': 91,
        'type': 'function',
        'functionName': 'storno'
    },
    {
        'id': 92,
        'type': 'function',
        'functionName': 'print'
    },
    {
        'id': 93,
        'type': 'shift',
        'optionValue': 'MS',
    },
    {
        'id': 94,
        'type': 'shift',
        'optionValue': 'NS'
    },
    {
        'id': 96,
        'type': 'function',
        'functionName': 'turnover'
    }
];

$("#barcode").focus();

$("#barcode").on('keydown', function(event) {
    if( event.keyCode == 13) {
        event.preventDefault();

        resolvedItem = resolveItem(items, $('#barcode').val());

        if( resolvedItem )
        {

            if(resolvedItem.type === 'product')
            {
                addOrder(resolvedItem);
            }
            else if(resolvedItem.type === 'function')
            {
                functions[resolvedItem.functionName]();
            }
            else
            {
                if(resolvedItem.type === 'table')
                {
                    selector = '#table';
                }

                if(resolvedItem.type === 'account')
                {
                    selector = '#account';
                }

                if(resolvedItem.type === 'shift')
                {
                    selector = '#shift';
                }

                $(selector)[0].selectize.setValue(resolvedItem.optionValue);
            }

            $(this).val("");
        }

        return false;
    }
});

$('#order-form').on('keyup keypress', function(e) {
  var keyCode = e.keyCode || e.which;
  if (keyCode === 13) {
    $("#barcode").focus();

    e.preventDefault();
    return false;
  }
});

$("#order-items").on('click', '.remove-item', function() {
    $(this).closest('tr').remove();
    recalculateTotal();
});

$("#remove-last-item").on('click', function() {
    removeLastItem();
});

$("#order-form").on('submit', function(e) {

    // simple validation to not loose already scanned data
    if( !$('#account').val() )
    {
        alert('Please select an account!');
        e.preventDefault();
        return;
    }

    if( !$('#table').val() )
    {
        alert('Please select a table!');
        e.preventDefault();
        return;
    }

    if( $('#order-items tr').length === 0 )
    {
        alert('Please scan some orders first!');
        e.preventDefault();
        return;
    }
});

function resolveItem(items, value)
{
    for (var i=0, iLen=items.length; i<iLen; i++)
    {
        if (items[i].id == value) return items[i];
    }
}

function addOrder(orderItem)
{
    $hiddenIdField = $('<input type="hidden" name="items[]" />').val(orderItem.optionValue);

    $td = $('<td></td>').html(orderItem.optionText).append($hiddenIdField);
    $price = $('<td class="text-right price" data-item-price="' + orderItem.priceOnly + '"></td>').html(orderItem.price);
    $button = $('<td><a href="#" class="btn btn-xs btn-danger remove-item"><i class="fa fa-trash"></i></a></td>');

    $tr = $('<tr></tr>').append($td).append($price).append($button);

    $("#order-items").append($tr);
    recalculateTotal();
}

function removeLastItem()
{
    $('#order-items tr:last').remove();
    recalculateTotal();
}

function recalculateTotal()
{
    $selectorAsArray = $('#order-items td.price').toArray();
    newTotal = $selectorAsArray.reduce(function(total, currentItem) { return (total += +$(currentItem).data('item-price')); }, 0);
    $('#total').val(newTotal);
}

function submitForm()
{
    $('button[id=print-order]').click();
}

function turnover()
{
    $('button[id=print-turnover]').click();
}

</script>
@endsection