@extends('layouts.app')

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

@section('content')
    <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@store'),
            'method' => 'post',
            'id' => 'add_return_pos_sell_form',
        ]) !!}
        <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="form-group">
                                <div class="input-group">
                                    <span class="input-group-addon">
                                        <i class="fa fa-map-marker"></i>
                                    </span>
                                    {!! Form::select(
                                        'location',
                                        $business_locations,
                                        $default_location->id ?? null,
                                        ['class' => 'form-control input-sm', 'id' => 'location_id', 'required', 'autofocus'],
                                        $bl_attributes,
                                    ) !!}
                                    <span class="input-group-addon">
                                        @show_tooltip(__('tooltip.sale_location'))
                                    </span>
                                </div>
                            </div>
                            <div class="box-body pb-0">
                                {!! Form::hidden('location_id', $default_location->id ?? null, [
                                    'id' => 'location_id',
                                    'data-receipt_printer_type' => !empty($default_location->receipt_printer_type)
                                        ? $default_location->receipt_printer_type
                                        : 'browser',
                                    'data-default_payment_accounts' => $default_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 }}">
                                <div class="col-sm-3"hidden>
                                    <div class="form-group">
                                        {!! Form::label('transaction_date', __('messages.date') . ':*') !!}
                                        <div class="input-group">
                                            <span class="input-group-addon">
                                                <i class="fa fa-calendar"></i>
                                            </span>
                                            {!! Form::text('transaction_date', @format_datetime('now'), ['class' => 'form-control', 'readonly', 'required']) !!}
                                        </div>
                                    </div>
                                </div>
                                <input type="text" class="" name="ref_no" hidden>

                                @include('sale_pos.partials.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>

    <div class="modal fade" id="expense_modal" tabindex="-1" role="dialog" aria-labelledby="gridSystemModalLabel">
    </div>

    @include('sale_pos.partials.configure_search_modal')

    @include('sale_pos.partials.recent_transactions_modal')

    @include('sale_pos.partials.weighing_scale_modal')

@stop
@section('css')
    <!-- 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
@stop
@section('javascript')
    <script>
        $(document).ready(function() {
            let clicks = 0;
            $('.pos-express-finalize').click(function() {
                clicks++;
                if (clicks === 1) {
                    $(this).prop('disabled', true);
                }

            });
        });
        // setInterval(tableReload, 5000); //300000 MS == 5 minutes
        // function tableReload() {
        //     $('.pos-express-finalize').attr('disabled', false);
        // }
    </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('click', '#pos-finalize', function() {
            $('#payment_type').prop('disabled', false);
        });
    </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
    <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>
@endsection