@extends('layouts.app')
@push('style')
    <style>
        input::-webkit-outer-spin-button,
        input::-webkit-inner-spin-button {
            /* display: none; <- Crashes Chrome on hover */
            -webkit-appearance: none !important;
            margin: 0;
            /* <-- Apparently some margin are still there even though it's hidden */
        }


        input[type=number] {
            -moz-appearance: textfield !important;
            /* Firefox */
            border-radius: none !important;
        }

        td.active.text-start {
            padding: 0 10px !important;
            border: 1px solid #b1b1b1;
            background: #210a0e30;
        }

        td.text-end {
            padding: 0 !important;
        }

        td.text-end input.form-control {
            border-radius: 0;
            border: none;
            width: 100%;
        }

        td.text-end select.form-select.form-control {
            border-radius: 0;
            border: none;
            width: 100%;
        }

        td.text-end textarea.form-control {
            border-radius: 0;
            border: none;
            width: 100%;
        }
    </style>
@endpush


@section('content')
    <div class="page-wrapper">
        <div class="page-content">
            <div class="row tablerow">
                <div class="col-md-12">
                    @php
                        $page_name = 'PF > Accounting Processiong > Account Opening';
                    @endphp
                    @include('layouts.table_top')
                </div>
                <div class="col-md-12">
                    <div class="left-card">
                        <div class="wrapper1">
                            <div class="div1">
                            </div>
                        </div>
                        <form action="{{ route('chart_account.opening_store') }}" method="POST" id="ajax_form_data">
                            @csrf
                            <div class="table-fixed-head table-responsive" id="items-table">
                                <table class="table payrol_table form-table">
                                    <thead>
                                        <tr>
                                            <th width="1%">@lang('SL')</th>
                                            <th>@lang('Account Head')</th>
                                            <th>@lang('Account Type')</th>
                                            <th>@lang('Account Category')</th>
                                            <th>@lang('Account Name')</th>
                                            <th>@lang('Sub Account')</th>
                                            <th>@lang('Account Opening')</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($items as $key => $item)
                                            <tr>
                                                <td> {{ $key + 1 }}
                                                </td>
                                                <td style="text-align: left !important;">
                                                    {{ $item->account_head }}-{{ headCode($item->account_head) }}
                                                </td>
                                                <td style="text-align: left !important;">
                                                    {{ $item->type_name }}-{{ $item->type_code }}</td>
                                                <td style="text-align: left !important;">
                                                    {{ Str::ucfirst($item->account_category) }}</td>

                                                <td style="text-align: left !important;">
                                                    {{ $item->name }}-{{ $item->account_code }}</td>
                                                <td>
                                                    @if ($item->childs->count() > 0)
                                                        <table class="table" style="border:none !important;">
                                                            <tbody>
                                                                @foreach ($item->childs as $key => $child)
                                                                    <tr>
                                                                        <td>{{ roman($key + 1) }}.{{ $child->name }}
                                                                        </td>
                                                                        <td>

                                                                            <input type="hidden" name="account_id[]"
                                                                                value="{{ $child->id }}">
                                                                            <input type="number" class="form-control"
                                                                                name="account_opening[]"
                                                                                value="{{ $child->account_opening }}"
                                                                                step="any">
                                                                        </td>
                                                                    </tr>
                                                                @endforeach
                                                            </tbody>
                                                        </table>
                                                    @endif
                                                </td>
                                                <td>
                                                    @if ($item->childs->count() == 0)
                                                        <input type="hidden" name="account_id[]"
                                                            value="{{ $item->id }}">
                                                        <input type="number" class="form-control" name="account_opening[]"
                                                            value="{{ $item->account_opening }}" step="any">
                                                    @endif
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                            <button class="btn-selcet btn btn-primary" id="submit"
                                type="submit">@lang('Save')</button>
                        </form>

                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection