@extends('companyuser::layouts.master')
@section('title',__('companyuser::integration.edit default accounts'))
@section('extra-styles')
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/custom/forms/custom-form.css') }}">
@endsection
@section('breadcrumb')
<div class="row breadcrumbs-top">
    <div class="breadcrumb-wrapper col-xs-12">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{route('company.apps-integration.index',$subdomain)}}">@lang('companyuser::integration.integration')</a>
            </li>
            <li class="breadcrumb-item active"><a href="{{route('company.'. $source .'.index', $subdomain)}}">@lang('companyuser::integration.' . $source)</a>
            </li>
            <li class="breadcrumb-item"><a href="#">@lang('companyuser::integration.edit default accounts')</a>
            </li>
        </ol>
    </div>
</div>
@endsection
@section('content')
<section>
    <div>
        <div class="row my-1">
            <div class="col-xs-6 headTitle">
                <h3 class="d-inline">{{__('companyuser::integration.edit default accounts')}}:</h3>
            </div>
            <div class="col-xs-6 divBack"> <a href="{{route('company.'. $source .'.index', $subdomain)}}"
                    class="btn btn-primary btn-min-width">{{__('Back')}}</a>
            </div>
        </div>
        <section id="basic-form-layouts" class="form-border add-form-section filter-section-collapse">
            <div class=" match-height">
                <div>
                    @if(env('SYNC_INTEGRATED_ORDERS_ON')
                        && env('SYNC_INTEGRATED_' . strtoupper($source) . '_ORDERS_ON')
                        && $integrationConfig)
                        @include('superadmin::errors.lists')
                        <div class="card mb-0">
                            <form action="{{ route('company.integrated-accounts.update', ['subdomain' => $subdomain, 'source' => $source]) }}" method="POST" class="form" id="update_default_accounts_form">
                                @csrf
                                @method('PUT')
                                <div class="card-block">
                                    <div class="form-body">
                                        <div class="row">
                                            <div class="col-lg-7">
                                                <input type="hidden" name="accounts_ids" id="accounts_ids" value="">
                                                @foreach(\Modules\Accounting\Enums\AccountsForIntegrationEnum::DEFAULT_ACCOUNTS as $key => $value)
                                                    <div class="form-group">
                                                        <div class="row mb-1">
                                                            <div class="col-md-4">
                                                                <label for="{{ $key }}">@lang('companyuser::integration.accounts.' . $key)</label>
                                                            </div>
                                                            <div class="col-md-8">
                                                                <select id="{{$key}}" data-account-type="{{$key}}"
                                                                        class="w-100 py-1 form-control default_accounts select2-tag">
                                                                    <option value="">---</option>
                                                                    @foreach($subCategoriesWithAccounts as $subCategories)
                                                                        <optgroup label="{{ $subCategories->name }}">
                                                                            @foreach($subCategories->accounts as $account)
                                                                                <option @if(array_key_exists($key, $defaultAccounts) && $defaultAccounts[$key]['account_id'] == $account->id) selected @endif value="{{$account->id}}">{{$account->name}}</option>
                                                                            @endforeach
                                                                        </optgroup>
                                                                    @endforeach
                                                                </select>
                                                                @error('accounts_ids.' . $key)
                                                                    <div class="invalid-feedback text text-danger w-100 d-block"
                                                                         role="alert">
                                                                        <p>{{ $message }}</p>
                                                                    </div>
                                                                @enderror
                                                            </div>
                                                        </div>
                                                    </div>
                                                @endforeach
                                            </div>
                                        </div>
                                        <div class="row my-1 d-flex justify-content-center text-center actions-btn-align action-btn-custom">
                                            <div class="col-lg-2 col-md-4 mb-1">
                                                <button type="submit" class="btnWidth btn btn-primary saveDraftBtn-color">@lang('Save')</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    @else
                        <div class="alert alert-warning" id="journal-data-in-the-future">
                            @lang('companyuser::integration.integration is not available currently')
                        </div>
                    @endif
                </div>
            </div>
        </section>
    </div>
</section>
@endsection

@section('extra_scripts')
    <script>
        gtag('event', 'web_apps_default_accounts_configurations');
        console.log('web_apps_default_accounts_configurations event');
    </script>
    <script>
        window.addEventListener('DOMContentLoaded', function() {
            (function($) {
                $('#update_default_accounts_form').submit(function (e) {
                    var default_accounts = {};
                    $(".default_accounts").each(function (key, element) {
                        var account_type = $(this).attr('data-account-type');
                        default_accounts[account_type] = $(this).val();
                    });
                    $("#accounts_ids").val(JSON.stringify(default_accounts));
                });
            })(jQuery);
        });
    </script>
@endsection