@extends('tenant.settings.pos.pos-settings-tabs')


@section('breadcrumb')
    @include('tenant.layouts.breadcrumb', [
        'items' => [
            __('breadcrumb.pos_settings') => '#',
            __('breadcrumb.general_settings') => '#',
        ],
    ])
@endsection

@section('sidebar')
    @include('tenant.layouts.sidebar', ['activeItem' => 'settings.pos.general-settings'])
@endsection

@section('pos-settings-content')
    <div class="inner-content-layout form-bg-color p-4 rounded-form">
        <h4>@lang('settings/pos/general-settings.general_settings')</h4>

        <form action="{{ route('tenant.settings.pos.general-settings.save') }}" method="post" id="update_general_settings">
            @csrf

            <div class="row my-4">
                <div class="col">
                    <label for="show_barcode_image_on_pos_scan" class="fw-bold">@lang('settings/pos/general-settings.show_barcode_image_on_pos_scan')</label>
                    <input type="checkbox" name="show_barcode_image_on_pos_scan" id="show_barcode_image_on_pos_scan"
                        class="custom-checkbox" value="1"
                        {{ $settings['show_barcode_image_on_pos_scan'][0]->value ? 'checked' : '' }}>
                </div>

                <div class="col">
                    <label for="allow_slip_discount_on_undiscountable_items" class="fw-bold">@lang('settings/pos/general-settings.allow_slip_discount_on_undiscountable_items')</label>
                    <input type="checkbox" name="allow_slip_discount_on_undiscountable_items" id="allow_slip_discount_on_undiscountable_items"
                        class="custom-checkbox" value="1"
                        {{ $settings['allow_slip_discount_on_undiscountable_items'][0]->value ? 'checked' : '' }}>
                </div>

                {{-- <div class="col">
                    @php $selected_multiple_option = $settings['multiple_users_on_one_box'][0]->value; @endphp

                    <label for="multiple_users_on_one_box" class="fw-bold">@lang('settings/pos/general-settings.multiple_users_on_one_box')</label>
                    <div class="d-flex gap-3">
                        <div>
                            <label for="yes-multiple">@lang('settings/pos/general-settings.yes')</label>
                            <input type="radio" name="multiple_users_on_one_box" id="yes-multiple" value="1"
                                {{ $selected_multiple_option ? 'checked' : '' }}>
                        </div>

                        <div>
                            <label for="no-multiple">@lang('settings/pos/general-settings.no')</label>
                            <input type="radio" name="multiple_users_on_one_box" id="no-multiple" value="0"
                                {{ !$selected_multiple_option ? 'checked' : '' }}>
                        </div>
                    </div>
                </div> --}}

                <div class="col">
                    @php $allowing_show_available_quantity = $settings['allowing_show_available_quantity_for_barcodes'][0]->value; @endphp
                    <label for="show_available_quantity" class="fw-bold">@lang('settings/pos/general-settings.allowing_show_available_quantity_for_barcodes')</label>
                    <div class="d-flex gap-3">
                        <div>
                            <label for="yes-allowing_show_available_quantity_for_barcodes">@lang('general.yes')</label>
                            <input type="radio" name="allowing_show_available_quantity_for_barcodes"
                                id="yes-allowing_show_available_quantity_for_barcodes" value="1"
                                {{ $allowing_show_available_quantity ? 'checked' : '' }}>
                        </div>

                        <div>
                            <label for="no-allowing_show_available_quantity_for_barcodes">@lang('general.no')</label>
                            <input type="radio" name="allowing_show_available_quantity_for_barcodes"
                                id="no-allowing_show_available_quantity_for_barcodes" value="0"
                                {{ !$allowing_show_available_quantity ? 'checked' : '' }}>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row my-4">
                <div class="col">
                    @php $allowing_edit_price = $settings['allowing_edit_price_for_editable_price_items'][0]->value; @endphp
                    <label for="multiple_users_on_one_box" class="fw-bold">@lang('settings/pos/general-settings.allowing_edit_price_for_editable_price_items')</label>
                    <div class="d-flex gap-3">
                        <div>
                            <label for="yes-allowing-edit-price-for-editable-price-items">@lang('general.yes')</label>
                            <input type="radio" name="allowing_edit_price_for_editable_price_items"
                                id="yes-allowing-edit-price-for-editable-price-items" value="1"
                                {{ $allowing_edit_price ? 'checked' : '' }}>
                        </div>

                        <div>
                            <label for="no-allowing-edit-price-for-editable-price-items">@lang('general.no')</label>
                            <input type="radio" name="allowing_edit_price_for_editable_price_items"
                                id="no-allowing-edit-price-for-editable-price-items" value="0"
                                {{ !$allowing_edit_price ? 'checked' : '' }}>
                        </div>
                    </div>
                </div>

                <div class="col">
                    @php $allowing_edit_quantity = $settings['pos_allowing_edit_quantity_for_items'][0]->value; @endphp
                    <label class="fw-bold">@lang('settings/pos/general-settings.allowing_edit_quantity_for_items')</label>
                    <div class="d-flex gap-3">
                        <div>
                            <label for="yes-allowing-edit-quantity-for-items">@lang('settings/pos/general-settings.yes')</label>
                            <input type="radio" name="pos_allowing_edit_quantity_for_items"
                                id="yes-allowing-edit-quantity-for-items" value="1"
                                {{ $allowing_edit_quantity ? 'checked' : '' }}>
                        </div>

                        <div>
                            <label for="no-allowing-edit-quantity-for-items">@lang('settings/pos/general-settings.no')</label>
                            <input type="radio" name="pos_allowing_edit_quantity_for_items"
                                id="no-allowing-edit-quantity-for-items" value="0"
                                {{ !$allowing_edit_quantity ? 'checked' : '' }}>
                        </div>
                    </div>
                </div>

                <div class="col">
                    @php $allowing_show_cost = $settings['allowing_show_cost_in_find_item'][0]->value; @endphp
                    <label for="show_cost" class="fw-bold">@lang('settings/pos/general-settings.allowing_show_cost_in_find_item')</label>
                    <div class="d-flex gap-3">
                        <div>
                            <label for="yes-allowing_show_cost_in_find_item">@lang('general.yes')</label>
                            <input type="radio" name="allowing_show_cost_in_find_item"
                                id="yes-allowing_show_cost_in_find_item" value="1"
                                {{ $allowing_show_cost ? 'checked' : '' }}>
                        </div>

                        <div>
                            <label for="no-allowing_show_cost_in_find_item">@lang('general.no')</label>
                            <input type="radio" name="allowing_show_cost_in_find_item"
                                id="no-allowing_show_cost_in_find_item" value="0"
                                {{ !$allowing_show_cost ? 'checked' : '' }}>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row my-4">
                <div class="col">
                    @php $content_lang = $settings['pos_content_lang'][0]->value; @endphp
                    <label class="fw-bold">@lang('settings/pos/general-settings.content_lang')</label>
                    <div class="d-flex gap-3">
                        <div>
                            <label for="arabic-pos-content-lang">@lang('settings/pos/general-settings.arabic')</label>
                            <input type="radio" name="pos_content_lang" id="arabic-pos-content-lang" value="arabic"
                                {{ $content_lang == 'arabic' ? 'checked' : '' }}>
                        </div>

                        <div>
                            <label for="english-pos-content-lang">@lang('settings/pos/general-settings.english')</label>
                            <input type="radio" name="pos_content_lang" id="english-pos-content-lang" value="english"
                                {{ $content_lang == 'english' ? 'checked' : '' }}>
                        </div>
                    </div>
                </div>

                <div class="col">
                    <div>
                        <label for="pos_returend_period" class="fw-bold">@lang('settings/pos/general-settings.pos_returend_period')</label>
                        <input type="number" name="pos_returend_period" id="pos_returend_period" class="form-control w-50"
                            value="{{ $settings['pos_returend_period'][0]->value }}" min="0" max="30">
                    </div>

                    <p style="color: var(--bs-red);">*@lang('settings/pos/general-settings.pos_returend_period_limit')</p>
                </div>


                <div class="col d-flex gap-2">
                    <div>
                        <label for="pos_order_number_start" class="fw-bold">@lang('settings/pos/general-settings.order_number_start')</label>
                        <input type="number" name="pos_order_number_start" id="pos_order_number_start" class="form-control"
                            value="{{ $settings['pos_order_number_start'][0]->value }}">
                    </div>

                    <div>
                        <label for="pos_order_number_end" class="fw-bold">@lang('settings/pos/general-settings.order_number_start')</label>
                        <input type="number" name="pos_order_number_end" id="pos_order_number_end" class="form-control"
                            value="{{ $settings['pos_order_number_end'][0]->value }}">
                    </div>
                </div>
            </div>

            <div class="text-center">
                <button class="btn orange-btn">@lang('settings/pos/general-settings.edit')</button>
            </div>
        </form>
    </div>
@endsection
@push('script')
    <script type="module">
        import {
            confirmAndSubmit
        } from '/tenancy/assets/js/helpers.js';

        $(() => {


            $('#update_general_settings').on('submit', function(e) {
                e.preventDefault();
                confirmAndSubmit('update_general_settings', {
                    type: 'green'
                });
            });
        });
    </script>
@endpush