@extends('layouts.default')
@section('content')
<div class="az-content az-content-dashboard">
    <br>
    <div class="container">
        <div class="az-content-body">

            <div class="az-content-breadcrumb">
                <span><a href="" style="color: #596881;"> Accounts Payment</a></span>
                <span><a href="">
                        Accounts Payment Add
                    </a></span>
            </div>

            <h4 class="az-content-title" style="font-size: 20px;margin-bottom: 18px !important;">
                Accounts Payment Add
            </h4>


            <div class="row">

                <div class="col-sm-12   col-md-12 col-lg-12 col-xl-12 " style="border: 0px solid rgba(28, 39, 60, 0.12);">
                    @if (Session::get('success'))
                    <div class="alert alert-success " style="width: 100%;">
                        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                        <i class="icon fa fa-check"></i> {{ Session::get('success') }}
                    </div>
                    @endif
                    @foreach ($errors->all() as $errorr)
                    <div class="alert alert-danger " role="alert" style="width: 100%;">
                        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                        {{ $errorr }}
                    </div>
                    @endforeach

                    <!-- <div class="col-sm-12 col-md-3 col-lg-3 col-xl-3"></div> -->
                    <form method="POST" id="commentForm" autocomplete="off">


                        {{ csrf_field() }}
                        <div class="row">
                            <div class="form-group col-sm-12 col-md-12 col-lg-12 col-xl-12" style="margin: 0px;">
                                <label style="color: #3f51b5;font-weight: 500;margin-bottom:2px;">
                                    <i class="fas fa-address-card"></i> Basic details
                                </label>
                                <div class="form-devider"></div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="form-group col-sm-12 col-md-4 col-lg-4 col-xl-4">
                                <label>Invoice Type</label>
                                <input type="text" value="" class="form-control" name="invoiceType" id="invoiceType" placeholder="Invoice Type">
                            </div><!-- form-group -->
                            <div class="form-group col-sm-12 col-md-4 col-lg-4 col-xl-4">
                                <label style="font-size: 12px;">Invoice Date</label>
                                <input type="text" id="from" class="form-control datepicker" value="{{ date('d-m-Y') }}" id="invoiceDate" name="invoiceDate" placeholder="">
                            </div>

                            <div class="form-group col-sm-12 col-md-4 col-lg-4 col-xl-4">
                                <label>
                                    <Param>
                                    </Param>Party Name
                                </label>
                                <input type="text" value="" class="form-control" name="partyName" id="partyName" placeholder="Party Name">
                            </div><!-- form-group -->

                            <div class="form-group col-sm-12 col-md-4 col-lg-4 col-xl-4">
                                <label>ledger</label>
                                <input type="text" value="" class="form-control" name="ledger" id="ledger" placeholder="Ledger">
                            </div><!-- form-group -->
                            <div class="form-group col-sm-12 col-md-4 col-lg-4 col-xl-4">
                                <label>Total Debit</label>
                                <input type="text" value="" class="form-control" name="totalDebit" id="totalDebit" placeholder="Total Debit">
                            </div><!-- form-group -->

                            <div class="form-group col-sm-12 col-md-4 col-lg-4 col-xl-4">
                                <label>Total Credit</label>
                                <input type="text" value="" class="form-control " id="totalCredit" name="totalCredit" placeholder="Total Credit ">
                            </div><!-- form-group -->
                            <div class="form-group col-sm-12 col-md-4 col-lg-4 col-xl-4">
                                <label>Narration </label>
                                <input type="text" value="" class="form-control " id="narration" name="narration" placeholder="Narration">
                            </div><!-- form-group -->
                            <div class="form-group col-sm-12 col-md-4 col-lg-4 col-xl-4">
                                <label>Bill allocation name </label>
                                <input type="text" value="" class="form-control " id="bill_allocation_name" name="bill_allocation_name" placeholder="Bill allocation name">
                            </div><!-- form-group -->

                            <div class="form-group col-sm-12 col-md-4 col-lg-4 col-xl-4">
                                <label>Amount</label>
                                <input type="text" class="form-control" value="" name="amount" id="amount" placeholder="Amount">
                            </div>
                            <div class="form-group col-sm-12 col-md-4 col-lg-4 col-xl-4">
                                <label>Credit Period </label>
                                <input type="text" id="from" class="form-control datepicker" value="{{ date('d-m-Y') }}" id="creditPeriod" name="creditPeriod" placeholder="">
                            </div>
                            <div class="form-group col-sm-12 col-md-4 col-lg-4 col-xl-4">
                                <label>Bank Allocations InstrumentNo </label>
                                <input type="text" class="form-control" value="" name="bankAllocations_InstrumentNo" id="bankAllocations_InstrumentNo" placeholder="Bank Allocations InstrumentNo">
                            </div>
                            <div class="form-group col-sm-12 col-md-4 col-lg-4 col-xl-4">
                                <label>Instrument Date</label>
                                <input type="text" id="from" class="form-control datepicker" value="{{ date('d-m-Y') }}" id="instrumentDate" name="instrumentDate" placeholder="">
                            </div>

                            <div class="form-group col-sm-12 col-md-4 col-lg-4 col-xl-4">
                                <label>Bank Name </label>
                                <input type="text" class="form-control" value="" name="bankName" id="bankName" placeholder="Bank Name">
                            </div>
                            <div class="form-group col-sm-12 col-md-4 col-lg-4 col-xl-4">
                                <label>Branch</label>
                                <input type="text" class="form-control" value="" name="branch" id="branch" placeholder="Branch">
                            </div>
                            <div class="form-group col-sm-12 col-md-4 col-lg-4 col-xl-4">
                                <label>Favouring</label>
                                <input type="text" class="form-control" value="" name="favouring" id="favouring" placeholder="Favouring">
                            </div>
                            <div class="form-group col-sm-12 col-md-4 col-lg-4 col-xl-4">
                                <label>Transaction Type</label>
                                <input type="text" class="form-control" value="" name="transactionType" id="transactionType" placeholder="Transaction Type">
                            </div>

                            <table class="table table-bordered">
                                <tbody id="dynamic_field">
                                    <tr id="row1" rel="1">
                                        <td>
                                            <div class="row">
                                                <div class="form-group col-sm-12 col-md-3 col-lg-3 col-xl-3" style="float:left;">
                                                    <label>Ledger</label>
                                                    <input type="text" class="form-control stock_qty" name="moreItems[0][ledger]" id="ledger1" index="1" value="">
                                                    <span id="error1" style="color:red;"></span>
                                                </div>

                                                <div class="form-group col-sm-12 col-md-2 col-lg-2 col-xl-2" style="float:left;">
                                                    <label>Group</label>
                                                    <input type="text" class="form-control" name="moreItems[0][group]" id="group1">
                                                </div>
                                                <div class="form-group col-sm-12 col-md-2 col-lg-2 col-xl-2" style="float:left;">
                                                    <label>debit </label>
                                                    <input type="number" class="form-control" name="moreItems[0][debit]" id="debit1">
                                                </div>
                                                <div class="form-group col-sm-12 col-md-2 col-lg-2 col-xl-2" style="float:left;">
                                                    <label>Credit</label>
                                                    <input type="text" class="form-control" name="moreItems[0][credit]" id="credit1">
                                                </div>
                                                <div class="form-group col-sm-12 col-md-2 col-lg-2 col-xl-2" style="float:left;">
                                                    <label>Narration </label>
                                                    <input type="text" class="form-control " name="moreItems[0][Narration]" value="" id="narration1" placeholder="Narration">
                                                </div>
                                            </div>
                                        </td>
                                    </tr>


                                </tbody>

                            </table>
                            <div class=" col-sm-12 col-md-12 col-lg-12 col-xl-12">
                                <button type="button" name="add" id="add" class="btn btn-success btn-xs" style="height:38px;float:right;margin-right:19px;">
                                    <i class="fas fa-plus"></i></button>
                            </div>
                        </div>
                        <div class="row">
                            <div class="form-group col-sm-12 col-md-12 col-lg-12 col-xl-12">
                                <button type="submit" class="btn btn-primary btn-rounded " style="float: right;"><span class="spinner-border spinner-button spinner-border-sm" style="display:none;" role="status" aria-hidden="true"></span> <i class="fas fa-save"></i>
                                    Save

                                </button>
                            </div>
                        </div>
                        <div class="form-devider"></div>
                    </form>

                </div>
            </div>

            <!-- az-content-body -->
        </div>
    </div>
</div>

<script src="