Subversion Repositories SmartDukaan

<section class="wrapper">

    <div class="row">

        <div class="col-lg-12">

            <h3 class="page-header">

                <i class="icon_document_alt"></i>Seller

            </h3>

            <ol class="breadcrumb">

                <li><i class="fa fa-home"></i><a

                        href="${rc.contextPath}/dashboard">Home</a></li>

                <li><i class="icon_document_alt"></i>Supplier Form</li>

            </ol>

        </div>

    </div>

    <form id="new-supplier-create-form">

        <div class="form-row">

            <div class="form-group col-md-6">

                <label for="name">Name</label>

                <input type="text" class="form-control" id="name" name="inputName" placeholder="Name"

                       value="$supplier.getName()" readonly>

            </div>

            <div class="form-group col-md-6">

                <label for="phone">Phone</label>

                <input type="number" class="form-control" id="phone" name="inputPhone" placeholder="Phone" value="$supplier.getPhone()">

            </div>

            <div class="form-group col-md-6">

                <label for="gst">GSTIN</label>

                <input type="text" class="form-control" id="gst" name="inputGst" placeholder="GST"

                       value="$supplier.getGstin()">

            </div>

            <div class="form-group col-md-6">

                <label for="panNumber">PAN</label>

                <input type="text" class="form-control" id="panNumber" name="inputPan" placeholder="pan"

                       value="$supplier.getPan()" readonly>

            </div>

            <div class="form-group col-md-6">

                <label for="Fax">Fax</label>

                <input type="text" class="form-control" id="Fax" name="inputFax" placeholder="Fax" value="$supplier.getFax()">

            </div>

            <div class="form-group col-md-6">

                <label for="headName">Head Name</label>

                <input type="text" class="form-control" id="headName" name="inputHeadName" placeholder="Head Name" value="$supplier.getHeadName()">

            </div>

            <div class="form-group col-md-6">

                <label for="headDesign">Head Designation</label>

                #if($supplier.getHeadDesignation())

                    <input type="text" class="form-control" id="headDesign" name="inputHeadDesign"

                           placeholder="Head Designation" value="$supplier.getHeadDesignation()">

                #else

                    <input type="text" class="form-control" id="headDesign" name="inputHeadDesign"

                           placeholder="Head Designation" value="">

                #end

            </div>

            <div class="form-group col-md-6">

                <label for="headEmail">Head Email</label>

                <input type="email" class="form-control" id="headEmail" name="inputHeadEmail" placeholder="Head Email"

                       value="$supplier.getHeadEmail()">

            </div>

            <div class="form-group col-md-6">

                <label for="contactPerson">Contact Person</label>

                <input type="text" class="form-control" id="contactPerson" name="inputContactPerson"

                       placeholder="Contact Person" value="$supplier.getContactName()">

            </div>

            <div class="form-group col-md-6">

                            <label for="contactPhone">Contact Phone</label>

                            <input type="number" class="form-control" id="contactPhone" name="inputContactPhone"

                                   placeholder="Contact Phone" value="$supplier.getContactPhone()">

                        </div>

            <div class="form-group col-md-6">

                <label for="contactEmail">Contact Email</label>

                <input type="email" class="form-control" id="contactEmail" name="inputContactEmail"

                       placeholder="Contact Email" value="$supplier.getContactEmail()">

            </div>

            <div class="form-group col-md-6">

                                        <label for="document">Document</label>

                                        <input type="file" id="document" name="inputDocument">

                         </div>

            ##            <div class="form-group col-md-6">

            ##                <label for="contactFax">Contact Fax</label>

            ##                <input type="text" class="form-control" id="contactFax" name="inputContactFax"

            ##                       placeholder="Contact Fax" value="$supplier.getContactFax()">

            ##            </div>

            <div class="form-group col-md-6">

                <label for="registeredAddress">Registered Address</label>

                <input type="text" class="form-control" id="registeredAddress" name="inputRegisteredAddress"

                       placeholder="Registered Address" value="$supplier.getRegisteredAddress()" readonly>

            </div>

            <div class="form-group col-md-6">

                <label for="communicationAddress">Communication Address</label>

                <input type="text" class="form-control" id="communicationAddress" name="inputCommunicationAddress"

                       placeholder="Communication Address" value="$supplier.getCommunicationAddress()">

            </div>

            <div class="form-group col-md-6">

                <label for="terms&Conditions">Terms & Conditions</label>

                <input type="text" class="form-control" id="terms&Conditions" name="inputTermConditions"

                       placeholder="Terms & Conditions" value="$supplier.getTnc()">

            </div>

            <div class="form-group col-md-6">

                <input type="checkbox" id="warehouseCheckbox" name="warehouseCheckbox" value=""

                    #if($supplier.getInternalWarehouseId()) checked #end>

                <label for="warehouseCheckbox">Internal Warehouse</label><br>

            </div>

            <div class="form-group col-md-6">

                <label for="warehouse">Warehouse Name</label>

                <select class="form-control input-sm" id="internalWarehouseId" name="internalWarehouseId"

                        placeholder="Warehouse Name"

                    #if(!$supplier.getInternalWarehouseId()) disabled #end>

                    <option value="" disabled #if(!$supplier.getInternalWarehouseId()) selected #end>Warehouse Name

                    </option>

                    #foreach($warehouseEntry in $warehouseMap.entrySet())

                        <option value="$warehouseEntry.getKey()"

                            #if($supplier.getInternalWarehouseId() && $supplier.getInternalWarehouseId() == $warehouseEntry.getKey())

                                selected #end>

                            $warehouseEntry.getValue()

                        </option>

                    #end

                </select>

            </div>

            <div class="form-group col-md-6">

                <label for="warehouseLocation">Warehouse Location</label>

                <select class="chosen-select" id="warehouseLocation" name="inputWarehouseLocation"

                        data-placeholder="Warehouse Location" multiple style="width:500px;" tabindex="4">

                    #foreach($warehouseIdAndStateEntry in $warehouseIdAndState.entrySet())

                        <option value="$warehouseIdAndStateEntry.getKey()"

                            #if($supplierPhysicalWarehouseIds.contains($warehouseIdAndStateEntry.getKey()))

                                selected #end >

                        $warehouseIdAndStateEntry.getValue().getPrefix()

                            ($warehouseIdAndStateEntry.getValue().getStateName())

                        </option>

                    #end

                </select>

            </div>

            <div class="form-group col-md-6">

                <label for="state">State</label>

                <select class="form-control input-sm" id="stateId" name="stateId" placeholder="State"

                        >

                    <option value="" disabled>State </option>

                    #foreach($stateName in $state)

                        <option value="$stateName.getId()"

                            #if($stateName.getId() == $supplier.getStateId()) selected #end

                        >$stateName.getName()</option>

                    #end

                </select>

            </div>

            <div class="form-group col-md-6">

                <label for="pOValidityLimit">PO Validity Days Limit</label>

                <input type="number" class="form-control" id="pOValidityLimit" name="inputPOValidityLimit"

                       placeholder="PO Validity Days Limit" value="$supplier.getPoValidityLimit()">

            </div>

            <div class="form-group col-md-6">

                <button type="button" class="btn btn-primary submit-supplier-edit " style="margin: 20px;"

                        data-dd="$supplier.getId()">Update

                </button>

            </div>

        </div>

    </form>

