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

@section('breadcrumb')
    @include('tenant.layouts.breadcrumb', [
        'items' => [
            __('breadcrumb.accounting_settings') => route('tenant.settings.accounting.taxes.index', ['type' => 'taxes']),
            __('breadcrumb.cost_centers') => '#',
        ],
    ])
@endsection

@section('sidebar')
    @include('tenant.layouts.sidebar', ['activeItem' => 'settings.accounting.cost-centers'])
@endsection

@section('accounting-settings-content')
    <div class="inner-content-layout form-bg-color p-4 rounded-form">

        <form action="{{ route('tenant.settings.accounting.cost-centers.update') }}" method="post" id="addCostCenter">
            @csrf
            @method('PUT')

            {{-- Activation cost-centers in general system --}}
            <div class="my-3">
                <h5> @lang('settings/accounting/cost-center.active_cost_centers')</h5>
                @php
                    $is_cost_centers_enabled = count($active_modules) + count($active_accounts) > 0;
                @endphp

                <div class="d-flex">
                    <div class="mx-2">
                        <label for="yes_active">@lang('settings/accounting/cost-center.yes')</label>
                        <input type="radio" name="cost_centers_activation" id="yes_active" value="1"
                            {{ $is_cost_centers_enabled ? 'checked' : '' }}>
                    </div>

                    <div class="mx-2">
                        <label for="no_active">@lang('settings/accounting/cost-center.no')</label>
                        <input type="radio" name="cost_centers_activation" id="no_active" value="0"
                            {{ !$is_cost_centers_enabled ? 'checked' : '' }}>
                    </div>
                </div>
            </div>

            <div class="d-flex gap-5">
                {{-- Activation cost-centers on specific modules --}}
                <div class="my-3 modules-activation-layout"
                    style="display: {{ $is_cost_centers_enabled ? 'block' : 'none' }}">
                    <h5>@lang('settings/accounting/cost-center.activation_cost_centers_on_spicific_modules')</h5>

                    @php
                        $system_modules = [
                            'entries' => __('settings/accounting/cost-center.entries'),
                            'receipts' =>  __('settings/accounting/cost-center.receipts'),
                            'exchanges' =>  __('settings/accounting/cost-center.exchanges'),
                            'serviceInvoices' =>  __('settings/accounting/cost-center.serviceInvoices'),
                            'returnedServiceBonds' =>  __('settings/accounting/cost-center.returnedServiceBonds'),
                            'creditNotes' =>  __('settings/accounting/cost-center.creditNotes'),
                            'debitNotes' =>  __('settings/accounting/cost-center.debitNotes'),
                            'outBonds' =>  __('settings/accounting/cost-center.outBonds'),
                            'purchaseInvoices' =>  __('settings/accounting/cost-center.purchaseInvoices'),
                            'salesInvoices' =>  __('settings/accounting/cost-center.salesInvoices'),
                            'returnedPurchaseBonds' =>  __('settings/accounting/cost-center.returnedPurchaseBonds'),
                            'returnedSalesBonds' =>  __('settings/accounting/cost-center.returnedSalesBonds'),
                        ];
                    @endphp

                    <div>
                        <div class="my-2">
                            <label for="all_modules" class="mx-1 fw-bold">@lang('settings/accounting/cost-center.all')</label>
                            @php
                                $is_all_selected = count($active_modules) == count($system_modules);
                            @endphp
                            <input type="checkbox" name="all_modules" id="all_modules" class="custom-checkbox"
                                value="1" {{ $is_all_selected ? 'checked' : '' }}>
                        </div>

                        @foreach ($system_modules as $system_module_key => $syatem_module_value)
                            <div class="my-2">
                                <label for="{{ $system_module_key }}_module"
                                    class="mx-1">{{ $syatem_module_value }}</label>
                                <input type="checkbox" name="modules[{{ $system_module_key }}]"
                                    id="{{ $system_module_key }}_module" class="cost-center-module custom-checkbox"
                                    value="1" {{ in_array($system_module_key, $active_modules) ? 'checked' : '' }}>
                            </div>
                        @endforeach
                    </div>
                </div>

                {{-- Activation cost-centers on specific accounts --}}
                <div class="my-3 accounts-activation-layout"
                    style="display: {{ $is_cost_centers_enabled ? 'block' : 'none' }}">
                    <h5>@lang('settings/accounting/cost-center.activation_cost_centers_on_spicific_accounts')</h5>

                    <div>
                        <div class="my-2">
                            <label for="all_accounts" class="mx-1 fw-bold">@lang('settings/accounting/cost-center.all')</label>
                            <input type="checkbox" name="all_accounts" id="all_accounts" class="custom-checkbox"
                                value="1" {{ count($active_accounts) == count($tree_accounts) ? 'checked' : '' }}>
                        </div>

                        @foreach ($tree_accounts as $account)
                            <div class="my-2">
                                <label for="{{ $account->id }}_account" class="mx-1">{{ $account->name }}</label>
                                <input type="checkbox" name="accounts[{{ $account->number }}]"
                                    id="{{ $account->id }}_account" class="cost-center-account custom-checkbox"
                                    value="1" {{ in_array($account->number, $active_accounts) ? 'checked' : '' }}>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>

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

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

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

            $('input[name="cost_centers_activation"]').on('change', function() {
                if ($(this).val() == 1) {
                    $('.modules-activation-layout').show();
                    $('.accounts-activation-layout').show();
                } else {
                    $('.modules-activation-layout').hide();
                    $('.accounts-activation-layout').hide();
                }
            });

            $('#all_modules').on('change', function() {
                if ($(this).prop('checked')) {
                    $('.cost-center-module').map(function(index, elm) {
                        $(elm).prop('checked', 'checked');
                    });
                } else {
                    $('.cost-center-module').map(function(index, elm) {
                        $(elm).prop('checked', false);
                    });
                }
            });

            $('#all_accounts').on('change', function() {
                if ($(this).prop('checked')) {
                    $('.cost-center-account').map(function(index, elm) {
                        $(elm).prop('checked', 'checked');
                    });
                } else {
                    $('.cost-center-account').map(function(index, elm) {
                        $(elm).prop('checked', false);
                    });
                }
            });

            $('.cost-center-module').on('change', function() {
                if (!$(this).prop('checked')) {
                    $('#all_modules').prop('checked', false);
                } else {
                    if ($('.cost-center-module').length == $('.cost-center-module:checked').length) {
                        $('#all_modules').prop('checked', 'checked');
                    }
                }
            });

            $('.cost-center-account').on('change', function() {
                if (!$(this).prop('checked')) {
                    $('#all_accounts').prop('checked', false);
                } else {
                    if ($('.cost-center-account').length == $('.cost-center-account:checked').length) {
                        $('#all_accounts').prop('checked', 'checked');
                    }
                }
            });
        });
    </script>
@endpush