@extends('layouts.app')

@section('title', __('Pos return'))

@section('content')
    @php
        $return_pos_redirect_url = action('SellPosReturnController@create');
    @endphp
    <section class="content no-print">
        <input type="hidden" id="amount_rounding_method" value="{{ $pos_settings['amount_rounding_method'] ?? '' }}">
        @if (!empty($pos_settings['allow_overselling']))
            <input type="hidden" id="is_overselling_allowed">
        @endif
        @if (session('business.enable_rp') == 1)
            <input type="hidden" id="reward_point_enabled">
        @endif
        @php
            $is_discount_enabled = $pos_settings['disable_discount'] != 1 ? true : false;
            $is_rp_enabled = session('business.enable_rp') == 1 ? true : false;
        @endphp
        {!! Form::open([
            'url' => action('SellPosReturnController@update', [$transaction->id]),
            'method' => 'post',
            'id' => 'edit_pos_sell_form',
        ]) !!}
        {{ method_field('PUT') }}
        <span style="font-weight: bold"> Location : {{ $transaction->location->name }} </span>
        <input type="hidden" id="return_pos_redirect_url" value="{{ $return_pos_redirect_url }}">
        <div class="row mb-12">
            <div class="col-md-12">
                <div class="row">
                    <div
                        class="@if (empty($pos_settings['hide_product_suggestion'])) col-md-7 col-sm-8 @else col-md-10 col-sm-8 col-md-offset-1 @endif no-padding pr-12">
                        <div class="box box-solid mb-12 @if (!isMobile()) mb-40 @endif">
                            <div class="box-body pb-0">
                                {!! Form::hidden('location_id', $transaction->location_id, [
                                    'id' => 'location_id',
                                    'data-receipt_printer_type' => !empty($location_printer_type) ? $location_printer_type : 'browser',
                                    'data-default_payment_accounts' => $transaction->location->default_payment_accounts,
                                ]) !!}
                                <!-- sub_type -->
                                {!! Form::hidden('sub_type', isset($sub_type) ? $sub_type : null) !!}
                                <input type="hidden" id="item_addition_method"
                                    value="{{ $business_details->item_addition_method }}">
                                @include('sell_pos_return.partials.edit_return_pos_form')

                                <div class="row pos_form_totals">
                                    <div class="col-md-12">
                                        <table class="table table-condensed">
                                            <tr>
                                                <td><b>@lang('sale.item'):</b>&nbsp;
                                                    <span class="total_quantity">0</span>
                                                </td>
                                                <td>
                                                    <b>@lang('sale.total'):</b> &nbsp;
                                                    <span class="price_total">0</span>
                                                </td>
                                            </tr>
                                        </table>
                                    </div>
                                </div>

                                @include('sale_pos.partials.payment_modal')

                                @if (empty($pos_settings['disable_suspend']))
                                    @include('sale_pos.partials.suspend_note_modal')
                                @endif

                                @if (empty($pos_settings['disable_recurring_invoice']))
                                    @include('sale_pos.partials.recurring_invoice_modal')
                                @endif
                            </div>
                        </div>
                    </div>
                    @if (empty($pos_settings['hide_product_suggestion']) && !isMobile())
                        <div class="col-md-5 col-sm-4 no-padding">
                            @include('sale_pos.partials.pos_sidebar')
                        </div>
                    @endif
                </div>
            </div>
        </div>
        @php
            $is_mobile = isMobile();
        @endphp
        <input type="hidden" class="" id="payment_type" name="payment_type" value="multiple_payment" disabled>
        <button type="button"
            class="btn bg-navy btn-default @if (!$is_mobile)  @endif btn-flat no-print @if ($pos_settings['disable_pay_checkout'] != 0) hide @endif @if ($is_mobile) col-xs-6 @endif"
            id="pos-finalize" title="@lang('lang_v1.tooltip_checkout_multi_pay')"><i class="fas fa-money-check-alt" aria-hidden="true"></i>
            @lang('Return multiple Pay') </button>

        <button type="button"
            class="btn btn-success @if (!$is_mobile)  @endif btn-flat no-print @if ($pos_settings['disable_express_checkout'] != 0 || !array_key_exists('cash', $payment_types)) hide @endif pos-express-finalize @if ($is_mobile) col-xs-6 @endif"
            data-pay_method="cash" title="@lang('tooltip.express_checkout')"> <i class="fas fa-money-bill-alt" aria-hidden="true"></i>
            @lang('Return Cash')</button>
        @if (!$is_mobile)
            <div class="bg-navy pos-total text-white">
                <span class="text">@lang('Total Pay Amount')</span>
                <input type="hidden" name="final_total" id="final_total_input" value=0>
                <span id="total_payable" class="number">0</span>
            </div>
        @endif
        {!! Form::close() !!}
    </section>

    <!-- This will be printed -->
    <section class="invoice print_section" id="receipt_section">
    </section>
    <div class="modal fade contact_modal" tabindex="-1" role="dialog" aria-labelledby="gridSystemModalLabel">
        @include('contact.create', ['quick_add' => true])
    </div>
    @if (empty($pos_settings['hide_product_suggestion']) && isMobile())
        @include('sale_pos.partials.mobile_product_suggestions')
    @endif
    <!-- /.content -->
    <div class="modal fade register_details_modal" tabindex="-1" role="dialog" aria-labelledby="gridSystemModalLabel">
    </div>
    <div class="modal fade close_register_modal" tabindex="-1" role="dialog" aria-labelledby="gridSystemModalLabel">
    </div>
    <!-- quick product modal -->
    <div class="modal fade quick_add_product_modal" tabindex="-1" role="dialog" aria-labelledby="modalTitle"></div>

    @include('sale_pos.partials.configure_search_modal')

    @include('sale_pos.partials.recent_transactions_modal')

    @include('sale_pos.partials.weighing_scale_modal')

