@extends('firm._layouts.standard')

@section('_content')
    <div class="events-header clearfix d-flex">
        <div class="create-header-top h3">
            <div class="tableNumberDetail create">{{ $order->sale->destinationName }}</div>
        </div>
        <div class="create-header-top h3">@transUc('firm.orders.order_attributes')</div>
    </div>
    <div id="contentContainer" class="clearfix">
        <div class="tableTotal d-flex">
            <div class="clearfix">
                <div class="tableTotalDetailsOuther back">
                    <a href="{{ url()->previous() }}" class="tableTotalDetails">
                        <img src="{{ assetLink('/assets/firm/images/back.svg') }}" class="productFeatureNameDetail">
                    </a>
                </div>
                <div class="productNameDetail h4 create-header">{{ $product->name }}</div>
            </div>
            <div class="d-flex content-right">
                @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>
        </div>
        <div class="create-form-outer clearfix modal-border-bottom">
            {!! Form::open(['method' => 'PUT', 'url' => route('firm.orders.update', $order->id)]) !!}
            <div id="quantity-alert" class="orderFeatures w100 alert alert-danger" style="display: none">
                Dikkat! <b id="quantity"></b> adet ürün için iptal kaydı oluşturulacaktır.
            </div>
            @if($editing)
                <div class="orderFeatures w100">
                    <label class="orderStatusNew">
                        <input type="radio" name="status" value="new" class="checkboxes hidden"

                                {{ $order->status == 'new' ? 'checked' : '' }}>
                        <div class="productFeatureNameDetail">@transUc('firm.orders.statuses.new')</div>
                        <img src="/assets/firm/images/new-bar.svg" width="50">
                    </label>
                    <label class="orderStatusPre">
                        <input type="radio" name="status" value="kitchen" class="checkboxes hidden"

                                {{ $order->status == 'kitchen' ? 'checked' : '' }}>
                        <div class="productFeatureNameDetail">@transUc('firm.orders.statuses.kitchen')</div>
                        <img src="/assets/firm/images/orange-bar.svg" width="50">
                    </label>
                    <label class="orderStatusOk">
                        <input type="radio" name="status" value="completed" class="checkboxes hidden"

                                {{ $order->status == 'completed' ? 'checked' : '' }}>
                        <div class="productFeatureNameDetail">@transUc('firm.orders.statuses.completed')</div>
                        <img src="/assets/firm/images/green-bar.svg" width="50">
                    </label>
                </div>
            @endif
            <div class="orderFeatures w100">
                <label class="">
                    <input type="checkbox" name="treat" value="1" class="checkboxes"
                            {{ $order->isTreat() ? 'checked' : '' }} {{ disabledIf(!user()->hasPrivilege('order.treat')) }}>

                    <div class="ikram-order">@transUc('generic.financial.treat')</div>
                </label>
            </div>
            @if(!$editing)
                <button type="submit" class="btnDiv820px" name="action" value="createNew">
                    <div class="btnGreen820px">OLUŞTUR VE YENİ EKLE</div>
                </button>
                <br>
                <br>
            @endif
            <button type="submit" class="btn general-radius orders-tablink orders-tablink-popup create-bttn">
                {{ $editing ? trans('firm.orders.update') : 'OLUŞTUR' }}
            </button>
            {!! Form::close() !!}
        </div>
        <div class="create-form-outer clearfix">

        </div>
    </div>
@endsection

@section('scripts')

    <script>
        var orderQuantity  = {{ $order->quantity }};
        var $quantityAlert = $('#quantity-alert')
        $(function () {
            /* ----------------------------------------------------------------------------------------------------------------- quantity Input -+- */
            $('.quantity-input').quantityInput().change(quantityChanged)
        })

        function quantityChanged(e, quantity) {
            if (orderQuantity > quantity) {
                $quantityAlert.show()
                $quantityAlert.find('#quantity').text(orderQuantity - quantity)
            } else {
                $quantityAlert.hide()
            }
            console.log('quantityChanged() ' + quantity)
        }
    </script>

@endsection