@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.virtual_accounts') => '#',
        ],
    ])
@endsection

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

@section('accounting-settings-content')
    <div class="inner-content-layout form-bg-color p-4 rounded-form">
        <h5>@lang('settings/accounting/default-accounts.default_accounts_bonds')</h5>

        <div>
            <form action="{{ route('tenant.settings.accounting.default-accounts.update') }}" method="post"
                id="defaultAccountsForm">
                @csrf
                @method('PUT')
            </form>

            <table class="table table-bordered table-striped">
                <thead>
                    <tr>
                        <th class="md-td">@lang('settings/accounting/default-accounts.transaction_type')</th>
                        <th class="xs-td">@lang('settings/accounting/default-accounts.account')</th>
                    </tr>
                </thead>

                <tbody>
                    @foreach ($accountsWithActionsTypes as $accountWithType)
                        <tr>
                            <td class="md-td">
                                {{ $accountWithType['label'] }}
                            </td>
                            <td class="xs-td">
                                <select name="defaultAccounts[{{ $accountWithType['code'] }}]" form="defaultAccountsForm"
                                    required>
                                    <option value=""></option>
                                    @foreach ($accountWithType['accounts'] as $account)
                                        <option value="{{ $account->id }}"
                                            {{ $accountWithType['account_id'] == $account->id ? 'selected' : '' }}>
                                            {{ $account->name }}
                                        </option>
                                    @endforeach
                                </select>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>

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

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