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

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

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

@section('warehouses-settings-content')
    <div class="inner-content-layout form-bg-color p-4 rounded-form">
        <h4>@lang('settings/warehouses/manufacturing-bonds/index.manufacturing_bonds')</h4>

        <form action="{{ route('tenant.settings.warehouses.manufacturing-bonds.save') }}" method="post"
            id="auditingManufacturingForm">
            @csrf

            <div class="my-3">
                <label for="enable_manual_auditing_for_manufacturing">
                    @lang('settings/warehouses/manufacturing-bonds/index.enable_manual_auditing_for_manufacturing')
                </label>
                <input type="checkbox" class="custom-checkbox" id="enable_manual_auditing_for_manufacturing"
                    name="enable_manual_auditing_for_manufacturing" value="1"
                    {{ $settings['enable_manual_auditing_for_manufacturing'] ? 'checked' : '' }}>
            </div>

            <div class="mt-5 mb-3">
                <label for="enable_post_manufacturing_expenses_to_accounting"> @lang('settings/warehouses/manufacturing-bonds/index.enable_manual_auditing_for_manufacturing')</label>
                <input type="checkbox" class="custom-checkbox" id="enable_post_manufacturing_expenses_to_accounting"
                    name="enable_post_manufacturing_expenses_to_accounting" value="1"
                    {{ $settings['enable_post_manufacturing_expenses_to_accounting'] ? 'checked' : '' }}>
            </div>

            <div class="my-3 w-25 debit_account_layout"
                style="display: {{ $settings['enable_post_manufacturing_expenses_to_accounting'] ? 'block' : 'none' }}">
                <label for="debit_account_for_manufacturing_expenses_posting">@lang('settings/warehouses/manufacturing-bonds/index.debit_account_for_manufacturing_expenses_posting')</label>
                <select name="debit_account_for_manufacturing_expenses_posting"
                    id="debit_account_for_manufacturing_expenses_posting"
                    {{ $settings['enable_post_manufacturing_expenses_to_accounting'] ? 'required' : '' }}>
                    <option value="" disabled>@lang('settings/warehouses/manufacturing-bonds/index.select_account') </option>
                    @foreach ($expenses_accounts as $account)
                        <option value="{{ $account->id }}"
                            {{ $settings['debit_account_for_manufacturing_expenses_posting'] == $account->id ? 'selected' : '' }}>
                            {{ $account->name }}
                        </option>
                    @endforeach
                </select>
            </div>

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

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

        $(() => {
            $('#auditingManufacturingForm').on('submit', function(e) {
                e.preventDefault();
                confirmAndSubmit('auditingManufacturingForm', {
                    type: 'green'
                });
            });

            $('#enable_post_manufacturing_expenses_to_accounting').on('change', function() {
                const is_enabled = $(this).prop('checked');
                if (is_enabled) {
                    $('.debit_account_layout').show();
                    $('.debit_account_layout select').prop('required', true);
                } else {
                    $('.debit_account_layout').hide();
                    $('.debit_account_layout select').prop('required', false);
                }
            });
        });
    </script>
@endpush