@extends('layouts.app')

@section('content')
<style>
</style>
<section class="content" style="background:blue">
    <div class="box box-solid">
    {!! Form::open(['url' => action('GeneralLedgerController@store'), 'class' => 'register_form', 'method' => 'post', 'id' => 'source_add_form' , 'files' => true]) !!}
        <div class="box-body"  style="margin-left:20px;margin-right:20px;">
            <table style="width:100%;border-style: double !important;">
                <tbody>
                    <tr>
                        
                        <td width="30%" style="text-align:left;">GENERAL LEDGER</td>
                        <td  width="20%" style="text-align:left;width:20%;">Account No . :</td>
                        <td width="30%" style="text-align:center;margin-left:5px;margin-right:5px;">{!! Form::text('account_no', $id, ['class' => 'form-control', 'required', 'autofocus']); !!}</td>
                        <td width="30%" style="text-align:right;"><span class="bg-aqua">MAINTENACE<span></td>
                    </tr>
                </tbody>
            </table>
            <br>
            <table style="width:100%;border: 1px solid black !important;">
                <tbody>
                    <tr style="border-bottom: 1px solid;line-height:2">
                       <td width="30%" style="padding-left:20px !important;border-right: double;">Name Of Account :</td>
                       <td style="margin-left:5px;margin-right:5px;">{!! Form::text('account_name', null, ['class' => 'form-control', 'style'=>'margin-left:20px;width: 80% !important',  'required']); !!}</td>
                    </tr>
                    <tr style="border-bottom: 1px solid;line-height:2">
                       <td width="30%" style="padding-left:20px !important;border-right: double;">Account Type :</td>
                       <td style="margin-left:5px;margin-right:5px;">{!! Form::select('account_type_id', ['M' => 'Main', 'G' => 'General', 'D' => 'Detail'], null, ['class' => 'form-control', 'style'=>'margin-left:20px;width: 80% !important', 'placeholder' => 'Select Type', 'required']); !!}</td>
                    </tr>
                    <tr style="border-bottom: 1px solid;line-height:2">
                       <td width="30%" style="padding-left:20px !important;border-right: double;">Transaction Type :</td>
                       <td>{!! Form::select('transaction_type', ['C' => 'Credit', 'D' => 'Debit'], null, ['class' => 'form-control', 'style'=>'margin-left:20px;width: 80% !important', 'placeholder' => 'Select Type']); !!}</td>
                    </tr>
                    <tr style="border-bottom: 1px solid;line-height:2">
                       <td width="30%" style="padding-left:20px !important;border-right: double;">Opening Balance :</td>
                       <td>{!! Form::number('opening_balance', null, ['class' => 'form-control', 'style'=>'margin-left:20px;width: 80% !important']); !!}</td>
                       <td width="30%" style="padding-left:20px !important;border-right: double;">Current Balance :</td>
                       <td>{!! Form::number('closing_balance', null, ['class' => 'form-control', 'style'=>'margin-left:20px;width: 80% !important']); !!}</td>
                    </tr>

                </tbody>
            </table>
            <br>
            <div class="row">
                <div class="col-md-12" style="float:right">
                    <button type="submit" class="btn btn-lg btn-primary" style="float:right">SAVE</button>
                </div>
            </div>
        </div>
    {!! Form::close() !!}   
    </div>
</section>
@endsection
@section('javascript')
<script>
var allFields = document.querySelectorAll(".register_form");
    console.log(allFields)

    let count = 0;

    for (var i = 0; i < allFields.length; i++) {
        console.log(i)
        allFields[i].addEventListener("keyup", function(event) {

            if (event.keyCode === 13) {
                // event.preventDefault();
                var n = f.name.value;
                if (this.parentElement.nextElementSibling
                        .querySelector('input')
                        && n1) {
                    count = count + 1;
                    this.parentElement.nextElementSibling.querySelector(
                            'input').focus();
                }
            }
        });

    }
    </script>
    @endsection