@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 Journal</a></span>
                <span><a href="" style="color: #596881;">
                Accounts Journal</a></span>
            </div>

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

            <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);">
                    <!-- <div class="col-sm-12 col-md-3 col-lg-3 col-xl-3"></div> -->
                    <form method="post" id="commentForm" novalidate="novalidate">
                        @csrf
                        <div class="row">

                            @if(Session::get('error'))
                            <div class="alert alert-danger " role="alert" style="width: 100%;">
                                <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                                {{Session::get('error')}}
                            </div>
                            @endif
                            @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="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>
                            <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 class="form-group col-sm-12 col-md-12 col-lg-12 col-xl-12">
                                    <label for="exampleInputEmail1">Remarks  *</label>
                                    <textarea type="text" class="form-control" name="remarks" value="" placeholder=""></textarea>
                                </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>
                                    {{ request()->item ? 'Update' : 'Save' }}
                                </button>
                            </div>
                        </div>
                        <div class="form-devider"></div>
                    </form>

                </div>
            </div>
        </div>
    </div>

    <!-- az-content-body -->
</div>
<script src="