@extends('layouts.app')

@section('content')
<style>
</style>
<section class="content" style="background:blue">
    <div class="box box-solid">
    {!! Form::open(['url' => action('CreditLedgerController@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;">CREDITORS FILE</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', null, ['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;">Address :</td>
                       <td>{!! Form::textarea('address', null, ['class' => 'form-control', 'style'=>'margin-left:20px;width: 80% !important;margin-top:3px;margin-bottom:3px;',  'rows' => '3']); !!}</td>
                    </tr>
                    <tr style="border-bottom: 1px solid;line-height:2">
                       <td width="30%" style="padding-left:20px !important;border-right: double;">Contact :</td>
                       <td>{!! Form::text('contact', null, ['class' => 'form-control', 'style'=>'margin-left:20px;width: 80% !important']); !!}</td>
                    </tr>
                    <tr style="border-bottom: 1px solid;line-height:2">
                       <td width="30%" style="padding-left:20px !important;border-right: double;">Phone / Fax :</td>
                       <td>{!! Form::text('phone', null, ['class' => 'form-control', 'style'=>'margin-left:20px;width: 80% !important']); !!}</td>
                    </tr>
                    <tr style="border-bottom: 1px solid;line-height:2">
                       <td width="30%" style="padding-left:20px !important;border-right: double;">Message :</td>
                       <td>{!! Form::textarea('message', null, ['class' => 'form-control', 'style'=>'margin-left:20px;width: 80% !important;margin-top:3px;margin-bottom:3px;',  'rows' => '3']); !!}</td>
                    </tr>
                </tbody>
            </table>
            <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;">Customer Type :</td>
                       <td>{!! Form::select('customer_type', ['1' => 'A Credit', '2' => 'B Credit','3' => 'C Credit','4' => 'D Credit',], null, ['class' => 'form-control', 'style'=>'margin-left:20px;width: 80% !important', 'placeholder' => 'Select Type','required']); !!}</td>
                       <td width="30%" style="padding-left:20px !important;border-right: double;">VAT No. :</td>
                       <td>{!! Form::number('vat_no', 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;">Credit Limit YTD INV :</td>
                       <td>{!! Form::number('credit_limit', null, ['class' => 'form-control', 'style'=>'margin-left:20px;width: 80% !important']); !!}</td>
                       <td width="30%" style="padding-left:20px !important;"></td>
                       <td>0.00</td>
                    </tr>
                    <tr style="border-bottom: 1px solid;line-height:2">
                       <td width="30%" style="padding-left:20px !important;border-right: double;">Curr Balance YTD Sale :</td>
                       <td style="margin-left:20px !important;">0.00</td>
                       <td width="30%" style="padding-left:20px !important;"></td>
                       <td>0.00</td>
                    </tr>
                </tbody>
            </table>
            <div class="row">
                <div class="col-md-12" style="float:right">
                    <button type="submit" class="btn btn-lg btn-primary">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