</section>

<script>

    $(document).ready(function () {

        $('.chosen-select').chosen({

            search_contains: true

        });

        // Handle internal warehouse checkbox toggle

        $('#warehouseCheckbox').on('change', function () {

            const warehouseSelect = $('#internalWarehouseId');

            if (this.checked) {

                warehouseSelect.prop('disabled', false);

            } else {

                warehouseSelect.prop('disabled', true);

                warehouseSelect.val('');

            }

        });

    });

    function isValidGST(gstin) {

        const gstRegex = /^[0-9]{2}[A-Z]{5}[0-9]{4}[A-Z]{1}[A-Z0-9]{1}[Z]{1}[A-Z0-9]{1}$/;

        return gstRegex.test(gstin);

    }

    // Check GST field on document ready

    $(document).ready(function () {

        const gstInput = $('#gst');

        const gstin = gstInput.val().trim();

        // Check if GST is valid

        if (gstin && isValidGST(gstin)) {

            gstInput.prop('readonly', true);

        } else {

            gstInput.prop('readonly', false);

        }

        // If GSTIN field changes, validate it dynamically

        gstInput.on('input', function () {

            const gstValue = $(this).val().trim();

            if (isValidGST(gstValue)) {

                $(this).prop('readonly', true);

            } else {

                $(this).prop('readonly', false);

            }

        });

    });

</script>