@extends('layouts.master')
@section('css')
    <link href="{{ URL::asset('assets/libs/sweetalert2/sweetalert2.min.css') }}" rel="stylesheet" type="text/css" />
    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" type="text/css" />
    <style>
        .error {
            color: red;
        }

        .custom-none {
            display: none !important;
        }

        .select2-selection.select2-selection--single {
            padding-right: 25px !important;
        }

        th,
        td {
            border: 1px solid black !important;
        }
    </style>
@endsection
@section('title')
    E-Invoice
@endsection
@section('content')
    <main>
        <div class="container-fluid">
            <div class="row mb-3">
                <div class="col-12">
                    <div class="card">
                        <div class="card-body">
                            <div class="row mb-3">
                                <div class="col-12 d-flex" style="justify-content: space-between">
                                    <h4 class="card-title">E-Invoice</h4>
                                    <h3 class="card-title">
                                        @if ($ewayBill->status == 'CNL')
                                            <span class="badge bg-danger">Cancelled</span>
                                        @else
                                            <span class="badge bg-success">Active</span>
                                        @endif
                                    </h3>
                                    <div>
                                        @if ($ewayBill->EWBNo != null)
                                            <a href="/admin/eway-bill/sale/{{ $accountingVoucher->id }}"
                                                class="btn btn-primary">E-way Bill</a>
                                        @else
                                            <a data-bs-toggle="modal" data-bs-target="#ewayBill"
                                                class="btn btn-primary">E-way
                                                Bill</a>
                                        @endif
                                        <a onclick="printInvoice()" class="btn btn-primary">
                                            <i class="ri-printer-line"></i> Print
                                        </a>
                                    </div>
                                </div>
                                <div class="container" id="PrintInvoice">
                                    <div class="text-center my-4">
                                        <h2>{{ $einvoice['DocDtls']['Typ'] == 'CRN' ? 'Credit Note' : 'Tax Invoice' }}</h2>
                                    </div>
                                    <div>
                                        <div class="row" style="align-items: baseline">
                                            <div class="col-6">
                                                <p><strong>IRN:</strong> {{ $einvoice['Irn'] }}</p>
                                                <p><strong>Ack No.:</strong> {{ $einvoice['AckNo'] }}</p>
                                                <p><strong>Ack Date:</strong> {{ $einvoice['AckDt'] }}</p>
                                            </div>
                                            <div class="col-6" style="text-align: right;">
                                                {!! QrCode::size(125)->generate($qrCode) !!}
                                            </div>
                                        </div>
                                        <hr>
                                        <div class="row">
                                            <div class="col-3">
                                                <h5>Seller:</h5>
                                                <p>{{ $einvoice['SellerDtls']['LglNm'] }}</p>
                                                <p>{{ $einvoice['SellerDtls']['Addr1'] }}</p>
                                                <p><strong>GSTIN:</strong> {{ $einvoice['SellerDtls']['Gstin'] }}</p>
                                            </div>
                                            <div class="col-3">
                                                <h5>Buyer:</h5>
                                                <p>{{ $einvoice['BuyerDtls']['LglNm'] }}</p>
                                                <p>{{ $einvoice['BuyerDtls']['Addr1'] }}</p>
                                                <p><strong>GSTIN:</strong> {{ $einvoice['BuyerDtls']['Gstin'] }}</p>
                                            </div>
                                            <div class="col-3">
                                                <h5>Document Details:</h5>
                                                <p><strong>Type : </strong>{{ $einvoice['DocDtls']['Typ'] }}</p>
                                                <p><strong>No : </strong>{{ $einvoice['DocDtls']['No'] }}</p>
                                                <p><strong>Date : </strong>{{ $einvoice['DocDtls']['Dt'] }}</p>
                                            </div>
                                            <div class="col-3">
                                                <h5>Eway Bill Details:</h5>
                                                <p><strong>Ewb No : </strong>{{ $ewayBill->EWBNo }}</p>
                                                <p><strong>Ewb Date : </strong>{{ $ewayBill->EWBDt }}</p>
                                                <p><strong>Ewb Valid till : </strong>{{ $ewayBill->EWBValidTill }}</p>
                                            </div>
                                        </div>
                                        <hr>
                                        <table class="table table-bordered">
                                            <thead class="table-light">
                                                <tr>
                                                    <th>Sl No.</th>
                                                    <th>Description of Goods</th>
                                                    <th>HSN/SAC</th>
                                                    <th>Quantity</th>
                                                    <th>Rate</th>
                                                    <th>Amount</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach ($einvoice['ItemList'] as $item)
                                                    <tr>
                                                        <td>{{ $loop->iteration }}</td>
                                                        <td>{{ $item['PrdDesc'] }}</td>
                                                        <td>{{ $item['HsnCd'] }}</td>
                                                        <td>{{ $item['Qty'] }}</td>
                                                        <td>{{ $item['UnitPrice'] }}</td>
                                                        <td>{{ $item['TotAmt'] }}</td>
                                                    </tr>
                                                @endforeach
                                                <tr>
                                                    <td colspan="5" class="text-end"><strong>Taxable</strong></td>
                                                    <td>{{ $einvoice['ValDtls']['AssVal'] }}</td>
                                                </tr>
                                                <tr>
                                                    <td colspan="2" class="text-end"><strong>CGST</strong></td>
                                                    <td>{{ $einvoice['ValDtls']['CgstVal'] }}</td>
                                                    <td class="text-end"><strong>SGST</strong></td>
                                                    <td>{{ $einvoice['ValDtls']['SgstVal'] }}</td>
                                                    <td></td>
                                                </tr>
                                                <tr>
                                                    <td colspan="2" class="text-end"><strong>IGST</strong></td>
                                                    <td>{{ $einvoice['ValDtls']['IgstVal'] }}</td>
                                                    <td class="text-end"><strong>CESS</strong></td>
                                                    <td>{{ $einvoice['ValDtls']['CesVal'] }}</td>
                                                    <td></td>
                                                </tr>
                                                <tr>
                                                    <td colspan="2" class="text-end"><strong>Discount</strong></td>
                                                    <td>{{ $einvoice['ValDtls']['Discount'] }}</td>
                                                    <td class="text-end"><strong>Oth Chrg</strong></td>
                                                    <td>{{ $einvoice['ValDtls']['OthChrg'] }}</td>
                                                    <td></td>
                                                </tr>
                                                <tr>
                                                    <td colspan="2" class="text-end"><strong>Rnd Off</strong></td>
                                                    <td>{{ $einvoice['ValDtls']['RndOffAmt'] }}</td>
                                                    <td class="text-end"><strong>Grand Total</strong></td>
                                                    <td><b>{{ $einvoice['ValDtls']['TotInvVal'] }}</b></td>
                                                    <td></td>
                                                </tr>
                                            </tbody>
                                        </table>
                                        <hr>
                                        <p>Amount Chargeable (in words): <strong>{{ $total }}</strong>
                                        </p>
                                        <table class="table table-bordered">
                                            <thead>
                                                <tr>
                                                    <td rowspan="2">HSN/SAC</td>
                                                    <td rowspan="2">Taxable Value</td>
                                                    <td colspan="2">CGST</td>
                                                    <td colspan="2">SGST/UTGST</td>
                                                    <td rowspan="2">Total Tax Amount</td>
                                                </tr>
                                                <tr>
                                                    <td>Rate</td>
                                                    <td>Amount</td>
                                                    <td>Rate</td>
                                                    <td>Amount</td>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach ($einvoice['ItemList'] as $item)
                                                    <tr>
                                                        <td>{{ $item['HsnCd'] }}</td>
                                                        <td>{{ $item['TotAmt'] }}</td>
                                                        <td>{{ $item['GstRt'] / 2 }}%</td>
                                                        <td>{{ $item['CgstAmt'] }}</td>
                                                        <td>{{ $item['GstRt'] / 2 }}%</td>
                                                        <td>{{ $item['SgstAmt'] }}</td>
                                                        <td>{{ $item['CgstAmt'] + $item['SgstAmt'] + $item['IgstAmt'] + $item['CesAmt'] }}
                                                        </td>
                                                    </tr>
                                                @endforeach
                                                <tr>
                                                    <td class="text-end"><strong>Total</strong></td>
                                                    <td><strong>{{ $einvoice['ValDtls']['AssVal'] }}</strong></td>
                                                    <td></td>
                                                    <td><strong>{{ $einvoice['ValDtls']['CgstVal'] }}</strong></td>
                                                    <td></td>
                                                    <td><strong>{{ $einvoice['ValDtls']['SgstVal'] }}</strong></td>
                                                    <td><strong>{{ $taxamount }}</strong></td>
                                                </tr>
                                            </tbody>
                                        </table>
                                        <p>Tax Amount (in words) : <strong>{{ $taxamountInwords }}</strong>
                                        </p>
                                        <hr>
                                        <div class="row">
                                            <div class="col-6">
                                                <p>Declaration: We declare that this invoice shows the actual price of the
                                                    goods
                                                    described and that all particulars are true and correct.</p>
                                            </div>
                                            <div class="col-6" style="text-align: right;">
                                                <p>for {{ $einvoice['SellerDtls']['LglNm'] }}</p>
                                                <p>Authorised Signatory</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="text-center mt-4">
                                        <p>This is a Computer Generated Invoice</p>
                                    </div>
                                </div>
                                @if ($ewayBill->status != 'CNL')
                                    <div class="col-md-12" style="text-align: center;">
                                        <button class="btn btn-danger" data-bs-toggle="modal"
                                            data-bs-target="#cancelIrn">Cancel
                                            IRN</button>
                                    </div>
                                @endif
                                <div class="col-md-12 mt-3">
                                    <h5>Important Notes:</h5>
                                    <ul>
                                        <li>Once IRN is cancelled, it cannot be reverted.</li>
                                        <li>if you need to cancel e-invoice, you need to cancel E-way first (if generated).
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>

    <div class="modal fade" id="ewayBill" data-bs-backdrop="static" tabindex="-1" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header bg-light p-3">
                    <h5 class="modal-title" id="exampleModalLabel">Generate Eway from IRN</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"
                        id="close-modal"></button>
                </div>
                <form action="{{ route('genarate-ewaybill-from-irn') }}" method="POST" id="updateVehicleNumber"
                    class="tablelist-form" autocomplete="off">
                    @csrf
                    <div class="modal-body">
                        <input type="hidden" name="irn" value="{{ $einvoice['Irn'] }}">
                        <div class="row mb-3">
                            <div class="col-lg-3">
                                <label for="Supply Type" class="form-label">Trans Mode <sup class="text-danger">
                                        *</sup></label>
                            </div>
                            <div class="col-lg-9">
                                <select class="form-select" name="transMode" id="transMode"
                                    data-placeholder="Choose Trans Mode" required>
                                    <option value=""></option>
                                    <option value="1" selected>Road</option>
                                    <option value="2">Rail</option>
                                    <option value="3">Air</option>
                                    <option value="4">Ship</option>
                                    <option value="5">inTransit</option>
                                </select>
                            </div>
                        </div>
                        <div class="row mb-3">
                            <div class="col-lg-3">
                                <label for="Supply Type" class="form-label">Trans Distance (KM) <sup class="text-danger">
                                        *</sup></label>
                            </div>
                            <div class="col-lg-9">
                                <input type="number" class="form-control" name="transDistance" id="transDistance"
                                    placeholder="Enter Trans Distance" required>
                            </div>
                        </div>
                        <div class="row mb-3">
                            <div class="col-lg-3">
                                <label for="Supply Type" class="form-label">Transporter Name</label>
                            </div>
                            <div class="col-lg-9">
                                <input type="text" class="form-control" name="transporterName" id="transporterName"
                                    placeholder="Enter Transporter Name">
                            </div>
                        </div>
                        <div class="row mb-3">
                            <div class="col-lg-3">
                                <label for="Supply Type" class="form-label">Transporter ID</label>
                            </div>
                            <div class="col-lg-9">
                                <input type="text" class="form-control" name="transporterId" id="transporterId"
                                    value="{{ $company->gst }}" required placeholder="Enter Transporter ID">
                            </div>
                        </div>
                        <div class="row mb-3">
                            <div class="col-lg-3">
                                <label for="Supply Type" class="form-label">Transporter Doc No</label>
                            </div>
                            <div class="col-lg-9">
                                <input type="text" class="form-control" name="transDocNo" id="transDocNo"
                                    placeholder="Enter Transporter Doc No">
                            </div>
                        </div>
                        <div class="row mb-3">
                            <div class="col-lg-3">
                                <label for="Supply Type" class="form-label">Transporter Doc
                                    Date</label>
                            </div>
                            <div class="col-lg-9">
                                <input type="date" class="form-control" name="transDocDate" id="transDocDate"
                                    placeholder="Enter Transporter Doc Date">
                            </div>
                        </div>
                        <div class="row mb-3">
                            <div class="col-lg-3">
                                <label for="Supply Type" class="form-label">Vehicle No</label>
                            </div>
                            <div class="col-lg-9">
                                <input type="text" class="form-control" name="vehicleNo" id="vehicleNo"
                                    placeholder="Enter Vehicle No">
                            </div>
                        </div>
                        <div class="row mb-3">
                            <div class="col-lg-3">
                                <label for="Supply Type" class="form-label">Vehicle Type</label>
                            </div>
                            <div class="col-lg-9">
                                <select class="form-select" name="vehicleType" id="vehicleType"
                                    data-placeholder="Choose Vehicle Type">
                                    <option value=""></option>
                                    <option value="R">Regular</option>
                                    <option value="O">ODC</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <div class="hstack gap-2 justify-content-end">
                            <button type="button" class="btn btn-light" data-bs-dismiss="modal">Close</button>
                            <button type="submit" class="btn btn-primary">Update</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <div class="modal fade" id="cancelIrn" data-bs-backdrop="static" tabindex="-1" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header bg-light p-3">
                    <h5 class="modal-title" id="exampleModalLabel">Cancel IRN</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"
                        id="close-modal"></button>
                </div>
                <form action="{{ route('cancel-irn') }}" method="POST" id="cancel-irn" class="tablelist-form"
                    autocomplete="off">
                    @csrf
                    <div class="modal-body">
                        <input type="hidden" name="ac_vh_id" value="{{ $accountingVoucher->id }}">
                        <div class="mb-3">
                            <label for="vehicleNo" class="form-label">Cancel Reason Code</label>
                            <select class="form-select" name="CnlRsn" id="CnlRsn"
                                data-placeholder="Choose From Reason Code" required>
                                <option value=""></option>
                                <option value="1">Duplicate</option>
                                <option value="2">Data Entry mistake</option>
                                <option value="3">Order Cancelled</option>
                                <option value="4">Others</option>
                            </select>
                        </div>
                        <div class="mb-3">
                            <label for="vehicleNo" class="form-label">Reason</label>
                            <textarea class="form-control" name="CnlRem" placeholder="Enter Reason"></textarea>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <div class="hstack gap-2 justify-content-end">
                            <button type="button" class="btn btn-light" data-bs-dismiss="modal">Close</button>
                            <button type="submit" class="btn btn-danger">Cancel</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection
