@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 > SRP 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.srp_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('Payment/Reciept Head')</th>
                                            <th>@lang('Amount Opening')</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td colspan="3">
                                                <h5>Payment</h5>
                                            </td>
                                        </tr>
                                        @foreach ($payment_types as $key => $payment_type)
                                            <tr>
                                                <td> {{ $key + 1 }}
                                                </td>
                                                <td style="text-align: left !important;">
                                                    {{ $payment_type->name }}
                                                </td>

                                                <td style="padding: 0 !important;">
                                                    <input type="hidden" name="payment_id[]"
                                                        value="{{ $payment_type->id }}">
                                                    <input type="number" class="form-control"
                                                        name="payment_opening_amount[]"
                                                        value="{{ $payment_type->opening_amount }}" step="any">
                                                </td>
                                            </tr>
                                        @endforeach
                                        <tr>
                                            <td colspan="3">
                                                <h5>Reciept</h5>
                                            </td>
                                        </tr>
                                        @foreach ($reciept_types as $key => $payment_type)
                                            <tr>
                                                <td> {{ $key + 1 }}
                                                </td>
                                                <td style="text-align: left !important;">
                                                    {{ $payment_type->name }}
                                                </td>

                                                <td style="padding: 0 !important;">
                                                    <input type="hidden" name="reciept_id[]"
                                                        value="{{ $payment_type->id }}">
                                                    <input type="number" class="form-control"
                                                        name="reciept_opening_amount[]"
                                                        value="{{ $payment_type->opening_amount }}" step="any">
                                                </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