@extends('accounting::settings.layout')
@section('tab-title')
    {{ trans_choice('accounting::general.account_subtype', 2) }}
@endsection

@section('tab-content')
    <!-- Main content -->
    <section class="content no-print">
        <div class="row">

            <h3 style="padding: 0px 24px;">{{ trans_choice('accounting::general.account_subtype', 2) }}</h3>

            <!-- Main content -->
            <section class="content">

                @foreach ($account_types as $account_type)
                    @component('accounting::components.box')
                        @slot('title')
                            {{ ucfirst($account_type->plural_name) }}
                        @endslot

                        @slot('header')
                            <div class="box-tools">
                                <a href="#" class="btn btn-primary" data-toggle="modal" data-target="#createAccountSubtypeModal"
                                    @click="setAccountType('{{ $account_type->id }}')">
                                    <i class="fas fa-plus"></i> {{ trans_choice('accounting::lang.add', 1) }}
                                </a>
                            </div>
                        @endslot

                        @slot('body')
                            <div class="table-responsive">
                                <table class="table table-striped table-condensed table-hover datatable">
                                    <thead>
                                        <tr>
                                            <th>
                                                {{ trans_choice('accounting::lang.name', 1) }}
                                            </th>
                                            <th>
                                                {{ trans_choice('accounting::lang.active', 1) }}
                                            </th>
                                            <th>
                                                {{ trans_choice('accounting::lang.action', 1) }}
                                            </th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @php
                                            $filtered_account_subtypes = $account_subtypes->where('account_type', $account_type->id);
                                        @endphp
                                        @if (!empty($filtered_account_subtypes))
                                            @foreach ($filtered_account_subtypes as $key)
                                                <tr>
                                                    <td>
                                                        <span>{{ $key->name }}</span>
                                                    </td>
                                                    <td>
                                                        @if ($key->active)
                                                            <span class="label label-success">
                                                                {{ trans('accounting::lang.yes') }}
                                                            </span>
                                                        @else
                                                            <span class="label label-danger">
                                                                {{ trans('accounting::lang.no') }}
                                                            </span>
                                                        @endif
                                                    </td>
                                                    <td>
                                                     {{--   @if (!$key->is_default_type) --}}
                                                            <div class="btn-group">
                                                                <button href="#" class="btn btn-info dropdown-toggle btn-xs"
                                                                    data-toggle="dropdown"
                                                                    aria-expanded="false">{{ trans_choice('accounting::lang.action', 1) }}
                                                                    <span class="caret"></span><span class="sr-only"></span>
                                                                </button>

                                                                <div class="dropdown-menu dropdown-menu-right">
                                                                    <a href="{{ url('accounting/settings/account_subtypes/' . $key->id . '/edit') }}"
                                                                        class="dropdown-item">
                                                                        <i class="fas fa-edit" aria-hidden="true"></i>
                                                                        <span>{{ trans_choice('accounting::lang.edit', 1) }}</span>
                                                                    </a>
                                                                    <div class="dropdown-divider"></div>
                                                                    <a href="#" class="dropdown-item confirm-delete"
                                                                        form_id="delete-account-subtype-{{ $key->id }}-form"
                                                                        action="{{ url('accounting/settings/account_subtypes/' . $key->id . '/destroy') }}">
                                                                        <i class="fas fa-trash" aria-hidden="true"></i>
                                                                        <span>{{ trans_choice('accounting::lang.delete', 1) }}</span>
                                                                    </a>
                                                                    <form id="delete-account-subtype-{{ $key->id }}-form" method="post">
                                                                        @csrf
                                                                        @method('delete')
                                                                    </form>
                                                                </div>
                                                            </div>
                                                      {{--  @endif --}}
                                                    </td>
                                                </tr>
                                            @endforeach
                                        @endif
                                    </tbody>
                                </table>
                            </div>
                        @endslot
                    @endcomponent
                @endforeach

            </section>

        </div>
    </section>
@endsection

@section('tab-modal-content')
    @include('accounting::settings.account_subtypes.create')

@endsection

@section('tab-javascript')
    <script>
        const app = new Vue({
            el: '#vue-app-with-modal',
            data: {
                account_types: {!! json_encode($account_types) !!},
                account_type: "{{ old('account_subtype_id') }}",
                name: "{{ old('name') }}",
                description: "{{ old('description') }}",
                active: {{ old('active', 1) }},
            },

            methods: {
                setAccountType(account_type) {
                    this.account_type = account_type;
                }
            }
        });
    </script>
    
    
    
    <script type="text/javascript">
    base_path = "{{ url('/') }}";
    //used for push notification
    APP = {};
    APP.PUSHER_APP_KEY = '{{ config('broadcasting.connections.pusher.key') }}';
    APP.PUSHER_APP_CLUSTER = '{{ config('broadcasting.connections.pusher.options.cluster') }}';
    APP.INVOICE_SCHEME_SEPARATOR = '{{ config('constants.invoice_scheme_separator') }}';
    //variable from app service provider
    APP.PUSHER_ENABLED = '{{ $__is_pusher_enabled }}';
    @auth
        @php
        $user = Auth::user();
        @endphp
        APP.USER_ID = "{{ $user->id }}";
    @else
        APP.USER_ID = '';
    @endauth
</script>

<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js?v=$asset_v"></script>
<![endif]-->

<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js?v=$asset_v"></script>


@if (file_exists(public_path('js/lang/' . session()->get('user.language', config('app.locale')) . '.js')))
    <script src="{{ asset('js/lang/' . session()->get('user.language', config('app.locale')) . '.js?v=' . $asset_v) }}"></script>
@else
    <script src="{{ asset('js/lang/en.js?v=' . $asset_v) }}"></script>
@endif
@php
$business_date_format = session('business.date_format', config('constants.default_date_format'));
$datepicker_date_format = str_replace('d', 'dd', $business_date_format);
$datepicker_date_format = str_replace('m', 'mm', $datepicker_date_format);
$datepicker_date_format = str_replace('Y', 'yyyy', $datepicker_date_format);

$moment_date_format = str_replace('d', 'DD', $business_date_format);
$moment_date_format = str_replace('m', 'MM', $moment_date_format);
$moment_date_format = str_replace('Y', 'YYYY', $moment_date_format);

$business_time_format = session('business.time_format');
$moment_time_format = 'HH:mm';
if ($business_time_format == 12) {
    $moment_time_format = 'hh:mm A';
}

$common_settings = !empty(session('business.common_settings')) ? session('business.common_settings') : [];

$default_datatable_page_entries = !empty($common_settings['default_datatable_page_entries']) ? $common_settings['default_datatable_page_entries'] : 25;
@endphp





{{-- vue-select --}}
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue-select/3.10.0/vue-select.min.js"
integrity="sha512-XxrWOXiVqA2tHMew1fpN3/0A7Nh07Fd5wrxGel3rJtRD9kJDJzJeSGpcAenGUtBt0RJiQFUClIj7/sKTO/v7TQ==" crossorigin="anonymous"
referrerpolicy="no-referrer"></script>
<script>
    // Init vue-select component
    Vue.component('v-select', VueSelect.VueSelect);

    $(function() {
        $('.datatable').DataTable()
    });
</script>





@php
$validation_lang_file = 'messages_' . session()->get('user.language', config('app.locale')) . '.js';
@endphp
@if (file_exists(public_path() . '/js/jquery-validation-1.16.0/src/localization/' . $validation_lang_file))
    <script src="{{ asset('js/jquery-validation-1.16.0/src/localization/' . $validation_lang_file . '?v=' . $asset_v) }}"></script>
@endif

@if (!empty($__system_settings['additional_js']))
    {!! $__system_settings['additional_js'] !!}
@endif
@yield('javascript')

@if (Module::has('Essentials'))
    @includeIf('essentials::layouts.partials.footer_part')
@endif



    
    
@endsection