@extends('layouts.app')

@section('content')
<style>
</style>
<section class="content" style="background:blue">
    <div class="box box-solid">
    {!! Form::open(['url' => action('DebitorLedgerController@update', $contact->id), '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;">CONTACT LEDGER 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',$contact->account_no, ['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;">Ledger Type :</td>
                       <td style="margin-left:5px;margin-right:5px;">{!! Form::select('ledger_type', ['1' => 'Creditor', '2' => 'Debitor', '3' => 'Both'], $contact->ledger_type, ['class' => 'form-control', 'placeholder' => 'Select Type', '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;">Name Of Account :</td>
                       <td style="margin-left:5px;margin-right:5px;">{!! Form::text('account_name', $contact->account_name, ['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', $contact->address, ['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;">Contact :</td>
                       <td>{!! Form::text('contact', $contact->contact, ['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', $contact->phone, ['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', $contact->message, ['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;">VAT No. :</td>
                       <td>{!! Form::text('vat_no', $contact->vat_no, ['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;">Status :</td>
                       <td>{!! Form::select('status',['1' => 'Active', '0' => 'Inactive'], $contact->status, ['class' => 'form-control', 'style'=>'margin-left:20px;width: 80% !important']); !!}</td>
                       <td width="30%" style="padding-left:20px !important;border-right: double;">Remarks :</td>
                       <td>{!! Form::textarea('remark', $contact->remark, ['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