@extends('layout.master', ['headerTitle' => 'Add Ledger'])

@section('style')
<link href="{{ asset('assets/plugins/custom/datatables/datatables.bundle.css') }}" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/7.2.0/sweetalert2.min.css">
<style>
    .error {
        color: red;
    }

    .form-control.error {
        border-color: red;
    }
</style>
@endsection

@section('body')
<div class="content d-flex flex-column flex-column-fluid" id="kt_content">
    <div class="container-xxl" id="kt_content_container">
        <div>
            <div class="card card-flush h-lg-100" id="kt_contacts_main">
                <div class="card-header pt-7" id="kt_chat_contacts_header">
                    <div class="card-title">
                        <i class="fas fa-ad me-2" style="font-size: 22px;"></i>
                        <h2>Add Ledger</h2>
                    </div>
                    <div class="d-flex align-items-center py-3 py-md-1">
                        <a href="{{ url()->previous() }}" class="btn btn btn-dark">Back</a>
                    </div>
                </div>
                <div class="card-body pt-5">
                    <form id="ledger_add_form" class="form" action="{{ route('ledger.store') }}" method="post" enctype="multipart/form-data">
                        @csrf
                        <div class="row row-cols-1 row-cols-sm-3 rol-cols-md-1 row-cols-lg-3">
                            <div class="col">
                                <div class="fv-row mb-7">
                                    <label class="fs-6 fw-bold form-label mt-3">
                                        <span class="required">Select Account</span>
                                    </label>
                                    <select id="account" name="account_id" aria-label="Select a Account" data-control="select2" data-placeholder="Select a account..." data-allow-clear="true" class="form-select form-select-solid form-select-lg fw-bold">
                                        <option></option>
                                        @foreach($allAccounts as $account)
                                        <option value="{{ $account->id }}">{{ ucfirst($account->name) }}</option>
                                        @endforeach
                                    </select>
                                    <span style="color:red">@error('account_id'){{$message}}@enderror</span>
                                </div>
                            </div>
                            <div class="col">
                                <div class="fv-row mb-7">
                                    <label class="fs-6 fw-bold form-label mt-3">
                                        <span class="required">Code</span>
                                    </label>
                                    <input type="text" id="code" class="form-control form-control-solid" name="code" placeholder="Code" value="{{ old('code') }}" required />
                                    <span style="color:red">@error('code'){{$message}}@enderror</span>
                                </div>
                            </div>

                            <div class="col">
                                <div class="fv-row mb-7">
                                    <label class="fs-6 fw-bold form-label mt-3">
                                        <span class="required">Traces Name</span>
                                    </label>
                                    <input type="text" id="traces_name" class="form-control form-control-solid" name="traces_name" placeholder="Traces Name" value="{{ old('traces_name') }}" required />
                                    <span style="color:red">@error('traces_name'){{$message}}@enderror</span>
                                </div>
                            </div>
                        </div>
                        <div class="row row-cols-1 row-cols-sm-3 rol-cols-md-1 row-cols-lg-3">
                            <div class="col">
                                <div class="fv-row mb-7">
                                    <label class="fs-6 fw-bold form-label mt-3">
                                        <span class="required">GSTIN Number</span>
                                    </label>
                                    <input type="text" id="gstin_no" class="form-control form-control-solid" name="gstin_no" placeholder="GSTIN Number" value="{{ old('gstin_no') }}" required />
                                    <span id="gstno" style="color:red">@error('gstin_no'){{$message}}@enderror</span>
                                </div>
                            </div>
                            <div class="col">
                                <div class="fv-row mb-7">
                                    <label class="fs-6 fw-bold form-label mt-3">
                                        <span class="required">Opening Balance</span>
                                    </label>
                                    <!-- <input type="text" id="op_bal" class="form-control form-control-solid" name="op_bal" placeholder="Opening Balance" value="{{ old('op_bal') }}" required />
                                    <span style="color:red">@error('op_bal'){{$message}}@enderror</span> -->
                                    <div class="input-group mb-5">
                                        <input type="number" id="op_bal" class="form-control form-control-solid" name="op_bal" placeholder="Opening Balance" value="{{ old('op_bal') ? old('op_bal') : 0 }}" required />
                                        <span>
                                            <select id="op_bal_type" name="op_bal_type" aria-label="Select a type" data-control="select2" data-placeholder="Type..." data-allow-clear="true" class="form-select form-select-solid">
                                                <option selected>Dr</option>
                                                <option>Cr</option>
                                            </select>
                                        </span>
                                    </div>
                                </div>
                            </div>

                            <div class="col">
                                <div class="fv-row mb-7">
                                    <label class="fs-6 fw-bold form-label mt-3">
                                        <span class="required">Trade Name</span>
                                    </label>
                                    <input type="text" id="trd_name" class="form-control form-control-solid" name="trd_name" placeholder="Trade Name" value="{{ old('trd_name') }}" readonly />
                                    <span style="color:red">@error('trd_name'){{$message}}@enderror</span>
                                </div>
                            </div>
                        </div>
                        <div class="row row-cols-1 row-cols-sm-2 rol-cols-md-1 row-cols-lg-2">
                            <div class="row row-cols-1 row-cols-sm-2 rol-cols-md-1 row-cols-lg-2">
                                <div class="col">
                                    <div class="fv-row mb-7">
                                        <label class="fs-6 fw-bold form-label mt-3">
                                            <span class="required">Legal Name</span>
                                        </label>
                                        <input type="text" id="lgl_name" class="form-control form-control-solid" name="lgl_name" placeholder="Legal Name" value="{{ old('lgl_name') }}" readonly />
                                        <span style="color:red">@error('lgl_name'){{$message}}@enderror</span>
                                    </div>
                                </div>
                                <div class="col">
                                    <div class="fv-row mb-7">
                                        <label class="fs-6 fw-bold form-label mt-3">
                                            <span class="required">GST Status</span>
                                        </label>
                                        <input type="text" id="gst_status" class="form-control form-control-solid" name="gst_status" placeholder="GST Status" value="{{ old('gst_status') }}" readonly />
                                        <span style="color:red">@error('gst_status'){{$message}}@enderror</span>
                                    </div>
                                </div>
                            </div>
                            <div class="row row-cols-1 row-cols-sm-2 rol-cols-md-1 row-cols-lg-2">
                                <div class="col">
                                    <div class="fv-row mb-7">
                                        <label class="fs-6 fw-bold form-label mt-3">
                                            <span class="required">Pan No</span>
                                        </label>
                                        <input type="text" id="pan_no" class="form-control form-control-solid" name="pan_no" placeholder="Pan No" value="{{ old('pan_no') }}" required />
                                        <span id="panno" style="color:red">@error('pan_no'){{$message}}@enderror</span>
                                    </div>
                                </div>
                                <div class="col">
                                    <div class="fv-row mb-7">
                                        <label class="fs-6 fw-bold form-label mt-3">
                                            <span>Pan No Verified</span>
                                        </label>
                                        <!-- <input type="text" id="pan_no_verified" class="form-control form-control-solid" name="pan_no_verified" placeholder="Pan No Verified" value="{{ old('pan_no_verified') }}" readonly /> -->
                                        <div class="form-check form-check-custom form-check-solid m-2">
                                            <input class="form-check-input" type="radio" value="1" name="pan_no_verified" id="pan_no_verified" />
                                            <label class="form-check-label me-3" for="yes">
                                                Yes
                                            </label>

                                            <input class="form-check-input" type="radio" value="0" name="pan_no_verified" id="pan_no_verified" checked="checked" />
                                            <label class="form-check-label" for="no">
                                                No
                                            </label>
                                        </div>
                                        <span style="color:red">@error('pan_no_verified'){{$message}}@enderror</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row row-cols-1 row-cols-sm-2 rol-cols-md-1 row-cols-lg-2">
                            <div class="row row-cols-1 row-cols-sm-2 rol-cols-md-1 row-cols-lg-2">
                                <div class="col">
                                    <div class="fv-row mb-7">
                                        <label class="fs-6 fw-bold form-label mt-3">
                                            <span>Tan No</span>
                                        </label>
                                        <input type="text" id="tan_no" class="form-control form-control-solid" name="tan_no" placeholder="Tan No" value="{{ old('tan_no') }}" />
                                        <span style="color:red">@error('tan_no'){{$message}}@enderror</span>
                                    </div>
                                </div>
                                <div class="col">
                                    <div class="fv-row mb-7">
                                        <label class="fs-6 fw-bold form-label mt-3">
                                            <span>Tan No Verified</span>
                                        </label>
                                        <!-- <input type="text" id="tan_no_verified" class="form-control form-control-solid" name="tan_no_verified" placeholder="Tan No Verified" value="{{ old('tan_no_verified') }}" readonly /> -->
                                        <div class="form-check form-check-custom form-check-solid m-2">
                                            <input class="form-check-input" type="radio" value="1" name="tan_no_verified" id="tan_no_verified" />
                                            <label class="form-check-label me-3" for="yes">
                                                Yes
                                            </label>

                                            <input class="form-check-input" type="radio" value="0" name="tan_no_verified" id="tan_no_verified" checked="checked" />
                                            <label class="form-check-label" for="no">
                                                No
                                            </label>
                                        </div>
                                        <span style="color:red">@error('tan_no_verified'){{$message}}@enderror</span>
                                    </div>
                                </div>
                            </div>
                            <div class="row row-cols-1 row-cols-sm-2 rol-cols-md-1 row-cols-lg-2">
                                <div class="col">
                                    <div class="fv-row mb-7">
                                        <label class="fs-6 fw-bold form-label mt-3">
                                            <span>Cha No</span>
                                        </label>
                                        <input type="text" id="cha_no" class="form-control form-control-solid" name="cha_no" placeholder="Cha No" value="{{ old('cha_no') }}" />
                                        <span style="color:red">@error('cha_no'){{$message}}@enderror</span>
                                    </div>
                                </div>
                                <div class="col">
                                <div class="fv-row mb-7">
                                    <label class="fs-6 fw-bold form-label mt-3">
                                        <span>Tin No</span>
                                    </label>
                                    <input type="text" id="tin_no" class="form-control form-control-solid" name="tin_no" placeholder="Tin No" value="{{ old('tin_no') }}" />
                                    <span style="color:red">@error('tin_no'){{$message}}@enderror</span>
                                </div>
                            </div>
                            </div>
                        </div>
                        <div class="row row-cols-1 row-cols-sm-2 rol-cols-md-1 row-cols-lg-2">
                            <div class="col">
                                <div class="fv-row mb-7">
                                    <label class="fs-6 fw-bold form-label mt-3">
                                        <span class="required">Address</span>
                                    </label>
                                    <textarea id="address" class="form-control form-control-solid" name="address" placeholder="Address" value="{{ old('address') }}" readonly cols="30" rows="3"></textarea>
                                    <span style="color:red">@error('address'){{$message}}@enderror</span>
                                </div>
                            </div>
                            <div class="col">
                                <div class="fv-row mb-7">
                                    <label class="fs-6 fw-bold form-label mt-3">
                                        <span class="required">Locality / City</span>
                                    </label>
                                    <input type="text" id="city" class="form-control form-control-solid" name="city" placeholder="Locality / City" value="{{ old('city') }}" readonly />
                                    <span style="color:red">@error('city'){{$message}}@enderror</span>
                                </div>
                            </div>
                        </div>
                        <div class="row row-cols-1 row-cols-sm-3 rol-cols-md-1 row-cols-lg-3">
                            <div class="col">
                                <div class="fv-row mb-7">
                                    <label class="fs-6 fw-bold form-label mt-3">
                                        <span class="required">District</span>
                                    </label>
                                    <input type="text" id="district" class="form-control form-control-solid" name="district" placeholder="District" value="{{ old('district') }}" readonly />
                                    <span style="color:red">@error('district'){{$message}}@enderror</span>
                                </div>
                            </div>
                            <div class="col">
                                <div class="fv-row mb-7">
                                    <label class="fs-6 fw-bold form-label mt-3">
                                        <span class="required">State</span>
                                    </label>
                                    <input type="text" id="state" class="form-control form-control-solid" name="state" placeholder="State" value="{{ old('state') }}" readonly />
                                    <span style="color:red">@error('state'){{$message}}@enderror</span>
                                </div>
                            </div>
                            <div class="col">
                                <div class="fv-row mb-7">
                                    <label class="fs-6 fw-bold form-label mt-3">
                                        <span class="required">Pincode</span>
                                    </label>
                                    <input type="number" id="pincode" class="form-control form-control-solid" name="pincode" placeholder="Pincode" value="{{ old('pincode') }}" readonly />
                                    <span style="color:red">@error('pincode'){{$message}}@enderror</span>
                                </div>
                            </div>
                        </div>
                        <div class="row row-cols-1 row-cols-sm-4 rol-cols-md-1 row-cols-lg-4">
                            <div class="col">
                                <div class="fv-row mb-7">
                                    <label class="fs-6 fw-bold form-label mt-3">
                                        <span class="required">Contact Name</span>
                                    </label>
                                    <input type="text" id="contact_name" class="form-control form-control-solid" name="contact_name" placeholder="Contact Name" value="{{ old('contact_name') }}" required />
                                    <span style="color:red">@error('contact_name'){{$message}}@enderror</span>
                                </div>
                            </div>
                            <div class="col">
                                <div class="fv-row mb-7">
                                    <label class="fs-6 fw-bold form-label mt-3">
                                        <span class="required">Mobile No</span>
                                    </label>
                                    <input type="number" id="mobile" class="form-control form-control-solid" name="mobile" placeholder="Mobile No" value="{{ old('mobile') }}" required />
                                    <span style="color:red">@error('mobile'){{$message}}@enderror</span>
                                </div>
                            </div>
                            <div class="col">
                                <div class="fv-row mb-7">
                                    <label class="fs-6 fw-bold form-label mt-3">
                                        <span>Fax No</span>
                                    </label>
                                    <input type="number" id="fax_no" class="form-control form-control-solid" name="fax_no" placeholder="Fax No" value="{{ old('fax_no') }}" />
                                    <span style="color:red">@error('fax_no'){{$message}}@enderror</span>
                                </div>
                            </div>
                            <div class="col">
                                <div class="fv-row mb-7">
                                    <label class="fs-6 fw-bold form-label mt-3">
                                        <span class="required">Email</span>
                                    </label>
                                    <input type="email" id="email" class="form-control form-control-solid" name="email" placeholder="Email" value="{{ old('email') }}" required />
                                    <span style="color:red">@error('email'){{$message}}@enderror</span>
                                </div>
                            </div>
                        </div>
                        <div class="col">
                            <div class="fv-row mb-7">
                                <label class="fs-6 fw-bold form-label mt-3">
                                    <span class="required">Remarks</span>
                                </label>
                                <textarea id="remarks" class="form-control form-control-solid" name="remarks" placeholder="Remarks" value="{{ old('remarks') }}" required cols="30" rows="3"></textarea>
                                <span style="color:red">@error('remarks'){{$message}}@enderror</span>
                            </div>
                        </div>
                        <div class="separator mb-6"></div>
                        <div class="d-flex justify-content-end">
                            <button type="submit" id="submitbtn" disabled="true" data-kt-contacts-type="submit" class="btn btn-primary">
                                <span class="indicator-label">Save</span>
                                <span class="indicator-progress">Please wait...
                                    <span class="spinner-border spinner-border-sm align-middle ms-2"></span>
                                </span>
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection

@push('scripts')
<script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.js"></script>
<script src="{{ asset('assets/plugins/custom/datatables/datatables.bundle.js') }}"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/7.2.0/sweetalert2.all.min.js"></script>
<script>
    $(document).ready(function() {
        $('#ledger_add_form').validate({
            rules: {
                gstin_no: {
                    required: true
                },
                op_bal: {
                    required: true
                },
                trd_name: {
                    required: true
                },
                lgl_name: {
                    required: true
                },
                gst_status: {
                    required: true
                },
                pan_no: {
                    required: true
                },
                address: {
                    required: true
                },
                city: {
                    required: true
                },
                district: {
                    required: true
                },
                state: {
                    required: true
                },
                pincode: {
                    required: true
                },
                contact_name: {
                    required: true
                },
                mobile: {
                    required: true
                },
                email: {
                    required: true
                },
                remarks: {
                    required: true
                },
                account_id: {
                    required: true
                },
                traces_name: {
                    required: true
                },
                op_bal: {
                    required: true
                },
            },
            messages: {
                gstin_no: {
                    required: "Please enter GSTIN Number"
                },
                op_bal: {
                    required: "Please enter Opening Balance"
                },
                trd_name: {
                    required: "Please enter Trade Name"
                },
                lgl_name: {
                    required: "Please enter valid GSTIN Number"
                },
                gst_status: {
                    required: "Please enter valid GSTIN Number"
                },
                pan_no: {
                    required: "Please enter Pan No"
                },
                address: {
                    required: "Please enter Address"
                },
                city: {
                    required: "Please enter Locality / City"
                },
                district: {
                    required: "Please enter District"
                },
                state: {
                    required: "Please enter State"
                },
                pincode: {
                    required: "Please enter Pincode"
                },
                contact_name: {
                    required: "Please enter Contact Name"
                },
                mobile: {
                    required: "Please enter Mobile No"
                },
                email: {
                    required: "Please enter Email"
                },
                remarks: {
                    required: "Please enter Remarks"
                },
                account_id: {
                    required: "Please enter Account"
                },
                traces_name: {
                    required: "Please enter Traces Name"
                },
                op_bal: {
                    required: "Please enter Opening Balance"
                },
            }
        });

        var _token = `{{ csrf_token() }}`;
        $('body').on('blur', '#gstin_no', function(e) {
            var gstno = $(this).val();
            if (gstno.length == 15) {
                $.ajax({
                    headers: {
                        'x-csrf-token': _token
                    },
                    method: 'POST',
                    url: "{{ route('checkGstNo') }}",
                    data: {
                        gstno: gstno,
                    }
                }).done(function(result) {
                    console.log(result);
                    if (result == 0) {
                        $('#submitbtn').prop('disabled', true);
                        $('#gstno').html('Please enter valid GSTIN Number');
                        swal({
                            confirmButtonColor: "#125c4f",
                            title: 'Please enter valid GSTIN Number',
                            type: "error",
                        })
                    } else {
                        $('#submitbtn').prop('disabled', false);
                        $('#gstno').html('');
                        $.ajax({
                            headers: {
                                'x-csrf-token': _token
                            },
                            method: 'POST',
                            url: "{{ route('getGstDetails') }}",
                            data: {
                                gstno: gstno,
                            }
                        }).done(function(result) {
                            console.log(result);
                            console.log(result.status);
                            if (result.status == 200) {
                                if (result.data.status_cd == 0) {
                                    $('#submitbtn').prop('disabled', true);
                                    $('#gstno').html('Please enter valid GSTIN Number');
                                    swal({
                                        confirmButtonColor: "#125c4f",
                                        title: 'Please enter valid GSTIN Number',
                                        type: "error",
                                    })
                                } else {
                                    $('#submitbtn').prop('disabled', false);
                                    $('#gstno').html('');
                                    $('#trd_name').val(result.data.tradeNam);
                                    $('#lgl_name').val(result.data.lgnm);
                                    $('#gst_status').val(result.data.sts);
                                    $('#address').val(result.data.pradr.addr.bnm + ',\n' + result.data.pradr.addr.bno);
                                    $('#city').val(result.data.pradr.addr.loc);
                                    $('#district').val(result.data.pradr.addr.dst);
                                    $('#state').val(result.data.pradr.addr.stcd);
                                    $('#pincode').val(result.data.pradr.addr.pncd);
                                }
                            }
                        })
                    }

                })
            } else {
                $('#submitbtn').prop('disabled', true);
                $('#gstno').html('');
                swal({
                    confirmButtonColor: "#125c4f",
                    title: 'Please enter valid GSTIN Number',
                    type: "error",
                })
            }
        })

        $('body').on('blur', '#pan_no', function(e) {
            var panno = $(this).val();
            if (panno.length == 10) {
                $.ajax({
                    headers: {
                        'x-csrf-token': _token
                    },
                    method: 'POST',
                    url: "{{ route('validatePan') }}",
                    data: {
                        pan: panno,
                    }
                }).done(function(result) {
                    console.log(result);
                    console.log(result.status);
                    if (result.status == 500) {
                        $('#submitbtn').prop('disabled', true);
                        $('#panno').html(result.message);
                        swal({
                            confirmButtonColor: "#125c4f",
                            title: result.message,
                            type: "error",
                        })
                    } else {
                        $('#submitbtn').prop('disabled', false);
                        $('#panno').html('');
                    }
                })
            } else {
                $('#submitbtn').prop('disabled', true);
                $('#panno').html('');
                swal({
                    confirmButtonColor: "#125c4f",
                    title: 'Please enter valid Pan Number',
                    type: "error",
                })
            }
        })
    });
</script>
@endpush