@stop

@section('javascript')
    <script src="{{ asset('js/return_pos.js?v=' . $asset_v) }}"></script>
    <script src="{{ asset('js/printer.js?v=' . $asset_v) }}"></script>
    <script src="{{ asset('js/product.js?v=' . $asset_v) }}"></script>
    <script src="{{ asset('js/opening_stock.js?v=' . $asset_v) }}"></script>
    <script>
        $('.new_cheque_date').datetimepicker({
            format: moment_date_format + ' ' + moment_time_format,
            ignoreReadonly: true,
        });

        $(document).on('change', '#main_city', function() {
            $('#sub_city').empty();
            $('#sub_city').append($('<option>', {
                value: '',
                text: 'Please Select'
            }));

            $.ajax({
                method: "post",
                url: '/get-sub-cities',
                data: {
                    city_id: $(this).val(),
                },
                success: function(result) {
                    $('#sub_city').html(result);
                }
            });
        });
        $(document).on('change', '#order_location_id', function() {
            var location_id = $(this).val();
            $('#location_id').empty();
            $('#location_id').val(location_id);
        });
    </script>

    @include('sale_pos.partials.keyboard_shortcuts')

    <!-- Call restaurant module if defined -->
    @if (in_array('tables', $enabled_modules) ||
            in_array('modifiers', $enabled_modules) ||
            in_array('service_staff', $enabled_modules))
        <script src="{{ asset('js/restaurant.js?v=' . $asset_v) }}"></script>
    @endif

    <!-- include module js -->
    @if (!empty($pos_module_data))
        @foreach ($pos_module_data as $key => $value)
            @if (!empty($value['module_js_path']))
                @includeIf($value['module_js_path'], ['view_data' => $value['view_data']])
            @endif
        @endforeach
    @endif

@endsection

@section('css')
    <style type="text/css">
        /*CSS to print receipts*/
        .print_section {
            display: none;
        }

        @media print {
            .print_section {
                display: block !important;
            }
        }

        @page {
            size: 3.1in auto;
            /* width height */
            height: auto !important;
            margin-top: 0mm;
            margin-bottom: 0mm;
        }
    </style>
    <!-- include module css -->
    @if (!empty($pos_module_data))
        @foreach ($pos_module_data as $key => $value)
            @if (!empty($value['module_css_path']))
                @includeIf($value['module_css_path'])
            @endif
        @endforeach
    @endif
@endsection