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

@section('breadcrumb')
    @include('tenant.layouts.breadcrumb', [
        'items' => [
            __('breadcrumb.warehouse_settings') => route('tenant.settings.warehouses.bonds.index'),
            __('breadcrumb.sales_invoice_settings') => '#',
        ],
    ])
@endsection

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

@section('warehouses-settings-content')
    @php $active_tab = (request('tab') == null || request('tab') == 'general-tab')? 'general' : 'expenses'; @endphp

    <div class="inner-content-layout form-bg-color p-4 rounded-form">
        {{-- Settings Tabs Buttons --}}
        <ul class="nav nav-tabs" id="salesInvoicesTabs">
            <li class="nav-item">
                <button class="nav-link {{ $active_tab == 'general' ? 'active' : '' }}" id="general-tab" data-bs-toggle="tab"
                    data-bs-target="#general" type="button" role="tab" aria-controls="general" aria-selected="false">
                    @lang('settings/warehouses/sales-invoices/index.general_settings')
                </button>
            </li>

            <li class="nav-item">
                <button class="nav-link {{ $active_tab == 'expenses' ? 'active' : '' }}" id="expenses-tab"
                    data-bs-toggle="tab" data-bs-target="#expenses" type="button" role="tab" aria-controls="expenses"
                    aria-selected="false">
                    @lang('settings/warehouses/sales-invoices/index.sales_invoice_expenses')
                </button>
            </li>
        </ul>

        {{-- Settings Tabs --}}
        <div class="tab-content" id="salesInvoicesTabsContent">
            <div class="tab-pane fade {{ $active_tab == 'general' ? 'show active' : '' }}" id="general" role="tabpanel"
                aria-labelledby="general-tab">

                <form action="{{ route('tenant.settings.warehouses.sales-invoices.save_general_settings') }}" method="post"
                    id="sales_invoices_save_general_settings">
                    @csrf

                    <div class="my-4">
                        <label for="allowing_sale_not_exist_items" class="fw-bold"> @lang('settings/warehouses/sales-invoices/index.allow_sale_of_items_with_insufficient_quantity')</label>
                        <input type="checkbox" name="allowing_sale_not_exist_items" id="allowing_sale_not_exist_items"
                            class="custom-checkbox" value="1"
                            {{ $general_settings['allowing_sale_not_exist_items'] ? 'checked' : '' }}>
                    </div>
                    <div class="my-4" id="allow_direct_costing_for_minus_batches_layout"
                        style="{{ $general_settings['allowing_sale_not_exist_items'] ? '' : 'display:none;' }}">

                        <label for="allow_direct_costing_for_minus_batches" class="fw-bold">@lang('settings/warehouses/sales-invoices/index.direct_costing_from_entries')</label>
                        <input type="checkbox" name="allow_direct_costing_for_minus_batches"
                            id="allow_direct_costing_for_minus_batches" class="custom-checkbox" value="1"
                            {{ $general_settings['allow_direct_costing_for_minus_batches'] ? 'checked' : '' }}>
                    </div>
                    <div class="my-4">
                        <label for="sales_show_entry_bond" class="fw-bold">@lang('settings/warehouses/sales-invoices/index.fetch_entry_bond_data_in_sales_invoice')</label>
                        <input type="checkbox" name="sales_show_entry_bond" id="sales_show_entry_bond"
                            class="custom-checkbox" value="1"
                            {{ $general_settings['sales_show_entry_bond'] ? 'checked' : '' }}>
                    </div>
                    <div class="my-4">
                        <label for="sales_show_out_bond" class="fw-bold">@lang('settings/warehouses/sales-invoices/index.fetch_outgoing_bond_data_in_sales_invoice')</label>
                        <input type="checkbox" name="sales_show_out_bond" id="sales_show_out_bond" class="custom-checkbox"
                            value="1" {{ $general_settings['sales_show_out_bond'] ? 'checked' : '' }}>
                    </div>
                    <div class="my-4">
                        <label for="sales_show_original_price" class="fw-bold">@lang('settings/warehouses/sales-invoices/index.enable_current_price_in_sales_invoice')</label>
                        <input type="checkbox" name="sales_show_original_price" id="sales_show_original_price"
                            class="custom-checkbox" value="1"
                            {{ $general_settings['sales_show_original_price'] ? 'checked' : '' }}>
                    </div>

                    <div class="my-4">
                        <label for="allow_auto_manufacturing" class="fw-bold">@lang('settings/warehouses/sales-invoices/index.enable_automatic_manufacturing')</label>
                        <input type="checkbox" name="allow_auto_manufacturing" id="allow_auto_manufacturing"
                            class="custom-checkbox" value="1"
                            {{ $general_settings['allow_auto_manufacturing'] ? 'checked' : '' }}>
                    </div>

                    <div class="text-center">
                        <button class="btn orange-btn">@lang('general.save')</button>
                    </div>
                </form>
            </div>

            <div class="tab-pane fade {{ $active_tab == 'expenses' ? 'show active' : '' }}" id="expenses" role="tabpanel"
                aria-labelledby="expenses-tab">
                @include('tenant.settings.warehouses.sales-invoices.standard-expenses.index')
            </div>
        </div>
    </div>
@endsection

@push('script')
    <script type="module">
        import {
            confirmAndSubmit
        } from '/tenancy/assets/js/helpers.js';
        $(() => {
            $('.nav-link').on('click', function() {
                const tab = $(this).prop('id');
                window.history.pushState(null, null, `?tab=${tab}`);
            });

            $('#allowing_sale_not_exist_items').on('change', function() {
                let allowDirectCostingLayout = $('#allow_direct_costing_for_minus_batches_layout');
                if (this.checked) {
                    allowDirectCostingLayout.show();
                } else {
                    allowDirectCostingLayout.hide();
                    $('#allow_direct_costing_for_minus_batches').prop('checked', false);
                }
            });

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