@section('script')
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.5/jquery.validate.min.js"
        integrity="sha512-rstIgDs0xPgmG6RX1Aba4KV5cWJbAMcvRCVmglpam9SoHZiUCyQVDdH2LPlxoHtrv17XWblE/V/PP+Tr04hbtA=="
        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
    <script src="{{ URL::asset('/assets/libs/sweetalert2/sweetalert2.min.js') }}"></script>
    <script src="{{ URL::asset('/assets/js/app.min.js') }}"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/printThis/1.15.0/printThis.min.js"
        integrity="sha512-d5Jr3NflEZmFDdFHZtxeJtBzk0eB+kkRXWFQqEc1EKmolXjHm2IKCA7kTvXBNjIYzjXfD5XzIjaaErpkZHCkBg=="
        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script>
        function printInvoice() {
            $('#PrintInvoice').printThis({
                debug: false,
                pageTitle: "E-invoice",
                importCSS: true,
                importStyle: true,
            });

        }
        $('#ewayBill').on('shown.bs.modal', function() {
            $('select').select2({
                allowClear: true,
                placeholder: function() {
                    $(this).data('placeholder');
                },
                dropdownParent: $('#ewayBill')
            });
        });

        $('#cancelIrn').on('shown.bs.modal', function() {
            $('select').select2({
                allowClear: true,
                placeholder: function() {
                    $(this).data('placeholder');
                },
                dropdownParent: $('#cancelIrn')
            });
        });

        $('#cancel-irn').validate({
            rules: {
                CnlRsn: {
                    required: true
                },
                CnlRem: {
                    required: true
                }
            },
            submitHandler: function(form, e) {
                e.preventDefault();
                var url = $(form).attr('action');
                var formData = new FormData(form);
                $.ajax({
                    url: url,
                    type: 'POST',
                    data: formData,
                    processData: false,
                    contentType: false,
                    success: function(data) {
                        if (data.status == true) {
                            form.reset();
                            Swal.fire({
                                title: 'Success!',
                                text: data.message,
                                icon: 'success',
                                confirmButtonText: 'Ok'
                            }).then((result) => {
                                if (result.isConfirmed) {
                                    window.location.reload();
                                }
                            })
                        } else {
                            Swal.fire({
                                title: 'Error!',
                                text: data.message,
                                icon: 'error',
                                confirmButtonText: 'Ok'
                            })
                        }
                    },
                    error: function(data) {
                        Swal.fire({
                            title: 'Error!',
                            text: data.message,
                            icon: 'error',
                            confirmButtonText: 'Ok'
                        })
                    }
                });
            }
        });

        $('#updateVehicleNumber').validate({
            rules: {
                transDocNo: {
                    required: function(element) {
                        return $('#transMode').val() != '1';
                    }
                },
                transDocDate: {
                    required: function(element) {
                        return $('#transMode').val() != '1';
                    }
                },
                vehicleNo: {
                    required: function(element) {
                        return $('#transMode').val() == '1' && $('#transDocNo')
                            .val() == '';
                    }
                },
            },
            submitHandler: function(form, e) {
                e.preventDefault();
                var url = $(form).attr('action');
                var formData = new FormData(form);
                $.ajax({
                    url: url,
                    type: 'POST',
                    data: formData,
                    processData: false,
                    contentType: false,
                    success: function(data) {
                        if (data.status == true) {
                            form.reset();
                            Swal.fire({
                                title: 'Success!',
                                text: data.message,
                                icon: 'success',
                                confirmButtonText: 'Ok'
                            }).then((result) => {
                                if (result.isConfirmed) {
                                    window.location.reload();
                                }
                            })
                        } else {
                            Swal.fire({
                                title: 'Error!',
                                text: data.message,
                                icon: 'error',
                                confirmButtonText: 'Ok'
                            })
                        }
                    },
                    error: function(data) {
                        Swal.fire({
                            title: 'Error!',
                            text: data.message,
                            icon: 'error',
                            confirmButtonText: 'Ok'
                        })
                    }
                });
            }
        });
    </script>
@endsection