@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;
        }
    </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">
                        <form id="eInvoiceForm" method="POST"
                            action="{{ route('e-invoice.sale', $accountingVoucher->id) }}">
                            @csrf
                            <div class="card-body">
                                <div class="row mb-3">
                                    <div class="col-12">
                                        <h4 class="card-title">E-Invoice</h4>
                                        <h6 class="card-subtitle">Fill in the details to generate E-Invoice</h6>
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <div class="col-md-6">
                                        <div class="form-section border p-3 rounded">
                                            <h4 class="mb-3">Transaction Details</h4>
                                            <div class="mb-3">
                                                <label for="taxSch" class="form-label">Tax Scheme <sup
                                                        class="text-danger">
                                                        *</sup></label>
                                                <select id="TaxSch" name="TaxSch" class="form-select" required>
                                                    <option value="GST" selected>GST</option>
                                                </select>
                                            </div>

                                            <div class="mb-3">
                                                <label for="supTyp" class="form-label">Supply Type <sup
                                                        class="text-danger">
                                                        *</sup></label>
                                                <select id="SupTyp" name="SupTyp" class="form-select" required
                                                    data-placeholder="select Supply Type">
                                                    <option value="B2B" selected>B2B-Business to Business</option>
                                                    <option value="SEZWP">SEZWP - SEZ with payment</option>
                                                    <option value="SEZWOP">SEZWOP - SEZ without payment</option>
                                                    <option value="EXPWP">EXPWP - Export with Payment</option>
                                                    <option value="EXPWOP">EXPWOP - Export without payment</option>
                                                    <option value="DEXP">DEXP - Deemed Export</option>
                                                </select>
                                            </div>
                                            <div class="row">
                                                <div class="col-md-4">
                                                    <div class="mb-3">
                                                        <label for="RegRev" class="form-label">Reg Reverse</label>
                                                        <select id="RegRev" name="RegRev" class="form-select" required>
                                                            <option value="N" selected>No</option>
                                                            <option value="Y">Yes</option>
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <div class="mb-3">
                                                        <label for="pos" class="form-label">GSTIN of e-Commerce
                                                            operator</label>
                                                        <input type="text" class="form-control" id="EcmGstin"
                                                            name="EcmGstin" minlength="15" maxlength="15"
                                                            pattern="^([0-9]{2}[0-9A-Z]{13})$">
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <div class="mb-3">
                                                        <label for="RegRev" class="form-label">Igst On Intra</label>
                                                        <select id="IgstOnIntra" name="IgstOnIntra" class="form-select"
                                                            required>
                                                            <option value="N" selected>No</option>
                                                            <option value="Y">Yes</option>
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-section border p-3 rounded">
                                            <h4 class="mb-3">Document Details</h4>
                                            <div class="mb-3">
                                                <label for="typ" class="form-label">Document Type <sup
                                                        class="text-danger">
                                                        *</sup></label>
                                                <select id="Typ" name="Typ" class="form-select" required>
                                                    <option value="INV"
                                                        @if (!isset($isReturn)) selected @endif>Invoice</option>
                                                    <option value="CRN"
                                                        @if (isset($isReturn)) selected @endif>Credit Note
                                                    </option>
                                                    <option value="DBN">Debit Note</option>
                                                </select>
                                            </div>

                                            <div class="mb-3">
                                                <label for="no" class="form-label">Document Number <sup
                                                        class="text-danger">
                                                        *</sup></label>
                                                <input type="text" class="form-control" id="No" name="No"
                                                    readonly value="{{ $accountingVoucher->voucher_number }}" required>
                                            </div>

                                            <div class="mb-3">
                                                <label for="dt" class="form-label">Document Date <sup
                                                        class="text-danger">
                                                        *</sup></label>
                                                <input type="date" class="form-control" id="Dt" name="Dt"
                                                    readonly value="{{ $accountingVoucher->voucher_date }}" required>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <div class="col-md-6">
                                        <div class="form-section border p-3 rounded">
                                            <h4 class="mb-3">Seller Details</h4>
                                            <div class="mb-3">
                                                <label for="gstin" class="form-label">GSTIN <sup class="text-danger">
                                                        *</sup></label>
                                                <input type="text" class="form-control" id="Gstin" name="Gstin"
                                                    minlength="15" maxlength="15" required value="{{ $company->gst }}"
                                                    pattern="([0-9]{2}[0-9A-Z]{13})$">
                                            </div>

                                            <div class="mb-3">
                                                <label for="lglNm" class="form-label">Legal Name <sup
                                                        class="text-danger">
                                                        *</sup></label>
                                                <input type="text" class="form-control" id="LglNm" name="LglNm"
                                                    value="{{ $company->legal_name }}" required>
                                            </div>

                                            <div class="mb-3">
                                                <label for="trdNm" class="form-label">Trade Name</label>
                                                <input type="text" class="form-control" id="TrdNm" name="TrdNm"
                                                    value="{{ $company->name }}">
                                            </div>

                                            <div class="mb-3">
                                                <label for="addr1" class="form-label">Address Line 1 <sup
                                                        class="text-danger">
                                                        *</sup></label>
                                                <input type="text" class="form-control" id="Addr1" name="Addr1"
                                                    value="{{ $company->address }}" required>
                                            </div>

                                            <div class="mb-3">
                                                <label for="addr2" class="form-label">Address Line 2</label>
                                                <input type="text" class="form-control" id="Addr2" name="Addr2"
                                                    value="{{ $company->address_2 }}">
                                            </div>

                                            <div class="mb-3">
                                                <label for="loc" class="form-label">Location <sup
                                                        class="text-danger">
                                                        *</sup></label>
                                                <input type="text" class="form-control" id="Loc" name="Loc"
                                                    value="{{ $company->location }}" required>
                                            </div>

                                            <div class="mb-3">
                                                <label for="pin" class="form-label">PIN Code <sup
                                                        class="text-danger">
                                                        *</sup></label>
                                                <input type="text" class="form-control" id="Pin" name="Pin"
                                                    value="{{ $company->pin_code }}" min="100000" max="999999"
                                                    required pattern="^([1-9]{1}[0-9]{5})$">
                                            </div>

                                            <div class="mb-3">
                                                <label for="stcd" class="form-label">State Code <sup
                                                        class="text-danger">
                                                        *</sup></label>
                                                <select class="form-select" name="Stcd" id="Stcd" required
                                                    data-placeholder="Select State Code">
                                                    @foreach ($gstStates as $gstState)
                                                        <option value="{{ $gstState->code }}"
                                                            {{ $company->state_code == $gstState->code ? 'selected' : '' }}>
                                                            {{ $gstState->name }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                            </div>

                                            <div class="mb-3">
                                                <label for="ph" class="form-label">Phone</label>
                                                <input type="text" class="form-control" id="ph" name="ph"
                                                    value="{{ $company->phone }}" pattern="^([0-9]{6,12})$">
                                            </div>

                                            <div class="mb-3">
                                                <label for="em" class="form-label">Email</label>
                                                <input type="email" class="form-control" id="em" name="em"
                                                    value="{{ $company->email }}">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-section border p-3 rounded">
                                            <h4 class="mb-3">Buyer Details</h4>
                                            <div class="mb-3">
                                                <label for="gstinB" class="form-label">GSTIN <sup class="text-danger">
                                                        *</sup></label>
                                                <input type="text" class="form-control" id="GstinB" name="GstinB"
                                                    value="{{ $ledger->gst ?? 'URP' }}" required
                                                    pattern="^(([0-9]{2}[0-9A-Z]{13})|URP)$">
                                            </div>

                                            <div class="mb-3">
                                                <label for="lglNmB" class="form-label">Legal Name <sup
                                                        class="text-danger">
                                                        *</sup></label>
                                                <input type="text" class="form-control" id="LglNmB" name="LglNmB"
                                                    value="{{ $ledger->legal_name }}" required>
                                            </div>

                                            <div class="mb-3">
                                                <label for="trdNmB" class="form-label">Trade Name</label>
                                                <input type="text" class="form-control" id="TrdNmB" name="TrdNmB"
                                                    value="{{ $ledger->name }}">
                                            </div>
                                            <div class="mb-3">
                                                <label for="posB" class="form-label">Place of Supply <sup
                                                        class="text-danger">
                                                        *</sup></label>
                                                <select class="form-select" name="PosB" id="PosB" required
                                                    data-placeholder="Choose Place of Supply">
                                                    @foreach ($gstStates as $gstState)
                                                        <option value="{{ $gstState->code }}"
                                                            {{ $gstState->code == $ledger->state_code ? 'selected' : '' }}>
                                                            {{ $gstState->name }}
                                                        </option>
                                                    @endforeach
                                                    <option value="96">Other Territory / Country</option>
                                                </select>
                                            </div>
                                            <div class="mb-3">
                                                <label for="addr1B" class="form-label">Address Line 1 <sup
                                                        class="text-danger">
                                                        *</sup></label>
                                                <input type="text" class="form-control" id="Addr1B" name="Addr1B"
                                                    value="{{ $ledger->address }}" required>
                                            </div>

                                            <div class="mb-3">
                                                <label for="addr2B" class="form-label">Address Line 2</label>
                                                <input type="text" class="form-control" id="Addr2B" name="Addr2B"
                                                    value="{{ $ledger->address_2 }}">
                                            </div>

                                            <div class="mb-3">
                                                <label for="locB" class="form-label">Location <sup
                                                        class="text-danger">
                                                        *</sup></label>
                                                <input type="text" class="form-control" id="LocB" name="LocB"
                                                    value="{{ $ledger->location }}" required>
                                            </div>

                                            <div class="mb-3">
                                                <label for="pinB" class="form-label">PIN Code <sup
                                                        class="text-danger">
                                                        *</sup></label>
                                                <input type="text" class="form-control" id="PinB" name="PinB"
                                                    value="{{ $ledger->pin_code }}" required
                                                    pattern="^([1-9]{1}[0-9]{5})$">
                                            </div>

                                            <div class="mb-3">
                                                <label for="stcdB" class="form-label">State Code <sup
                                                        class="text-danger">
                                                        *</sup></label>
                                                <select class="form-select" name="StcdB" id="StcdB" required
                                                    data-placeholder="Choose State Code">
                                                    @foreach ($gstStates as $gstState)
                                                        <option value="{{ $gstState->code }}"
                                                            {{ $gstState->code == $ledger->state_code ? 'selected' : '' }}>
                                                            {{ $gstState->name }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                            </div>

                                            <div class="mb-3">
                                                <label for="phB" class="form-label">Phone</label>
                                                <input type="text" class="form-control" id="PhB" name="PhB"
                                                    value="{{ $ledger->mobile_no }}" pattern="^([0-9]{6,12})$">
                                            </div>

                                            <div class="mb-3">
                                                <label for="emB" class="form-label">Email</label>
                                                <input type="email" class="form-control" id="EmB" name="EmB"
                                                    value="{{ $ledger->email }}">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <div class="col-md-6" id="dispatchForm" style="display: none;">
                                        <div class="form-section border p-3 rounded">
                                            <h4 class="mb-3">Dispatch Details</h4>
                                            <div class="mb-3">
                                                <label for="addr1D" class="form-label">Name (Dispatching Company) <sup
                                                        class="text-danger">
                                                        *</sup></label>
                                                <input type="text" class="form-control" id="NmD" name="NmD"
                                                    required>
                                            </div>
                                            <div class="mb-3">
                                                <label for="addr1D" class="form-label">Address Line 1 <sup
                                                        class="text-danger">
                                                        *</sup></label>
                                                <input type="text" class="form-control" id="Addr1D" name="Addr1D"
                                                    required>
                                            </div>

                                            <div class="mb-3">
                                                <label for="addr2D" class="form-label">Address Line 2</label>
                                                <input type="text" class="form-control" id="Addr2D"
                                                    name="Addr2D">
                                            </div>

                                            <div class="mb-3">
                                                <label for="locD" class="form-label">Location <sup
                                                        class="text-danger">
                                                        *</sup></label>
                                                <input type="text" class="form-control" id="LocD" name="LocD"
                                                    required>
                                            </div>

                                            <div class="mb-3">
                                                <label for="pinD" class="form-label">PIN Code <sup
                                                        class="text-danger">
                                                        *</sup></label>
                                                <input type="text" class="form-control" id="PinD" name="PinD"
                                                    required pattern="^([1-9]{1}[0-9]{5})$">
                                            </div>

                                            <div class="mb-3">
                                                <label for="stcdD" class="form-label">State Code <sup
                                                        class="text-danger">
                                                        *</sup></label>
                                                <select class="form-select" name="StcdD" id="StcdD" required
                                                    data-placeholder="Choose State Code">
                                                    @foreach ($gstStates as $gstState)
                                                        <option value="{{ $gstState->code }}">
                                                            {{ $gstState->name }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6" id="shippingForm" style="display: none;">
                                        <div class="form-section border p-3 rounded">
                                            <h4 class="mb-3">Shipping Details</h4>
                                            <div class="mb-3">
                                                <label for="addr1S" class="form-label">Gstin</label>
                                                <input type="text" class="form-control" id="GstinS"
                                                    name="GstinS">
                                            </div>
                                            <div class="mb-3">
                                                <label for="addr1S" class="form-label">Legal Name <sup
                                                        class="text-danger">
                                                        *</sup></label>
                                                <input type="text" class="form-control" id="LglNmS" name="LglNmS"
                                                    required>
                                            </div>
                                            <div class="mb-3">
                                                <label for="addr1S" class="form-label">Address Line 1 <sup
                                                        class="text-danger">
                                                        *</sup></label>
                                                <input type="text" class="form-control" id="Addr1S" name="Addr1S"
                                                    required>
                                            </div>
                                            <div class="mb-3">
                                                <label for="addr1S" class="form-label">Address Line 2</label>
                                                <input type="text" class="form-control" id="Addr2S" name="Addr2S"
                                                    required>
                                            </div>
                                            <div class="mb-3">
                                                <label for="locS" class="form-label">Location <sup
                                                        class="text-danger">
                                                        *</sup></label>
                                                <input type="text" class="form-control" id="LocS" name="LocS"
                                                    required>
                                            </div>
                                            <div class="mb-3">
                                                <label for="pinS" class="form-label">PIN Code <sup
                                                        class="text-danger">
                                                        *</sup></label>
                                                <input type="text" class="form-control" id="PinS" name="PinS"
                                                    required pattern="^([1-9]{1}[0-9]{5})$">
                                            </div>
                                            <div class="mb-3">
                                                <label for="stcdS" class="form-label">State Code <sup
                                                        class="text-danger">
                                                        *</sup></label>
                                                <select class="form-select" name="StcdS" id="StcdS" required
                                                    data-placeholder="Choose State Code">
                                                    @foreach ($gstStates as $gstState)
                                                        <option value="{{ $gstState->code }}">
                                                            {{ $gstState->name }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <div class="col-md-6" id="ewayForm" style="display: none;">
                                        <div class="form-section border p-3 rounded">
                                            <h4 class="mb-3">Ewaybill Details</h4>
                                            <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>
                                </div>
                                <div class="row mb-3">
                                    <div class="col-md-6">
                                        <div class="form-check form-switch form-switch-lg" dir="ltr">
                                            <input type="checkbox" class="form-check-input" id="dispatchDetails"
                                                name="dispatchDetails">
                                            <label class="form-check-label" for="customSwitchsizelg">Is different Dispatch
                                                Address ?</label>
                                        </div>
                                        <div class="form-check form-switch form-switch-lg" dir="ltr">
                                            <input type="checkbox" class="form-check-input" id="shippingDetails"
                                                name="shippingDetails">
                                            <label class="form-check-label" for="customSwitchsizelg">Is different Shipping
                                                Address ?</label>
                                        </div>
                                        @if ($accountingVoucher->amount >= 50000)
                                            <div class="form-check form-switch form-switch-lg" dir="ltr">
                                                <input type="checkbox" class="form-check-input" id="ewayDetails"
                                                    name="ewayDetails">
                                                <label class="form-check-label" for="customSwitchsizelg">Take E-way bill
                                                    with
                                                    E-invoice?</label>
                                            </div>
                                        @endif
                                    </div>
                                </div>
                            </div>
                            <div class="card-footer">
                                <div class="d-flex justify-content-end">
                                    <button type="submit" class="btn btn-primary" id="submit">Generate
                                        E-Invoice</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </main>
@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>
        $('select').select2({
            allowClear: true,
            placeholder: function() {
                $(this).data('placeholder');
            }
        });

        $('#dispatchDetails').change(function() {
            if (this.checked) {
                $('#dispatchForm').show();
            } else {
                $('#dispatchForm').hide();
            }
        });

        $('#shippingDetails').change(function() {
            if (this.checked) {
                $('#shippingForm').show();
            } else {
                $('#shippingForm').hide();
            }
        });

        $('#ewayDetails').change(function() {
            if (this.checked) {
                $('#ewayForm').show();
            } else {
                $('#ewayForm').hide();
            }
        });

        $('#eInvoiceForm').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() == '';
                    }
                },
                vehicleType: {
                    required: function(element) {
                        return $('#transMode').val() == '1';
                    }
                },
            },
            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) {
                        console.log(data.message);
                        if (data.status == true) {
                            form.reset();
                            Swal.fire({
                                title: 'Success!',
                                text: data.message,
                                icon: 'success',
                                confirmButtonText: 'Ok'
                            }).then((result) => {
                                if (result.isConfirmed) {
                                    window.location.href =
                                        window.location + "/show";
                                }
                            })
                        } 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