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


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

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

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

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

            <div class="row my-4">
                <div  class="col">
                    <div>
                        <label for="allowing_sale_not_exist_items_on_pos" class="fw-bold">@lang('settings/pos/sales-settings.allowing_sale_not_exist_items_on_pos_negative_selling')</label>
                        <input type="checkbox" name="allowing_sale_not_exist_items_on_pos"
                            id="allowing_sale_not_exist_items_on_pos" class="custom-checkbox" value="1"
                            {{ $settings['allowing_sale_not_exist_items_on_pos'][0]->value ? 'checked' : '' }}>
                    </div>
                    <div class="mt-3">
                        <label for="enable_automatic_manufacturing_pos" class="fw-bold">@lang('settings/pos/sales-settings.enable_automatic_manufacturing_pos')</label>
                        <input type="checkbox" name="enable_automatic_manufacturing_pos"
                            id="enable_automatic_manufacturing_pos" class="custom-checkbox" value="1"
                            {{ $settings['enable_automatic_manufacturing_pos'][0]->value ? 'checked' : '' }}>
                    </div>
                </div>
                <div class="col">
                    <label class="fw-bold">@lang('settings/pos/sales-settings.taking_out_items_quantity_option')</label>
                    @php $selected_post_option = $settings['pos_taking_out_items_quantity_option'][0]->value; @endphp

                    <div>
                        <div>
                            <label for="dirct-option-post">@lang('settings/pos/sales-settings.dirct_option_post')</label>
                            <input type="radio" name="pos_taking_out_items_quantity_option" id="dirct-option-post"
                                value="direct" {{ $selected_post_option == 'direct' ? 'checked' : '' }}>
                        </div>

                        <div>
                            <label for="after-close-box-option-post">@lang('settings/pos/sales-settings.after_close_box')</label>
                            <input type="radio" name="pos_taking_out_items_quantity_option"
                                id="after-close-box-option-post" value="after-close-box"
                                {{ $selected_post_option == 'after-close-box' ? 'checked' : '' }}>
                        </div>

                        <div>
                            <label for="after-close-day-option-post">@lang('settings/pos/sales-settings.after_close_day')</label>
                            <input type="radio" name="pos_taking_out_items_quantity_option"
                                id="after-close-day-option-post" value="after-close-day"
                                {{ $selected_post_option == 'after-close-day' ? 'checked' : '' }}>
                        </div>

                        <div id="track_items_expire_date_layout" class="my-3 px-2"
                            style="display: {{ $selected_post_option == 'direct' ? 'block' : 'none' }};">
                            <div>
                                <label for="track-expiry-date" class="fw-bold">
                                    @lang('settings/pos/sales-settings.track_expiry_date')
                                </label>
                            </div>

                            <div class="d-flex gap-2">
                                <div>
                                    <label for="track-expiry-date-yes">@lang('settings/pos/sales-settings.yes')</label>
                                    <input type="radio" name="track_items_expire_date_on_pos" id="track-expiry-date-yes"
                                        value="1"
                                        {{ $settings['track_items_expire_date_on_pos'][0]->value ? 'checked' : '' }}>
                                </div>

                                <div>
                                    <label for="track-expiry-date-no">@lang('settings/pos/sales-settings.no')</label>
                                    <input type="radio" name="track_items_expire_date_on_pos" id="track-expiry-date-no"
                                        value="0"
                                        {{ !$settings['track_items_expire_date_on_pos'][0]->value ? 'checked' : '' }}>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col">
                    <label class="fw-bold">@lang('settings/pos/sales-settings.items_prices_with_tax_in_pos')</label>
                    @forelse ($branches as $branch)
                        <div class="mt-2">
                            <input type="hidden" name="items_prices_with_tax_in_pos[{{ $branch->id }}]" value="0">

                            @php
                                $is_checked =
                                    array_key_exists(
                                        $branch->id,
                                        $settings['items_prices_with_tax_in_pos'][0]->value,
                                    ) && $settings['items_prices_with_tax_in_pos'][0]->value[$branch->id];
                            @endphp
                            <input type="checkbox" name="items_prices_with_tax_in_pos[{{ $branch->id }}]"
                                id="branch_{{ $branch->id }}_with_tax" class="custom-checkbox" value="1"
                                {{ $is_checked ? 'checked' : '' }}>

                            <label for="branch_{{ $branch->id }}_with_tax"
                                class="float-right mx-2">{{ $branch->name }}</label>
                        </div>
                    @empty
                        <span class="text-danger">@lang('settings/pos/sales-settings.no_branches_available')</span>
                    @endforelse
                </div>
            </div>

            <div class="text-center">
                <button class="btn orange-btn">@lang('settings/pos/sales-settings.edit')</button>
            </div>
        </form>
    </div>
@endsection

@push('script')
    <script type="module">
        import {
            confirmAndSubmit
        } from '/tenancy/assets/js/helpers.js';

        $(() => {
            const track_items_expire_date_layout = $("#track_items_expire_date_layout");

            $("input[name=pos_taking_out_items_quantity_option]").on("change", function() {
                if ($(this).val() == 'direct') {
                    track_items_expire_date_layout.show();
                } else {
                    track_items_expire_date_layout.hide();
                    $('#track-expiry-date-no').prop('checked', 'checked');
                }
            });
            $('#update_sales_settings').on('submit', function(e) {
                e.preventDefault();
                confirmAndSubmit('update_sales_settings', {
                    type: 'green'
                });
            });
        });
    </script>
@endpush